产品世界当前位置:恒行平台 > 产品世界 > >

jqPlot 图表中文API使用文档及源码和在线示例

  

[jqPlot,图表]jqPlot 图表中文API使用文档及源码和在线示例

  简介  
  
jqplot是一款非常不错的基于jquery的图表插件,这篇文章主要帮助大家整理了jqplot的中文使用说明和在线示例及源码下载。jqplot插件在支持HTML5的浏览器上将会在canvas上呈现图表。

  
  
引入脚本文件  
  
jqplot需要1.4.3以上的jquery版本支持,刚才说过了,jqplot在支持HTML5 Canvas的浏览器上将以canvas呈现,否则,如果你在IE9以下版本的浏览器上则要引入excanvas.js文件,当然,jqplot的CSS文件也要同时引入,代码如下:  
  
代码如下:

  
  
  
  
  
  
  
添加一个plot容器  
  
我们可以在页面上为jqplot添加一个容器,比如div,但要注意的是,要为这个div容器指定宽度好高度,如下代码:  
  
  
  
开始创建plot图表  
  
接下来我们在上面创建好的容器中通过调用$.jqplot实现图表的生成和渲染,比如如果用下面的数据来初始化jqplot图表:  
  
$.jqplot('chartdiv', [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);  
  
最终显示效果如下图所示:  
  
jqplot属性选项  
我们在调用$.jqplot时可以传入一些参数options来自定义jqplot,部分参数options如下:  
代码如下:
  
seriesColors: [ "#4bb2c5", "#c5b47f", "#EAA228", "#579575", "#839557", "#95恒行平台官网8c12",   (责任编辑:admin)

上一篇:js 数组克隆方法 小结

下一篇:没有了

推荐内容