一、作用
ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表
二、使用
1、项目中下载Echarts:npm i echarts --save
2、项目中引入Echarts:import * as echarts from 'echarts' (全部引入)
3、按需引入 ECharts 图表和组件 ,以下两句代码是必须引入的
核心模块 :import * as echarts from 'echarts/core'
渲染器,分为CanvasRenderer与SVGRenderer,引入其中一种 :import {} from 'echarts/renderers'
4、基于准备好的 dom 初始化 echarts 实例(必须要一个容器)
var 实例名称 = echarts.init(dom节点)
5、配置项
实例名称.setOption({
......
})