jscharts生成网页的柱状图,圆饼图以和曲线

jscharts生成网页的柱状图,圆饼图以和曲线

ID:28571695

大小:374.50 KB

页数:9页

时间:2018-12-11

jscharts生成网页的柱状图,圆饼图以和曲线_第1页
jscharts生成网页的柱状图,圆饼图以和曲线_第2页
jscharts生成网页的柱状图,圆饼图以和曲线_第3页
jscharts生成网页的柱状图,圆饼图以和曲线_第4页
jscharts生成网页的柱状图,圆饼图以和曲线_第5页
资源描述:

《jscharts生成网页的柱状图,圆饼图以和曲线》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库

1、WORD整理版JS Charts生成网页的柱状图,圆饼图以及曲线图(2009-03-0817:01:32)标签:js charts 柱状图 圆饼图 曲线图 javascript it 分类:网站技术JSCharts是一个轻量级的免费javascript基础图表生成器,支持柱状图,圆饼图以及简单的曲线图。不需要在服务器端安装插件,只需在客户端加入javascript代码。JSCharts支持XML和JSON数据。图片格式为PNG,兼容所有主要浏览器。 曲线图    参考学习资料WORD整理版      柱状图参考学习资料WORD整理版      参考学习资料

2、WORD整理版    圆饼图    参考学习资料WORD整理版      参考学习资料WORD整理版  下载官方地址:http://www.jumpeyecomponents.com/JavaScript-Components/Charting/JS-Charts-245/get/JS-Charts_demo.zip(需要注册)海外地址:http://www.hostingreviewcenter.com/files/JS-Charts_demo.zip 使用入门1解压:将压缩包中的jscharts.js解压到网站的目录中2编码转换:在html代码中的

3、ead>标签对里加入,否则会出错。3引入js:在代码中添加。4添加容器:在代码中添加正在生产图表...

5添加图表所需数据方法一:使用json传递数据varmyData=newArray([10,20],[1

4、5,10],[20,30],[25,10],[30,5]);varmyChart=newJSChart('chartcontainer','line');myChart.setDataArray(myData);myChart.draw();方法二:使用外部xml传递数据varmyChart=newJSChart('graph',参考学习资料WORD整理版'line');myChart.setDataXML("data.xml");myChart.draw();

5、xml的标准格式最容易出错的地方是中文的使用,需要调整各个文件的编码。高级使用一个简单的例子如下: var

6、myData=newArray([1997,7.80],[1998,4.80],[1999,6.50],[2000,6.10],[2001,4.40],[2002,5.80],[2003,4.00],[2004,8.50],[2005,8.90],[2006,9.20]); varmyChart=newJSChart('graph','line'); myChart.setDataArray(myData); myChart.setTitle('IndiaGDP'); myChart.setTitleColor('#8E8E8E'); myChart.se

7、tTitleFontSize(11); myChart.setAxisNameX(''); myChart.setAxisNameY(''); myChart.setAxisColor('#8420CA'); myChart.setAxisValuesColor('#949494'); myChart.setAxisPaddingLeft(100); myChart.setAxisPaddingRight(120); myChart.setAxisPaddingTop(50); myChart.setAxisPaddingBottom(40); myCha

8、rt.setAxisValuesDecimals(3); myCh

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

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

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