如何使用Js HighCharts图表插件

JavaScript08

如何使用Js HighCharts图表插件,第1张

1、JS资源文件引入，jQuery 是目前使用最广泛的 JS 框架，无特殊说明，所用的环境及所有例子都是基于 jQuery 的

2、创建div容器，创建一个div，并指定div 的 id，高度和宽度，代码如下

3、HighCharts程序编写，如下

4、运行结果，如图：

5

5、兼容性，Highcharts可以运行在任何现代浏览器，包括移动终端以及IE6

这个实现一般有两用方式

1.用js定义一个字符串变量，把图片的字符串写进去，然后div.innerhtml把这个字符串加进去。

2.用类似jquery的js插件，也是先定义图片字符串变量，然后div.append这个字符串就好了。