问题描述：
在这个跨入web2.0的时代，也别说2.0的时代。就跨入如今这个铺天盖地的web系统的年头，什么都流行web化。田我作的是OA系统，大把大 把的系统等着二次开发成web形式。这里有Delphi的，vb的。田是用asp.net开发的，这里一个最大的问题是：图表～！常见的图标有3个：线 图，柱状图，饼图。
今天我尝试写一点关于我制做线图的经验和总结，使用的工具备：
一、jquery.js
二、jquery.jqchart.js 这个是使用到的插件
下载地址： http://jsgt.org/lib/jquery/plugin/jqchart/nightly/nightly.htm官方演示地址
三、excanvas-compressed.js 制做图像必备的canvas插件，可使用vml数据格式。
一、jquery.js
二、jquery.jqchart.js 这个是使用到的插件
下载地址： http://jsgt.org/lib/jquery/plugin/jqchart/nightly/nightly.htm官方演示地址
三、excanvas-compressed.js 制做图像必备的canvas插件，可使用vml数据格式。
图示：
而且这在FF下也是运行正常的～！
How to do it？
说在前面，必定要引得文件：
一、<!--[if IE]>
<script src="./excanvas-compressed.js" type="text/javascript" ></script>
<![endif]--> 这个是将canvas标签转换为IE认识的vml。ff下是没问题。
<script src="./excanvas-compressed.js" type="text/javascript" ></script>
<![endif]--> 这个是将canvas标签转换为IE认识的vml。ff下是没问题。
二、<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./jquery.jqchart.js" charset="utf-8"></script>主要是第二个，他里面的那 个$('#canvasMyID').jQchart(jsonobj);是最主要的方法。json对象构建完毕，页面标签写完，就靠这个方法了。
<script type="text/javascript" src="./jquery.jqchart.js" charset="utf-8"></script>主要是第二个，他里面的那 个$('#canvasMyID').jQchart(jsonobj);是最主要的方法。json对象构建完毕，页面标签写完，就靠这个方法了。
三、<link rel="stylesheet" href="./jqchart-canvasMyID.css" type="text/css">样式文件，以照我的喜爱吧，不强求。
这些官网都有下。参见前面的官网。
let's go～～～～
一、一个简单的Demo
它只有两行！！！
<script>部分
$(document).ready(function(){
var chartSetting={data : [ [435,500,600,700,888,777,925] ]};
});
<html>部分的<body>里
<canvas id="canvasMyID"></canvas>
<script>部分
$(document).ready(function(){
var chartSetting={data : [ [435,500,600,700,888,777,925] ]};
});
<html>部分的<body>里
<canvas id="canvasMyID"></canvas>
能够了～！它能够运行了～！
对的，一切都是默认是，显示格式，布局，排版，大小，宽度等，都是默认的。注意，它的数据格式是以数组的方式存在，因此必定要加" [ ]"。
对的，一切都是默认是，显示格式，布局，排版，大小，宽度等，都是默认的。注意，它的数据格式是以数组的方式存在，因此必定要加" [ ]"。
二、咱们尝试修改一下默认的显示。
chartSetting其实支持两个值，一个是data，另外一个是config；config支持不少的参数设定。包括：
width,height,chartWidth,chartHeight,paddingT,paddingR,scaleYLeft,scaleXBotton,ScaleXTop,titleLeft,titleTop
写法很简单 attribute: value, attribute: value, ......
width,height,chartWidth,chartHeight,paddingT,paddingR,scaleYLeft,scaleXBotton,ScaleXTop,titleLeft,titleTop
写法很简单 attribute: value, attribute: value, ......
举个例子：
var chartSetting={
config : {
title : "Fucking Java web XY线图<br/ >and There is a <br />",
titleLeft: 70,
labelX : ["X1","X2","X3","X4","X5","X6","X7"],
scaleY : {min: 0,max:1000,gap:200}
width: 400, //有影响
height: 500, //有影响
paddingL : 50, //有影响
paddingT : 50 //有影响
},
data : [
[435,500,600,700,888,777,925],
[50,123,312,200,402,300,512],
[100,400,790,640,128,347,567]
]
};
var chartSetting={
config : {
title : "Fucking Java web XY线图<br/ >and There is a <br />",
titleLeft: 70,
labelX : ["X1","X2","X3","X4","X5","X6","X7"],
scaleY : {min: 0,max:1000,gap:200}
width: 400, //有影响
height: 500, //有影响
paddingL : 50, //有影响
paddingT : 50 //有影响
},
data : [
[435,500,600,700,888,777,925],
[50,123,312,200,402,300,512],
[100,400,790,640,128,347,567]
]
};
关于这些属性的说明，我用一些图来讲明
大体上就是这样的状况，相对于任何属性的操做均可以写在config里。这样一个基本的图就完成了。
未完待续。。。。。。下一篇我介绍一下如何写配置属性和属性值，数据是如何动态生成的。
暂定：
一、如何拆分data和config属性，隶属不一样的json文件中。而不是txt文件。
二、如何合并data.json和config.json文件，生成线图。
三、如何从一个table中抽离数据生成data，再和config.json合并生成线图。