baidu的echarts中散点图添加标签的formatter函数

Formatter function to add labels in scatter graph in echarts by baidu

我正在用百度的echarts库实现一个散点图。我指的是 this 示例。我已经根据我的要求修改了它的属性。我通过在 'series' 中提到符号大小来增加气泡大小,如下所示:

    series : [
                {    
                  symbolSize : 20,
                  type :'scatter',
                  data : [ some coordinate values ],
                  .
                  .   //rest of the properties
                  .

                  },
              ]

我这样做是为了在气泡内包含自定义标签。为此,我将'series'中的'itemStyle'修改如下:

itemStyle: {
                  normal: {
                            color:'blue', 
                            label:{
                            textStyle:{
                                        fontWeight:'bold',
                                        fontSize:15
                                        },
                           show:true,
                           position: 'inside',
                           formatter: function(value)
                            {
                                if (value=='[10][20]')
                                return 'some label'
                                else
                                return 'NA'
                            }
                        }
                }
          },

现在所有的泡泡里面都写着'NA'。所以,我意识到我做得不对。我想知道 'value' 在格式化程序函数中包含什么。我能否检查它与数据中坐标的相等性?请帮忙。

这是目前积分的样子:

PS: 系列标签的格式化函数中的值元素总是未定义

找到解决上述问题的方法。 标签的格式化程序函数具有以下参数:

a (series name), b (data name), c (value array), d(null)

所以,例如,如果我需要气泡的名称是 'Node1'、'Node2'、'Node3' 等等,那么我将我的系列命名为 'Node' 并且在值数组中,我添加了第三个参数作为数字序列,而不仅仅是 xAxis 和 yAxis 值。这意味着数据可能显示为:

data: [[10, 80, 1], [20, 70, 2], [50, 70, 3] ..and so on],

现在,当我调用 formatter 函数时,我可以像下面这样:

formatter: function(a,b,c)
                            {
                                return a+c[2]
                             }

其中 a = 系列名称,b = 数据名称,c = 值数组。我们根据需要修改这3个,自定义气泡内的标签。我的输出如下所示: