option = {
color: ['#2481ff', '#39b838', '#f98200', '#1ed2c8'],
title: {
// text: '未处理'
},
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
formatter: (param, ticket, callback) => {
var str = ''
for (const item of param) {
item.seriesName && (str += item.marker + ' ' + item.seriesName + ':' + item.value + '<br>')
}
return str
}
},
legend: {
data: ['库存', '应收票据', '应收账款', '预付账款'],
right: '20px'
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
width: '100%',
containLabel: true
},
xAxis: [
{
type: 'value',
axisLine: {show:false},
axisTick: {show:false},
splitLine:{show: false},
axisLabel: {
show: true,
textStyle: {
color:'#989898'
}
},
}
],
yAxis: {
splitLine:{show: false},
axisLine: {show:true},
axisTick: {show:false},
axisLabel: {
show: true,
textStyle: {
color:'#989898' //这里用参数代替了
}
},
data: ['业务系统1', '业务系统1', '业务系统1', '业务系统1', '业务系统1', '业务系统1', '业务系统1']
},
series: [
{
name: '库存',
type: 'bar',
// color: '#2481ff',
barWidth: 30,
stack: '总量',
label: {
// show: true
},
data: [50, 60, 59, 50, 50, 50, 50]
},
{
name: '应收票据',
type: 'bar',
stack: '总量',
// color: '#39b838',
barWidth: 30,
label: {
// show: true
},
data: [70, 70, 70, 70, 70, 70, 70]
},
{
name: '应收账款',
type: 'bar',
// color: '#8BC663',
stack: '总量',
barWidth: 30,
label: {
// show: true
},
data: [70, 70, 70, 70, 70, 70, 70]
},
{
name: '预付账款',
type: 'bar',
// color: '#f98200',
stack: '总量',
barWidth: 30,
label: {
// show: true
},
data: [70, 70, 70, 70, 70, 70, 70]
},
{
name: '',
type: 'bar',
data: [0,0,0,0,0,0,0],
color: '#1ed2c8',
stack: '总量',
barWidth: 30,
label: {
show: true,
position: 'right',
color: 'black'
}
}
]
};
var series = option.series
function getSum (params) {
var datavalue = 0
for (var i = 0; i < series.length; i++) {
datavalue += series[i].data[params.dataIndex]
}
return datavalue
}
series[series.length - 1].label.formatter = getSum
myChart.setOption(option)
myChart.on('legendselectchanged', (obj) => {
console.log(obj)
})
myChart.on('legendselectchanged', (obj) => {
function getSum (params) {
var datavalue = 0
for (var i = 0; i < series.length; i++) {
if (obj.selected[series[i].name]) {
datavalue += series[i].data[params.dataIndex]
}
}
return datavalue
}
series[series.length - 1].label.formatter = getSum
myChart.setOption(option)
})
echarts总数可变化
最新推荐文章于 2023-07-19 10:47:12 发布