Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何自定义Echart系列标签文本?_Javascript_Jquery_Echarts - Fatal编程技术网

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吗?