注意:示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。
需求
如何实现在散点图上直接显示产品名称,如“海鲜”?
思路
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)效果如下:
备注说明:因为V856升级了echarts的版本(V856以下的版本不支持用扩展属性,需用上边的宏代码),可直接直接通过扩展属性实现此效果,具体如下:
{ "series": [{ "label": { "show": true, "formatter": "function(param) { return param.data.value[2];}", "position": "top" } }] }