标签导航:

echarts图例不显示?可能是哪个配置项出错了?

ECharts图例缺失?可能是这些配置问题!

在使用ECharts创建图表时,有时会遇到图例无法显示的情况。本文将分析常见原因并提供解决方案。

问题一:series缺少name属性

ECharts图例展示的是不同数据系列,每个系列都需要一个唯一的name属性进行标识。如果series对象缺少name属性,图例将无法正常显示。

解决方法:为每个series对象添加唯一的name属性。例如:

option = {
  series: [
    {
      type: 'line',
      name: '销售额',
      data: [10, 20, 30, 40, 50]
    },
    {
      type: 'bar',
      name: '利润',
      data: [20, 30, 40, 50, 60]
    }
  ]
};

通过为每个数据系列添加name属性,确保ECharts能够正确识别并显示图例。 请检查您的代码,确保每个series都包含了正确的name属性。