JSCharts图表插件详解

JSCharts图表插件详解

ID:37711618

大小:220.61 KB

页数:7页

时间:2019-05-29

JSCharts图表插件详解_第1页
JSCharts图表插件详解_第2页
JSCharts图表插件详解_第3页
JSCharts图表插件详解_第4页
JSCharts图表插件详解_第5页
资源描述:

《JSCharts图表插件详解》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、}注意:从官方下来的例子都没指定页面编码,在这种情况下,浏览器就会使用默认设置中文编码:GB2312,GBK等;导致无法执行。}请在html代码中的标签对里加入},也就是指定页面编码【只要不是中文编码就行】。}下载}官方地址:http://www.jumpeyecomponents.com/JavaScript-Components/Charting/JS-Cha

2、rts-245/get/JS-Charts_demo.zip(需要注册)}海外地址:http://www.hostingreviewcenter.com/files/JS-Charts_demo.zip使用入门}1解压:将压缩包中的jscharts.js解压到网站的目录中}2编码转换:在html代码中的标签对里加入,否则会出错。}3引入js:在代码中添加

3、pttype="text/javascript"src="jscharts.js">。}4添加容器:在代码中添加正在生产图表...

}5添加图表所需数据}方法一:使用json传递数据varmyData=newArray([10,20],[15,10],[20,30],[25,10],[30,5]);varmyChart=newJSChart('chartcontainer','line');myCh

4、art.setDataArray(myData);myChart.draw();}方法二:使用外部xml传递数据}varmyChart=newJSChart('graph','line');myChart.setDataXML("data.xml");myChart.draw();}xml的标准格式}

5、0"value="20"/>}最容易出错的地方是中文的使用,需要调整各个文件的编码。}Customerize-bar}}varmyData=newArray(['Jan',2],['Feb',1],['Mar',3

6、],['Apr',6],['May',8],['Jun',10],['Jul',9],['Aug',8],['Sep',5],['Oct',6],['Nov',2],['Dec',4]);}varcolors=['#CE0000','#EF2323','#D20202','#A70000','#850000','#740000','#530000','#850000','#B00000','#9C0404','#CE0000','#BA0000'];}varmyChart=newJSChart('graph','b

7、ar');}myChart.setDataArray(myData);}myChart.colorizeBars(colors);}myChart.setDataArray(myData);}myChart.setAxisColor('#9D9F9D');//设置x

8、y轴的颜色}myChart.setAxisWidth(1);//设置x

9、y轴的宽度}myChart.setAxisNameX('Months');//x轴的文字}myChart.setAxisNameY('Values');//y轴的文字}myChar

10、t.setAxisNameColor('#655D5D');//x

11、y轴的文字的颜色}myChart.setAxisNameFontSize(9);//x

12、y轴的文字的大小}myChart.setAxisPaddingLeft(50);//x轴的左边距}myChart.setAxisValuesDecimals(1);//设置数字的小数点后的位数}myCha

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签