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

提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。

需求

如何实现联合图是堆积柱图+线图的效果?现在是效果如下:



思路

1)设置好联合柱图,如下:


2)新建客户端模块:

3)具体宏代码如下:

function main(chartView) {
    var options = chartView.getChartObject().getOptions();//获取图形信息
    if (options && options.series) {
        for (var i = 0; i < options.series.length; i++) {
            if (options.series[i].type == "bar") {//判断是不是柱形
                options.series[i].stack = "total";//堆放一起
            }
        }
    }
}

4)最终效果图:

示例资源:实现堆积柱图+线图.xml