echarts icon legend

Echarts的icon legend是一个用于定义图例的配置项，可以在图表中显示不同的图例标记和对应的文字描述。在配置项中，可以通过设置data属性来定义图例的文字描述，通过设置icon属性来定义图例的图标标记，同时可以设置itemWidth和itemHeight属性来指定图例的宽度和高度。

在引用中的代码示例中，定义了一个包含三个图例的icon legend，分别是"审批完成"、"待审批"和"驳回"，并且通过设置icon属性来指定图例的图标标记的URL。

在引用中的代码示例中，通过引入图片的方式，将gas_station.png图片赋值给变量iconUrl，该图片将作为图例的图标标记。

最终的实现效果是在图表中显示一个包含不同图例的icon图，后面的数字根据接口动态变化，可以通过切换图例来查看不同图例对应的数据。具体的文档位置可以参考引用中提到的位置。

相关问题

echarts里legend的icon大小

在 ECharts 中，legend 的 icon 大小可以通过 legend.icon 属性来设置。该属性可以接受一个数组，数组中的每个元素都是一个字符串，用于设置图例的 icon 大小。你可以使用以下几种方式来设置 icon 的大小：

1. 使用数字：例如，设置 legend.icon 为 [10, 20]，表示第一个图例的 icon 宽度为 10 像素，高度为 20 像素。

2. 使用百分比：例如，设置 legend.icon 为 ['50%', '70%']，表示第一个图例的 icon 宽度为容器宽度的 50%，高度为容器高度的 70%。

3. 使用字符串：例如，设置 legend.icon 为 ['10', '20']，表示第一个图例的 icon 宽度为 10，高度为 20。

这些设置方式都可以通过 legend.iconSize 属性来统一设置所有图例的 icon 大小。例如，设置 legend.iconSize 为 20，表示所有图例的 icon 宽度和高度都为 20 像素。

需要注意的是，legend.icon 和 legend.iconSize 属性只对部分类型的图表有效，如散点图、柱状图等。对于其他类型的图表，如线图、饼图等，可能需要使用其他方式来调整图例的图标大小。

echarts里legend的icon颜色

在 ECharts 中，可以通过设置 legend 的 textStyle 属性来指定图例的文本样式，但是默认情况下，图例的图标颜色会自动与相应的系列颜色保持一致。如果你想要自定义图例的图标颜色，可以使用 formatter 属性来自定义图例的显示内容，并在其中指定图标的颜色。

以下是一个示例代码：

option = {
  // ... 其他配置项
  legend: {
    data: ['系列一', '系列二'],
    formatter: function(name) {
      return '{' + name + '|}' + ' ' + name; // 在图例文本前加入一个空的图标占位符
    },
    textStyle: {
      rich: {
        // 使用 rich 属性来自定义富文本样式
        系列一: {
          color: 'red', // 自定义系列一的图标颜色
        },
        系列二: {
          color: 'blue', // 自定义系列二的图标颜色
        },
      },
    },
  },
  // ... 其他配置项
};

在上述代码中，通过 formatter 属性在图例文本前加入一个空的图标占位符，并使用 textStyle 中的 rich 属性来自定义每个系列的图标颜色。

希望对你有帮助！