在html部分某个标签内绘制图表,需要给元素设置id,方便echarts获取到元素。
然后是js部分:
const myCharts = this.$echarts.init(document.getElementById('myCharts'));
myCharts.setOption({
xAxis:{ // X轴
type:'categary',
data:['一号','二号','三号']
},
yAxis:{splitLine:{show:false}}, // Y轴
color:'',//节点,线条,标签,填充区的颜色
tooltips:{
trigger: 'axis',
formatter: function(e) { // 给提示框添加的点击事件
console.log(e);
},
triggerOn: 'click'
},//提示框
series:[{
name:'小明',
type:'line',//line 折线图,funnel 倒金字塔,bar柱形图,pie扇形图
areaStyle:{},//填充区样式
lineStyle:{},//数据线样式
itemStyle:{},//数据节点样式
label:{show:true,position:'top'},//标签样式
data:[5,34,23]
}]
})
以后关于echarts的功能可能会在这篇文章后面持续补充。