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个,自定义气泡内的标签。我的输出如下所示:
我正在用百度的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个,自定义气泡内的标签。我的输出如下所示: