有时候多个series的时候需要循环数据进去。
循环后给某个属性添加方法。
function getSum(params) {
var datavalue = 0
for (var i = 0; i < seriesLast.length - 1; i++) {
datavalue = parseFloat((Number(datavalue) + Number(seriesLast[i].data[params.dataIndex])).toFixed(2))
}
return that.formatNum(datavalue)
}
seriesLast[seriesLast.length - 1].label.formatter = getSum
//也可直接写在循环属性里面
label: {
show: true,
position: 'top',
color: 'black',
fontSize: 14,
fontWeight:'bold',
color:'red',
formatter: function getSum(params) {
// return res.result[0].Total[params.dataIndex]
var datavalue = 0
for (var i = 0; i < seriesLast.length - 1; i++) {
datavalue = parseFloat((Number(datavalue) + Number(seriesLast[i].data[params.dataIndex])).toFixed(2))
}
return that.formatNum(datavalue)
},
},
方法属性也可添加给color:等属性
itemStyle: {
//设置柱子的通用颜色样式
normal: {
color: function (params) {
if(params.name == 'AA'){
return '#984807'
}else if(params.name == 'BB'){
return '#1F497D'
}else if(params.name == 'CC'){
return '#009900'
}else{
return colorLinearBlue //这是个渐变的对象
}
},
},
},
//====================
let colorLinearBlue = new this.$echarts.graphic.LinearGradient(
1,
0,
0,
0, // 这四个是设置渐变方向的
[
{ offset: 0, color: '#14B6F1' }, //柱图渐变色
{ offset: 0.4, color: '#edf9fe' }, //柱图渐变色
{ offset: 0.5, color: '#FEFFFF' }, //柱图渐变色
{ offset: 0.6, color: '#edf9fe' }, //柱图渐变色
{ offset: 1, color: '#14B6F1' }, //柱图渐变色
]
)