资源描述：
《jscharts生成网页的柱状图,圆饼图以和曲线》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、范文范例参考JS Charts生成网页的柱状图，圆饼图以及曲线图(2009-03-0817:01:32)标签：js charts 柱状图 圆饼图 曲线图 javascript it 分类：网站技术JSCharts是一个轻量级的免费javascript基础图表生成器，支持柱状图，圆饼图以及简单的曲线图。不需要在服务器端安装插件，只需在客户端加入javascript代码。JSCharts支持XML和JSON数据。图片格式为PNG，兼容所有主要浏览器。 曲线图 完美Word格式整理版范文范例参考 柱状图完美Wor
2、d格式整理版范文范例参考 完美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.zi
3、p 使用入门1解压：将压缩包中的jscharts.js解压到网站的目录中2编码转换：在html代码中的
标签对里加入
,否则会出错。3引入js：在代码中添加。4添加容器：在代码中添加正在生产图表... 5添加图表所需数据方法一
4、：使用json传递数据varmyData=newArray([10,20],[15,10],[20,30],[25,10],[30,5]);varmyChart=newJSChart('chartcontainer','line');myChart.setDataArray(myData);myChart.draw();方法二：使用外部xml传递数据varmyChart=newJSCha
5、rt('graph',完美Word格式整理版范文范例参考'line');myChart.setDataXML("data.xml");myChart.draw();xml的标准格式6、0"value="5"/>
最容易出错的地方是中文的使用，需要调整各个文件的编码。高级使用一个简单的例子如下： varmyData=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=newJSCh
7、art('graph','line'); myChart.setDataArray(myData); myChart.setTitle('IndiaGDP'); myChart.setTitleColor('#8E8E8E'); myChart.setTitleFontSize(11); myChart.setAxisNameX(''); myChart.setAxisNameY(''); myChart.setAxisColor('#8420CA'); myChart.setAxisValuesColor('#94949
8、4'); myChart.setAxisPaddingLeft(100); myChart.setAxisPaddingRight(120); myChart.setAxisPaddingTop(50); myChart.setAxisPaddingBottom(40); myChart.setAxis
