JS Charts 生成网页的柱状图,圆饼图以及曲线图(2009-03-08 17:01:32) 标签:js charts 柱状图 圆饼图 曲线图 jav ascript it 分类:网站技术 JS Charts 是一个轻量级的免费javascript 基础图表生成器,支持柱状图,圆饼图以及简单的曲线图。不需要在服务器端安装插件,只需在客户端加入 javascript代码。JS Charts 支持XML 和 JSON 数据。图片格式为 PNG,兼容所有主要浏览器。 曲线图 柱状图 圆饼图 下载 官方地址: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代码中的标签对里加入
正在生产图表...
JS Charts 生成网页的柱状图,圆饼图以及曲线图(2009-03-08 17:01:32) 标签:js charts 柱状图 圆饼图 曲线图 jav ascript it 分类:网站技术 JS Charts 是一个轻量级的免费javascript 基础图表生成器,支持柱状图,圆饼图以及简单的曲线图
不需要在服务器端安装插件,只需在客户端加入 javascript代码
JS Charts 支持XML 和 JSON 数据
图片格式为 PNG,兼容所有主要浏览器
曲线图 柱状图 圆饼图 下载 官方地址: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 引入js:在代码中添加
4 添加容器:在代码中添加正在生产图表
5 添加图表所需数据 方法一:使用json传递数据 var myData = new Array([10, 20], [15, 10], [20, 30], [25, 10], [30, 5]); var myChart = new JSChart('chartcontainer', 'line'); myChart
setDataArray(myData); myChart
draw(); 方法二:使用外部 xml传递数据 var myChart = new JSChart('