页面树结构

版本比较

标识

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

(本文档仅供参考)

问题

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

解决方案

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

false
信息
icon
代码块
{

  "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%"


  }]


}