EChart介绍和使用

一、简单介绍

　　Echart是百度研发团队开发的一款报表视图JS插件，功能十分强大，使用内容做简单记录；（EChart下载地址 http://echarts.baidu.com/download.html）

　　Echart官方网站：https://www.echartsjs.com/index.html

二、Echart属性介绍

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' 类目轴，适用于离散的类目数据，为该类型时必须通过