jQuery 制作图表之一--线图(使用插件 jquery.jqchart.js)的使用总结之一
问题描述:
在这个跨入 web2.0 的时代,也别说 2.0 的时代。就跨入现在这个铺天盖地的 web 系统的年头,
什么都流行 web 化。田我做的是 OA 系统,大把大把的系统等着二次开发成 web 形式。这里有
Delphi 的,vb 的。田是用 asp.net 开发的,这里一个最大的问题是:图表~!常见的图标有 3
个:线图,柱状图,饼图。
今天我尝试写一点关于我制作线图的经验和总结,使用的工具有:
1、jquery.js
2、jquery.jqchart.js 这个是使用到的插件
下载地址:http://jsgt.org/lib/jquery/plugin/jqchart/nightly/nightly.htm 官方演示地址
3、excanvas-compressed.js 制作图像必备的 canvas 插件,可以使用 vml 数据格式。
图示:
并且这在 FF 下也是运行正常的~!
How to do it?
说在前面,一定要引得文件:
1、<!--[if IE]>
<script src="./excanvas-compressed.js" type="text/javascript" ></script>
<![endif]--> 这个是将 canvas 标签转换为 IE 认识的 vml。ff 下是没问题。
2、<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./jquery.jqchart.js" charset="utf-8"></script>主要是第二个,
他里面的那个$('#canvasMyID').jQchart(jsonobj);是最主要的方法。json 对象构建完毕,页面标
签写完,就靠这个方法了。
3、<link rel="stylesheet" href="./jqchart-canvasMyID.css" type="text/css">样式文件,以照个
人喜好吧,不强求。