(本文档仅供参考)

问题

希望柱图实现人口金字塔图(双向横条图)的效果,且鼠标提示、标签均显示为正数

解决方案

前提条件:需要有一个字段为负数,且图形已此负数字段为指标轴

具体请参考如下扩展属性:

{
    "series": [{
        "stack": "default"
    }, {
        "stack": "default",
        //将左边负数标签改为正数
        "label": {
            "normal": {
                "formatter": "function(params){return params.value[0]*-1;}"
            }
        }
    }],
    //将左边负数鼠标提示改为正数
    "tooltip": {
        "formatter": 'function(a){debugger; return a.seriesName + "<br>" + a.name + ": " + (a.data.displayValue > 0 ? a.data.displayValue:-a.data.displayValue)}'
    }
}

实现效果如下: