1.简介:
Echarts,全称Enterprise Charts。一个使用JavaScript实现的开源可视化库,涵盖各个企业中使用到的商业级数据图表,满足各种需求。能够在PC端以及移动设备上流畅运行,兼容当前绝大部分的浏览器(IE8/9/10/11,Chrome,Firefox,Safari等)以及兼容多种设备。底层依赖矢量图形库 Zrender,提供直观,交互丰富,可个性化定制的数据可视化图表。
2.类型:
提供了常规的折线图、柱状图、饼图、散点图、地理坐标图/地图、K线图、雷达图、盒形图、热力图、关系图、树图、旭日图、平行坐标图、漏斗图、仪表盘等。可到官网查看所有示例。https://echarts.apache.org/zh/index.html.
3.安装:
下载地址:https://echarts.apache.org/zh/download.html.
4.配置语法:
(1)创建HTML页面,引入echarts.min.js:
(2)绘制图表,准备一个具备高宽的容器:
(3)设置配置信息:
获取DOM容器
指定图表的配置项和数据
标题:
Title:{text:“标题”}
提示信息:
Tooltip:{}
图例:
legend:{data:[“系列”]}
X轴:
xAxis:{ 配置要在X轴显示的项 }
Y轴:
yAxis:{ 配置要在Y轴显示的项 }
系列列表:
series:[{name:“系列名称”, type:“图表类型”, data:[“数据”]}]
5.实例:
(1)js源代码:
(2)效果图: