echarts 折线图结尾显示每条线名称endLabel怎么用

Question

echarts 折线图结尾显示每条线名称endLabel怎么用

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

可以使用echarts的series.label配置项来实现折线图结尾显示每条线名称的效果。在label配置项中，设置normal.subtext为line.name即可显示每条线的名称。 以下是示例代码：

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [{
    name: '邮件营销',
    type: 'line',
    data: [120, 132, 101, 134, 90, 230, 210],
    label: {
      normal: {
        show: true,
        position: 'top',
        color: 'black',
        subtext: '邮件营销'
      }
    }
  }, {
    name: '联盟广告',
    type: 'line',
    data: [220, 182, 191, 234, 290, 330, 310],
    label: {
      normal: {
        show: true,
        position: 'top',
        color: 'black',
        subtext: '联盟广告'
      }
    }
  }]
};

在上面的示例代码中，label中的normal.subtext分别设置为'邮件营销'和'联盟广告'，即可在每条线的结尾显示该线的名称。