|
|
|
@ -125,6 +125,11 @@ export default {
|
|
|
|
textStyle: {
|
|
|
|
textStyle: {
|
|
|
|
color: "#fff",
|
|
|
|
color: "#fff",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
width: 80,
|
|
|
|
|
|
|
|
overflow: 'truncate',
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
axisLine: {
|
|
|
|
|
|
|
|
show: false,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
series: [
|
|
|
|
@ -134,13 +139,17 @@ export default {
|
|
|
|
data: this.chartData.map((i) => i.value),
|
|
|
|
data: this.chartData.map((i) => i.value),
|
|
|
|
label: {
|
|
|
|
label: {
|
|
|
|
show: true,
|
|
|
|
show: true,
|
|
|
|
avoidLabelOverlap: true,
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
position: 'insideRight',
|
|
|
|
position: (params) => {
|
|
|
|
|
|
|
|
// 对于小数值(小于10000),将标签显示在柱子外部,避免与y轴重叠
|
|
|
|
|
|
|
|
// 对于大数值,标签显示在柱子内部右侧
|
|
|
|
|
|
|
|
return params.data < 10000 ? 'right' : 'insideRight';
|
|
|
|
|
|
|
|
},
|
|
|
|
color: "#fff",
|
|
|
|
color: "#fff",
|
|
|
|
fontWeight: "bold",
|
|
|
|
fontWeight: "bold",
|
|
|
|
formatter: params => {
|
|
|
|
formatter: params => {
|
|
|
|
return params.data > 10000 ? `${params.data/10000}万+`: `${params.data}+`
|
|
|
|
return params.data > 10000 ? `${params.data/10000}万+`: `${params.data}+`
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
itemStyle: {
|
|
|
|
itemStyle: {
|
|
|
|
color: (params) => {
|
|
|
|
color: (params) => {
|
|
|
|
|