如何在Echarts折线图每条折线末端显示折线名称？

Echarts完全支持在每条折线末端标注对应名称的需求，核心通过配置系列（series）中的label属性即可实现：

• 针对单个折线系列，在series数组的对应项中添加label配置，设置position: 'end'让标签固定在折线末端，再通过formatter指定显示内容为折线名称（可直接引用系列的name字段）。
• 若要给所有折线统一配置，也可在series的通用配置或全局label规则中设置。

以下是具体代码示例：

option = {
  xAxis: {
    type: 'category',
    data: ['周一', '周二', '周三', '周四', '周五']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      name: '销售额',
      type: 'line',
      data: [120, 200, 150, 80, 220],
      label: {
        show: true,
        position: 'end',
        formatter: '{b}'
      }
    },
    {
      name: '访问量',
      type: 'line',
      data: [300, 400, 350, 280, 420],
      label: {
        show: true,
        position: 'end',
        formatter: '{b}'
      }
    }
  ]
};

如果需要调整标签样式，可在label中添加textStyle配置：

label: {
  show: true,
  position: 'end',
  formatter: '{b}',
  textStyle: {
    color: '#333',
    fontSize: 12,
    fontWeight: 'bold'
  }
}

内容的提问来源于stack exchange，提问作者Phakamani Xulu