如何使用Flotr2图形插件设计柱状图展示图形数据

1、第一步，双击打开HBuilder开发工具，新建静态页面column.html，如下图所示：

2、第二步，在<title></title>标签下，插入一个flotr2和jquery这两个核心文件，如下图所示：

3、第三步，接着在body标签内，插入一个div标签，并使用ID属性值设置div的高度和宽度，如下图所示：

4、第四步，在jquery初始化函数内，编写flotr2的XY轴数据，调用draw()方法绘制兔脒巛钒图形，如下图所示：

5、第五步，保存代码并打开浏览器预览静态页面，可以发现柱状图无柱子，如下图所示：

6、第六步，将柱状图中的中文描述改为数字，然后再次保存预览，发现显示了柱状图，如下图所示：