散点图数据标签设置

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

需求

如何实现在散点图上直接显示产品名称，如“海鲜”？

思路

1）设置好散点图，如下：

2）新建客户端宏模块

3）宏代码如下：

function main(chartView) {
    var meterReport = chartView.getContext();
    var chart = chartView.getChartObject();
    var options = chart.getOptions();
    var series = options.series[0];
    var dataset = series.data;
 
    for (var i = 0; i < dataset.length; i++) {
        if (!dataset[i].itemStyle) {
            dataset[i].itemStyle = {};
        }
        dataset[i].itemStyle.normal = {
            label: {
                show: true,
                position: "top",
                formatter: dataset[i].value[2]
                //其中2代表第3个字段的值，从0开始，如果泡泡指标绑定了其它的字段，可能需要对2进行加1或减1
            }
        }
    }
}

4）效果如下：

function main(chartView) {    var meterReport = chartView.getContext();    var chart = chartView.getChartObject();    var options = chart.getOptions();    var series = options.series[0];    var dataset = series.data;     for (var i = 0; i < dataset.length; i++) {        if (!dataset[i].itemStyle) {            dataset[i].itemStyle = {};        }        dataset[i].itemStyle.normal = {            label: {                show: true,                position: "top",                formatter: dataset[i].value[2]                //其中2代表第3个字段的值，从0开始，如果泡泡指标绑定了其它的字段，可能需要对2进行加1或减1            }        }    }}