Echart 图例点击保留一个

如果你想保留一个 Echarts 图例的选中状态，可以使用 `legendSelectedMode` 属性。将它设置为 `'single'`，就可以保证只有一个图例被选中，而其他图例则保持未选中状态。

例如：

option = {
  legend: {
    // 设置为 'single'，表示只能选中一个图例
    selectedMode: 'single',
    data: ['图例1', '图例2', '图例3']
  },
  series: [
    {
      name: '系列1',
      type: 'bar',
      data: [10, 20, 30]
    },
    {
      name: '系列2',
      type: 'bar',
      data: [20, 30, 40]
    },
    {
      name: '系列3',
      type: 'bar',
      data: [30, 40, 50]
    }
  ]
};

在这个例子中，将 `legendSelectedMode` 设置为 `'single'`，表示只能选中一个图例。当用户点击某个图例时，其他图例会自动变为未选中状态，只有当前选中的图例保持选中状态。

相关问题

echart 图例颜色

ECharts 图例的颜色可以通过 legend.itemStyle.normal.color 属性来设置。例如，可以在 option 中添加以下代码来将图例颜色设置为红色：

legend: {
  data: ['图例1', '图例2'],
  itemStyle: {
    normal: {
      color: 'red'
    }
  }
}

其中，data 属性指定了图例的文字内容，itemStyle.normal.color 属性指定了图例的颜色，这里设置为红色。你可以根据需要修改颜色值。

echart 图例上下

echart 图例上下是指图例的位置是在图表的上方或下方。

当图例在图表的上方时，可以提高图表的整体美观度，让读者更容易理解图表所代表的含义。上方的图例可以让读者更清晰地看到整个图表的内容，并能够方便地与图表进行对比和分析。

同时，上方的图例也可以节省图表的空间，让图表能够呈现更多的数据，即使图表内容较多，也能够清晰地展示。

另一方面，当图例在图表的下方时，可以使图表的布局更加紧凑，让读者更容易阅读和理解图表。下方的图例可以与图表内容直接对应，读者可以直接在图表下方找到所需的信息，减少了读者对图表的转移和查找。

此外，下方的图例还可以在有多个图表的情况下，方便读者对多个图表进行比较和对照。通过在所有图表的下方统一显示图例，读者可以更清晰地了解各个图表所代表的含义，更加方便地分析和比较数据。

总之，echart 图例上下可以根据实际情况和需要进行选择，以达到更好地传达图表信息和提高图表可读性的目的。