页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题

堆积柱图数据项标签设置居上时部分标签被覆盖,悬停的时候才会出现

解决方案

此问题为由第三方作图工具echarts的处理逻辑导致,可不设置数据项标签并使用以下扩展属性进行规避。

{

"series": [{

"name": "销售额",
"type": "bar",
"stack": "总量",
"barMaxWidth": 35,
"barGap": "10%",
"itemStyle": {

"normal": {

"color": "rgba(255,144,128,1)",
"label": {

"show": true,
"textStyle": {

"color": "#fff"

},
"position": "innerTop" //设置内部居上

}

}

}

}, {

"name": "销售量",
"type": "bar",
"stack": "总量",
"itemStyle": {

"normal": {

"color": "rgba(0,191,183,1)",
"barBorderRadius": 0,
"label": {

"show": true,
"position": "top"

}

}

}

}]

}



效果:

参考:https://www.makeapie.com/editor.html?c=xeAx1KwHM-


  • 无标签