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

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

示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。

需求

如何实现在散点图上直接显示产品类型,如“特制品”?

思路

1)设置好散点图,如下:


2)新建客户端宏模块

3)宏代码如下:

function main(chartView) {
    debugger;
    var meterReport = chartView.getContext();
    var chart = chartView.getChartObject();
    var options = chart.getOptions();
    var series = options.series[0];
    var dataset = series.data;
    series.label = {
        show: true,
        position: "top",
        formatter: "{@[2]}" //{@[n]}:数据中维度n的值,如{@[3]}` 表示维度 3 的值,从 0 开始计数。
    };
}


4)效果如下:


备注说明:也可直接通过扩展属性实现,具体如下:

{
    "series": [{
        "label": {
            "normal": {
                "show": true,
                "position": "top",
                "formatter": "function (param) {return param.value[2];}"
            }
        }
    }]
}




示例资源:散点图数据标签设置.xml