ECharts ——数据可视化

ECharts —— 使用JavaScript开发的图表库

ECharts开源：百度

ECharts
概述：百度开源的，使用JavaScript开发的图表库，既可以运行pc端，也可以运行在移动端

• npm安装

npm install --save echarts

• 浏览器

<script src="echarts.min.js文件位置"></script>

• 使用步骤
  1、在网页中通过 <script> 标签引入 ECharts 脚本文件

  2、在网页中创建元素(一般为 DIV 元素)，其将作为图表的渲染容器，该元素必须设置明确的宽度和高度
  3、书写 <script> ，并且通过 echarts 对象的 init() 方法来创建图表对象

当通过<script>标签引入 ECharts 脚本文件后，将自动暴露名称为 echarts 的对象

//获取HTMLDivElement元素，其将作为图表的渲染容器
let divEle = document.getElementById('container');
//创建图表实例
let instance = echarts.init(divEle);

echarts.init(HTMLDivElement|HTMLCanvasElement,主题,{
   
	render:'canvas|svg'
})

4、通过图表对象的 `setOption()` 方法设置配置项

图表对象.setOption({
    ... })

(1)配置项

instance.setOption({
   
	title:{
   },
	xAxis:{
   },
	yAxis:{
   },
	series