echarts的legend带值

您可以通过设置legend的formatter属性来实现legend带值的效果。以下是一个示例代码：

option = {
    legend: {
        data: ['数据1', '数据2'],
        formatter: function(name) {
            var value = 0;
            // 在这里根据name获取对应的值
            // 假设数据1对应的值为100，数据2对应的值为200
            if (name === '数据1') {
                value = 100;
            } else if (name === '数据2') {
                value = 200;
            }
            return name + ' ' + value;
        }
    },
    // 其他配置项...
};

在formatter函数中，您可以根据name参数获取对应的值，然后将名称和值拼接在一起返回即可。这样legend就会显示名称和值的组合。

请注意根据您的具体数据和需求修改代码中的内容。

相关问题

echarts legend

ECharts中的图例（legend）是用于显示每个系列的标识和名称，以帮助用户快速区分数据。可以通过设置legend属性来自定义图例的样式和位置。例如：

option = {
    legend: {
        data: ['销量']
    },
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};

在以上示例中，legend属性设置了data值为['销量']，表示只显示一个系列的图例。xAxis和yAxis属性用于设置坐标轴，series属性用于设置系列的类型和数据。

echarts legend失效

根据提供的代码和问题描述，问题出在legend的data属性和series的name属性没有对应起来。在你的代码中，你定义了一个legendList数组来存储下拉框多选的内容，然后将这个数组赋值给了legend的data属性。但是在series中，你没有使用legendList数组中的值来设置每个series的name属性。因此，legend无法正确显示。

为了解决这个问题，你需要确保legend的data属性和series的name属性对应起来。你可以使用legendList数组中的值来设置每个series的name属性，如下所示：

let legendList = ['左电机', '右电机']; // 这个是下拉框多选的内容
var option = {
  legend: {
    show: true,
    data: legendList,
    textStyle: {
      color: '#ccc'
    },
  },
  // ... ...
  series: [
    {
      name: legendList[0],
      // ...
    },
    {
      name: legendList[1],
      // ...
    }
  ]
};

通过将legendList数组中的值与series的name属性对应起来，你应该能够解决legend失效的问题。