js charts生成网页的柱状图,圆饼图以及曲线

js charts生成网页的柱状图,圆饼图以及曲线

ID:20892321

大小:375.00 KB

页数:9页

时间:2018-10-17

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

《js charts生成网页的柱状图,圆饼图以及曲线》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

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

2、ecomponents.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、>,否则会出错。3引入js:在代码中添加。4添加容器:在代码中添加正在生产图表...

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

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

5、e="10"/>最容易出错的地方是中文的使用,需要调整各个文件的编码。高级使用一个简单的例子如下: varmyData=newArray([1997,7.80],[1998,4.80],[1999,6.50],[2000,6.10],[2001,4.40],[2002,5.80],[2003,4.00],[2004

6、,8.50],[2005,8.90],[2006,9.20]); varmyChart=newJSChart('graph','line'); myChart.setDataArray(myData); myChart.setTitle('IndiaGDP'); myChart.setTitleColor('#8E8E8E'); myChart.setTitleFontSize(11); myChart.setAxisNameX(''); myChart.setAxisNameY(''); myChart.setAxisColor('#8420CA'); myCh

7、art.setAxisValuesColor('#949494'); myChart.setAxisPaddingLeft(100); myChart.setAxisPaddingRight(120); myChart.setAxisPaddingTop(50); myChart.setAxisPaddingBottom(40); myChart.setAxisValuesDecimals(3); myChart.setShowXValues(false); myChart.setGridColor('#C5A2DE'); myChart.setLineColor

8、('#BB

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

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

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