vue Echarts 在此记录:
<div class="ri_echir" ref="chart">
</div>
let Echarts = require('echarts/lib/echarts'); //基础实例 注意不要使用import
require('echarts/lib/chart/pie'); //按需引入 bar = 柱状图
require('echarts/lib/component/tooltip');
require('echarts/lib/component/legend');
data() {
return {
chart: null
}
},
mounted() {
this.init()
},
init() {
//2.初始化
this.chart = Echarts.init(this.$refs.chart);
//3.配置数据
let option = {
// title: {
// text: '某站点用户访问来源',
// subtext: '纯属虚构',
// left: 'center'
// },
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: 'left',
},
series: [{
name: '访问来源',
type: 'pie',
radius: '50%',
data: [{
value: 1048,
name: '在招职位'
},
{
value: 735,
name: '待面试'
},
{
value: 580,
name: '已拒绝'
},
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
};
// 4.传入数据
this.chart.setOption(option);
}