initChartLine () {
var option = {
legend: {
data: ['总计充电价格', '总计充电电量','总计充电时长'],
textStyle:{
fontSize: 18,//字体大小
color: '#ffffff'//字体颜色
},
},
grid: {
left: '0%',
right: '0%',
bottom: '0%',
containLabel: true
},
xAxis: {
show: false
},
yAxis: {
type: 'category',
data: [],
},
series: [
{
name: '总计充电价格',
type: 'bar',
data: [0],
itemStyle: {
normal: {
color: 'blue'
}
},
label: {normal: {
show: true,
position: 'right',
color: '#fff',
fontSize: 16,
fontWeight: '400',
formatter: '{c}/￥'
}}
},
{
name: '总计充电电量',
type: 'bar',
data: [0],
label: {normal: {
show: true,
position: 'right',
color: '#fff',
fontSize: 16,
fontWeight: '400',
formatter: '{c}/V'
}}
},
{
name: '总计充电时长',
type: 'bar',
data: [0],
label: {normal: {
show: true,
position: 'right',
color: '#fff',
fontSize: 16,
fontWeight: '400',
formatter: '{c}/H'
}}
}
]
}
this.chartLine = echarts.init(this.$refs.data1)
this.chartLine.setOption(option)
window.addEventListener('resize', () => {
this.chartLine.resize()
})
}
