CMS可视化---ECharts图表
阅读原文时间:2023年07月08日阅读:1

ECharts,全称Enterprise Charts,商业级数据图表,一个纯Javascript的图表库,能够流畅的运行在PC以及移动设备上,兼容当前绝大部分浏览器。为我们许多提供直观,生动,可交互,可高度个性化定制的数据可视化图表。支持折线图、柱状图、散点图、K线图、饼图、雷达图、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表,支持多图表、组件的联动和混搭展现。

1.下载echarts.js文件:下载 - Apache ECharts

(1)引入js文件

(2)为 ECharts 准备一个定义了宽高的 DOM

(3)基于准备好的dom,初始化echarts实例

(4)指定图表的配置项和数据

(5)使用刚指定的配置项和数据显示图表。

2.编写代码

柱状图示例:



Document