页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

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

解决方案

此问题为由第三方作图工具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"

}

}

}

}]

}

...