echart不显示legend

如果 ECharts 不显示图例（legend），可以检查以下几点：

1. 确认在 ECharts 配置项中设置了 `legend` 属性，例如：

   option = {
     // ...
     legend: {
       data: ['图例一', '图例二']
     },
     // ...
   };

2. 确认 ECharts 容器的大小足够大，以容纳图例。可以尝试调整容器的宽度或高度，或者在 CSS 中设置容器的 `min-height` 和 `min-width`。

3. 确认图例项的名称与数据项的名称一致。如果数据项的名称与图例项的名称不一致，可以通过在 `series` 中设置 `name` 属性来解决，例如：

   option = {
     // ...
     series: [
       {
         name: '图例一',
         type: 'line',
         data: [1, 2, 3, 4, 5]
       },
       {
         name: '图例二',
         type: 'line',
         data: [2, 4, 6, 8, 10]
       }
     ],
     // ...
   };

如果以上方法都没有解决问题，可以尝试在 ECharts 官网的文档和社区中寻求帮助。

相关问题

echart 折线图legend不显示

ECharts是一款强大的数据可视化库，在创建折线图时，如果想要隐藏Legend（图例），你可以通过设置`legend`选项的`show`属性为`false`来实现。下面是一个简单的例子：

var option = {
  xAxis: { // x轴配置
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: { // y轴配置
    type: 'value'
  },
  series: [ // 数据系列
    {
      name: '销量',
      type: 'line', // 折线图
      data: [120, 132, 101, 134, 90, 230, 210], // 数据点
      lineStyle: { // 隐藏图例的样式
        show: false // 关闭显示
      }
    }
  ]
};

// 初始化图表，并隐藏图例
echarts.init(document.getElementById('main')).setOption(option);

在这个例子中，`lineStyle.show: false`表示该系列的图例将不会显示。如果你希望全局隐藏所有图例，可以在`legend`选项本身设置`show: false`。

echart折线图legend分行显示

可以通过设置legend的orient属性来实现分行显示，代码如下：

legend: {
orient: 'vertical',
left: 10,
top: 20,
data: ['2019', '2020', '2021', '2022', '2023']
}

这样就能将legend垂直分行显示，方便观察和阅读。