optiondd = {
title: {
text: '測驗',
x: 'LEFT'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
xAxis: [{
type: 'category',
data: ['一分局', '二分局', '三分局', '四分局', '五分局', '六分局', '七分局']
}],
yAxis: [{
type: 'value'
}],
series: [{
name: '在用(臺式電腦)',
type: 'bar',
stack: '臺式電腦',
barWidth: 15,
data: [300, 32, 100, 300, 90, 300, 30]
},
{
name: '已報廢',
type: 'bar',
stack: '臺式電腦',
barWidth: 15,
data: [100, 0, 150, 0, 190, 0, 230]
},
{
name: '報廢在用',
type: 'bar',
stack: '臺式電腦',
data: [20, 300, 300, 34, 300, 30, 290],
label: {
show: true,
position: 'top',
color: 'black',
formatter: function (params){
return params.value
}
}
},
{
name: '在用',
type: 'bar',
stack: '筆記本電腦',
barWidth: 15,
data: [120, 132, 101, 134, 90, 230, 210]
},
{
name: '報廢在用',
type: 'bar',
stack: '筆記本電腦',
data: [0, 182, 191, 234, 290, 330, 0]
},
{
name: '報廢待處置',
type: 'bar',
stack: '筆記本電腦',
data: [150, 0, 201, 154, 190, 0, 410],
label: {
show: true,
position: 'top',
color: 'black',
formatter: function (params){
return params.value
}
}
},
{
name: '在用',
type: 'bar',
barWidth: 15,
stack: '列印機',
data: [620, 732, 701, 734, 1090, 1130, 1120]
},
{
name: '報廢在用',
type: 'bar',
stack: '列印機',
data: [120, 132, 0, 134, 0, 0, 220]
},
{
name: '報廢待處置',
type: 'bar',
stack: '列印機',
data: [60, 72, 0, 0, 190, 0, 0]
},
{
name: '未分配',
type: 'bar',
stack: '列印機',
data: [0, 0, 91, 0, 0, 0, 120],
label: {
show: true,
position: 'top',
color: 'black',
formatter: function (params){
return params.value
}
}
}
]
};
希望在每個柱的頂端或tooltip中顯示每柱的的總數。
uj5u.com熱心網友回復：
先按stack統計資料，然后在label的formatter里去獲取統計的資料uj5u.com熱心網友回復：
看看統計什么資料，想怎么統計怎么統計
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/230127.html
標籤：JavaScript
下一篇：echarts 自適應問題