echarts折线图如何添加图例

要在 ECharts 折线图中添加图例，你需要在 option 中的 legend 属性中设置相关的配置。以下是一个简单的例子：

option = {
  // 其他配置项...
  legend: {
    data: ['销量'],
    textStyle: {
      color: '#333'
    }
  },
  xAxis: {
    // x轴配置...
  },
  yAxis: {
    // y轴配置...
  },
  series: [{
    name: '销量',
    type: 'line',
    data: [5, 20, 36, 10, 10, 20]
  }]
}

在上面的例子中， legend.data 属性设置了图例的数据，即一个名为“销量”的数据项。在 series 中， name 属性同样设置为“销量”，这样可以让 ECharts 自动为该数据项添加图例。

注意，如果你有多个数据项，需要在 legend.data 中为每个数据项添加一个名字。同时，你也可以通过 textStyle 属性来设置图例的样式。

相关问题

echarts折线图增加图例

可以通过在Echarts的option中设置legend属性来增加图例。具体方法如下：

option = {
    // ... 其他配置项
    legend: {
        data: ['图例1', '图例2', '图例3'] // 图例的数据数组
    },
    series: [
        {
            name: '图例1',
            type: 'line',
            data: [10, 20, 30, 40, 50]
        },
        {
            name: '图例2',
            type: 'line',
            data: [50, 40, 30, 20, 10]
        },
        {
            name: '图例3',
            type: 'line',
            data: [30, 50, 10, 40, 20]
        }
    ]
};

在上面的代码中，legend属性中的data数组包含了所有的图例名称，series数组中的每个元素都代表了一个折线图，其中name属性指定了该折线图对应的图例名称。

如果需要自定义图例，可以在legend属性中设置formatter属性，然后在回调函数中返回自定义的HTML代码。例如：

option = {
    // ... 其他配置项
    legend: {
        formatter: function(name) {
            return '<span style="color:red;">' + name + '</span>'; // 返回自定义的HTML代码
        },
        data: ['图例1', '图例2', '图例3'] // 图例的数据数组
    },
    series: [
        // ... 其他折线图配置
    ]
};

上面的代码中，formatter属性指定了一个回调函数，该函数的参数name表示当前图例的名称，函数返回一个字符串，其中包含了自定义的HTML代码。在这个例子中，我们将所有的图例名称都设置为红色。

Echarts折线图设置图例图形为长方形该怎么做

要将 Echarts 折线图的图例图形设置为长方形，可以使用 Echarts 提供的图例组件的 `itemWidth` 和 `itemHeight` 属性。

具体地说，可以在 Echarts 的配置项中添加一个名为 `legend` 的属性对象，然后在该对象中设置 `itemWidth` 和 `itemHeight` 分别为长方形的宽度和高度，例如：

option = {
  legend: {
    data: ['数据1', '数据2'],
    itemWidth: 20, // 长方形宽度
    itemHeight: 10, // 长方形高度
  },
  // 其他配置项
  series: [
    {
      name: '数据1',
      type: 'line',
      data: [1, 2, 3, 4, 5]
    },
    {
      name: '数据2',
      type: 'line',
      data: [2, 4, 6, 8, 10]
    }
  ]
};

在上面的配置中，`legend` 属性对象中的 `data` 属性设置了图例中需要显示的数据系列名称，而 `itemWidth` 和 `itemHeight` 属性则分别设置了长方形的宽度和高度。这样配置后，图例中的每个数据系列名称旁边就会显示一个宽度为 20，高度为 10 的长方形。