Eharts图表

135 阅读1分钟

一、作用

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({

......

})