...
| 注意 |
|---|
提示：本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 |
需求
如何实现在散点图上直接显示产品名称，如“海鲜”？
...
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）效果如下：
也可以用扩展属性实现：
...
| 代码块 |
|---|
{
"series": [{
"label": {
"normal": {
"show": true,
"position": "top",
"formatter": "function (param) {return param.value[2];}"
}
}
}]
} |
