JS Charts生成网页的柱状图，圆饼图以及曲线图(2009-03-08 17:01:32)
标签：js charts 柱状图 圆饼图 曲线图 javascript it 
分类：网站技术
JS Charts 是一个轻量级的免费javascript 基础图表生成器，支持柱状图，圆饼图以及简单的曲线图。不需要在服务器端安装插件，只需在客户端加入javascript代码。JS Charts 支持XML 和 JSON 数据。图片格式为PNG，兼容所有主要浏览器。
 
曲线图
 
 
 
 
 
 
 
 
 
 
柱状图
 
 
 
 
 
 
注册页面js特效 
 
 
 
圆饼图
  
 
 
 
 
 
 
 
 
 
 
下载
官方地址：www.jumpeyecomponents/JavaScript-Components/Charting/JS-Charts-245/get/JS-Charts_demo.zip (需要注册)
海外地址：www.hostingreviewcenter/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/javascript">
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();
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。