echarts简单应用

阅读更多

1    引入ECharts文件


2    为ECharts准备一个定义了高度和宽度的容器

3    通过echarts.init方法初始化echarts实例 并通过setOption方法赋值数据生成图表





4    echarts支持异步数据加载和更新



echarts 包含

交互组件:    图例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline

事件

行为



           











grid 

描述:直角坐标系内绘图网格，单个 grid 内最多可以放置上下两个 X 轴，左右两个 Y 轴。可以在网格上绘制折线图，柱状图，散点图（气泡图）。

属性:grid.left
[ default: '10%' ]
grid 组件离容器左侧的距离。

grid.top
[ default: 60 ]
grid 组件离容器上侧的距离。
top 的值可以是像 20 这样的具体像素值，可以是像 '20%' 这样相对于容器高宽的百分比，也可以是 'top', 'middle', 'bottom'。






barWidth柱状图宽度

xAxis     interval : 0 ,//强制显示x轴所有的数据

            rotate :45//x轴数据名称的倾斜度

barGrap 柱状图中各个柱子之间的间距