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

(本文档仅供参考)

问题

想要实现既显示堆积柱图各自的数据项标签又显示合计值的效果,如下图示

解决方案

可添加一个合计字段进行作图,同时通过扩展属性隐藏该合计值字段的柱子,只显示数据标签

{
  "series": [{
    "itemStyle": {
      "normal": {
        "label": {
          "show": true,
          "position": "inside"
        }
      }
    }
  }, {
    "itemStyle": {
      "normal": {
        "label": {
          "show": true,
          "position": "inside"
        }
      }
    }
  }, {
    "itemStyle": {
      "normal": {
        "label": {
          "show": true,
          "position": "top"
        }
      }
    },
    //使用另外的堆积分组
    "stack": "total",
    //将图形调整到图层底部
    "z": -1,
    //设置背景柱子
    "barGap": "-100%"
  }]
}


  • 无标签