一.echarts的介绍
1.echarts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目。
2.学习一项技术的关键,还是需要多读官方文档,官网链接Apache ECharts,与之类似的图表库还有D3,HeightCharts。
3.echarts的下载
(1)从 npm 获取
npm install echarts --save
(2)从 CDN 获取
(3)从 GitHub 获取
二.echarts语法
一.echarts常见术语
二.图表常见类型
bar 柱状图
line折线图
(1)曲线图
加上smooth:true;就会变成曲线图
(2)面积图
加上areaStyle:{fill:“#f70”} 会变成面积图
pie 饼形图
(1)加上radius:[80,50] 会变成环形图
三.echarts 中的样式简介
颜色主题
(1)主题可以通过切换深色模式,直接看到采用主题的效果
通过light 、dark切换
定制主题,具体可以参考官网,需要导入下载的js文件