jscharts生成网页的柱状图圆饼图以及曲线.docVIP

JS?Charts生成网页的柱状图，圆饼图以及曲线图(2009-03-08 17:01:32) 标签： HYPERLINK /c.php?t=blogk=jsts=bpoststype=tag \t _blank js? HYPERLINK /c.php?t=blogk=chartsts=bpoststype=tag \t _blank charts? HYPERLINK /c.php?t=blogk=%D6%F9%D7%B4%CD%BCts=bpoststype=tag \t _blank 柱状图? HYPERLINK /c.php?t=blogk=%D4%B2%B1%FD%CD%BCts=bpoststype=tag \t _blank 圆饼图? HYPERLINK /c.php?t=blogk=%C7%FA%CF%DF%CD%BCts=bpoststype=tag \t _blank 曲线图? HYPERLINK /c.php?t=blogk=javascriptts=bpoststype=tag \t _blank javascript? HYPERLINK /c.php?t=blogk=itts=bpoststype=tag \t _blank it? 分类： HYPERLINK /s/articlelist_1056553713_4_1.html 网站技术 JS Charts 是一个轻量级的免费javascript 基础图表生成器，支持柱状图，圆饼图以及简单的曲线图。不需要在服务器端安装插件，只需在客户端加入javascript代码。JS Charts 支持XML 和 JSON 数据。图片格式为PNG，兼容所有主要浏览器。 ? 曲线图 ? ? ? ? ? ? ? ? ? ? 柱状图 ? ? ? ? ? ? ? ? ? ? 圆饼图 ?? ? ? ? ? ? ? ? ? ? ? 下载 官方地址： HYPERLINK /JavaScript-Components/Charting/JS-Charts-245/get/JS-Charts_demo.zip /JavaScript-Components/Charting/JS-Charts-245/get/JS-Charts_demo.zip (需要注册) 海外地址： HYPERLINK /files/JS-Charts_demo.zip /files/JS-Charts_demo.zip ? 使用入门 1 解压：将压缩包中的jscharts.js解压到网站的目录中 2 编码转换：在html代码中的head/head标签对里加入meta http-equiv=content-type content=text/html;charset=utf-8,否则会出错。 3 引入js：在代码中添加script type=text/javascript src=jscharts.js/script 。 4 添加容器：在代码中添加div id=graph正在生产图表.../div 5 添加图表所需数据 方法一：使用json传递数据script type=text/javascriptvar myData = new Array([10, 20], [15, 10], [20, 30], [25, 10], [30, 5]);var myChart = new JSChart(chartcontainer, line);myChart.setDataArray(myData);myChart.draw();/script 方法二：使用外部xml传递数据 script type=text/javascriptvar myChart = new JSChart(graph, line);myChart.setDataXML(data.xml);myChart.draw();/script xml的标准格式 ?xml version=1.0?JSChartdataset type=linedata unit=10 value=20/data unit=15 value=10/data unit=20 value=30/data unit=25 value=10/data unit=30 value=5//dataset/JSChart 最容易出错的地方是中文的使用，需要调整各个文件的编码。 高级使用 一个简单的例子如下： script type=text/javascript?var myData = new Array([1997, 7.80], [1998, 4.80], [1999, 6.50], [2000, 6.10