Echart是百度研发团队开发的一款报表视图JS插件，功能十分强大，使用内容做简单记录；（EChart下载地址 http://echarts.baidu.com/download.html）
1、title：写标题，属性如下
show:false/true 标题是否显示；
text：标题内容；textstyle修饰标题样式
subtext：副标题，也可以算是内容；subtextStyle修饰副标题样式；
2、legentd:图例组件展现了不同系列的标记(symbol)，颜色和名字；
show:false/true 是否显示；
data:图例的数据数组;
3、grid:直角坐标系内绘图网格,单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图;
show:false/true 是否显示；
top、left、right、bottom标识上左右下的边距；
4、xAxis :直角坐标系 grid 中的 x 轴，单个 grid 组件最多只能放上下两个 x 轴。
type:坐标轴类型。
-
'value'数值轴，适用于连续数据。 -
'category'类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。 -
'time'时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。
data:类目数据，在类目轴（type: 'category'）中有效。
5、yAxis:直角坐标系 grid 中的 y 轴，单个 grid 组件最多只能放左右两个 y 轴。
type:坐标轴类型。
-
'value'数值轴，适用于连续数据。 -
'category'类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。 -
'time'时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。
6、dataZoom:组件 用于对数据进行区域缩放，从而能自由关注细节的数据信息，或者概览数据整体。
type:slider; 是否显示 组件。如果设置为 false，不会显示，但是数据过滤的功能还存在;
backgroundColor:组件的背景颜色。
realtime:拖动时，是否实时更新系列的视图。如果设置为 false，则只在拖拽结束的时候更新。
top、left、right、bottom标识上左右下的边距；
7、tooltip:提示框组件。
show:false/true 是否显示；
trigger:触发类型;
-
'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。
-
'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。
8、color：调色盘颜色列表。如果系列没有设置颜色，则会依次循环从该列表中取颜色作为系列颜色。
默认为： ['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']；
9、seriers:系列列表。每个系列通过type 决定自己的图表类型；
series[i]-line：折线
itemStyle折线拐点标志的样式；
series[i]-bar：柱状图通过柱形的高度来表现数据的大小，用于有至少一个类目轴的直角坐标系上。
series[i]-pie：饼图主要用于表现不同类目的数据在总和中的占比。每个的弧度表示数据数量的比例。
10、itemStyle 样式:
normal:color 颜色；