ECharts
1.1、ECharts简介
是什么 ?:a powerful, interactive charting and visualization library for browser.
开发语言:JavaScript
官方主页:https://echarts.baidu.com
源码仓库:https://github.com/apache/incubator-echarts
1.2、通过开源CDN引入ECharts

jsDelivr⤵︎

<script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js"></script>

BootCDN⤵︎

<script src="https://cdn.bootcss.com/echarts/4.7.0/echarts.min.js"></script>
1.3、通过下载到本地引入ECharts

step1、通过包管理器安装ECharts

包管理器安装命令
bowerbower install echarts --save
npmnpm install echarts --save
yarnyarn add echarts

step2、在HTML代码中引入JavaScript

<script src="/bower_components/echarts/dist/echarts.min.js"></script>
1.4、使用ECharts

ECharts图表示例

ECharts数据可视化实验室

位置控制

timeline组件的使用

柱状图如何设置不同颜色