Javascript 如何自定义Echart系列标签文本?
我需要显示自定义系列标签,而不是数据数组值。这里是我的系列数据数组Javascript 如何自定义Echart系列标签文本?,javascript,jquery,echarts,Javascript,Jquery,Echarts,我需要显示自定义系列标签,而不是数据数组值。这里是我的系列数据数组 data: [820, 932, 901, 934, 1290, 1330, 1320], 启用标签时: label: { show: true, position: 'top', color: "black", fontSize:12, }, 它在我的折线图顶部显示数据数组值我需要显示自定义文本而不是此数据数组值[text1,text2,text3…] 我的源代码: option = { x
data: [820, 932, 901, 934, 1290, 1330, 1320],
启用标签时:
label: {
show: true,
position: 'top',
color: "black",
fontSize:12,
},
它在我的折线图顶部显示数据数组值我需要显示自定义文本而不是此数据数组值[text1,text2,text3…] 我的源代码:
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line',
symbolSize: 12,
label: {
show: true,
position: 'top',
color: "black",
fontSize:12,
},
}]
};
请使用标签对象提供的格式化程序属性。可以返回任何类型的字符串。请使用以了解更多信息:
label: {
show: true,
position: 'top',
color: "black",
fontSize: 12,
formatter: function(d) {
return d.name + d.data;
}
var myChart=echart.init(document.getElementById('main');
选项={
xAxis:{
类型:'类别',
数据:[周一、周二、周三、周四、周五、周六、周日]
},
亚克斯:{
类型:“值”
},
系列:[{
数据:[8209329011934013301320],
键入:“行”,
标签:{
秀:没错,
位置:'顶部',
颜色:“黑色”,
尺寸:12,
格式化程序:函数(d){
返回d.name+“”+d.data;
}
},
}]
};
myChart.setOption(选项)代码>
您能为此创建一个JSFIDLE吗?