格式化程序功能,用于在百度的echarts中的散点图中添加标签
我用百度的echarts库实现了一个散点图。我指的是例子。我已根据我的要求对其属性进行了修改。我在“系列”中提到了一个符号大小,从而增加了气泡的大小,如下所示:格式化程序功能,用于在百度的echarts中的散点图中添加标签,charts,scatter-plot,scatter,baidu,echarts,Charts,Scatter Plot,Scatter,Baidu,Echarts,我用百度的echarts库实现了一个散点图。我指的是例子。我已根据我的要求对其属性进行了修改。我在“系列”中提到了一个符号大小,从而增加了气泡的大小,如下所示: series : [ { symbolSize : 20, type :'scatter', data : [ some coordinate values ],
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'
}
}
}
},
formatter: function(a,b,c)
{
return a+c[2]
}
现在所有的泡泡里面都写着“NA”。所以,我意识到我做得不对。我想知道格式化程序函数中的“值”包含什么。我能检查它是否与数据中的坐标相等吗?请帮忙
以下是到目前为止各点的情况:
PS:label in series的formatter函数中的value元素始终未定义找到了解决上述问题的方法。 label的formatter函数具有以下参数:
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函数时,我可以如下所示:
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'
}
}
}
},
formatter: function(a,b,c)
{
return a+c[2]
}
其中a=系列名称,b=数据名称,c=值数组。我们根据需要修改这3个,以定制气泡内的标签。我的输出如下所示:
series : [
{
symbolSize : 20,
type :'scatter',
data : [ some coordinate values ],
.
. //rest of the properties
.
},
]