1.安装
npm install echarts --save
## 或
yarn add echarts
2.引入
import * as echarts from 'echarts';
// 基于准备好的dom,初始化echarts实例
var myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
title: {
text: 'ECharts 入门示例'
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
});
3.基本配置
option = {
tooltip: {}, // 鼠标移入显示的文本
legend: {}, // 图例(数据series需要name)
xAxis: {}, // x轴
yAxis: {}, // y轴
series: {} // 数据
};