Echarts介绍
ECharts是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 官网：https://echarts.apache.org/zh/index.html
快速上手
引入 Apache ECharts 在刚才保存 echarts.js 的目录新建一个 index.html 文件，内容如下：
绘制一个简单的图表 在绘图前我们需要为 ECharts 准备一个定义了高宽的 DOM 容器。在刚才的例子 之后，添加：
然后就可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图，下面是完整代码。
这样你的第一个图表就诞生了！ 同时Echarts官网给除了很多示例供大家选择使用，如图
主要配置（常用的）
需要了解的主要配置：series xAxis yAxis grid tooltip title legend color
series – 系列列表。每个系列通过 type 决定自己的图表类型 – 通俗的理解：图标数据，指定什么类型的图标，可以多个图表重叠。
xAxis：直角坐标系 grid 中的 x 轴
– boundaryGap: 坐标轴两边留白策略 true，这时候刻度只是作为分隔线，标签和数据点都会在两个刻度之间的带(band)中间。
yAxis：直角坐标系 grid 中的 y 轴
grid：直角坐标系内绘图网格。
title：标题组件
tooltip：提示框组件
legend：图例组件
color：调色盘颜色列表
stack：数据堆叠，同个类目轴上系列配置相同的stack值后 后一个系列的值会在前一个系列的值上相加。
还有很多怕配置项，具体可参考配置链接
参考阅读
您阅读本篇文章共花了：
发表评论