Echarts设置legend单独data的icon宽高

你可以通过设置legend中的data属性来单独设置每个图例的icon宽高。具体做法是，在legend中的data中，对于每一个图例项，可以设置它的icon属性，然后在该属性中设置宽高即可。示例如下：

legend: {
    data: [
        {
            name: '图例1',
            icon: 'circle',
            // 设置宽高
            width: 20,
            height: 20
        },
        {
            name: '图例2',
            icon: 'rect',
            // 设置宽高
            width: 30,
            height: 10
        },
        {
            name: '图例3',
            icon: 'image://http://example.com/icon.png',
            // 设置宽高
            width: 40,
            height: 30
        }
    ]
}

在上面的示例中，分别设置了三个图例项的宽高。其中，图例1的样式为圆形，宽高均为20；图例2的样式为矩形，宽为30，高为10；图例3的样式为自定义图片，宽为40，高为30。你可以根据自己的需要，自由调整图例的样式和大小。

相关问题

Echarts设置legend单独icon一个大小

可以使用legend的formatter属性来实现单独设置图例icon的大小。具体的实现方式如下：

首先，在legend中设置formatter属性，并使用回调函数来自定义图例的显示内容，示例代码如下：

legend: {
  formatter: function(name) {
    return '{' + name + '| }' + name;
  },
  data: ['图例1', '图例2', '图例3'],
  textStyle: {
    rich: {
      // 这里设置icon的大小
      图例1: {
        height: 20,
        width: 20,
        lineHeight: 20,
        backgroundColor: '#ccc',
        borderRadius: 10
      },
      图例2: {
        height: 30,
        width: 30,
        lineHeight: 30,
        backgroundColor: '#ccc',
        borderRadius: 15
      },
      图例3: {
        height: 40,
        width: 40,
        lineHeight: 40,
        backgroundColor: '#ccc',
        borderRadius: 20
      }
    }
  }
},

在formatter回调函数中，使用rich属性来定义每一个图例的样式，其中height、width、lineHeight、backgroundColor、borderRadius属性分别表示图例的高度、宽度、文本行高、背景色和边框圆角。

最后，在文本前面添加一个空格，用来占位，使得图例和文本之间有一定的间距。

需要注意的是，如果数据量很大，这种方式可能会影响性能。

Echarts设置legend单独一个大小

可以通过legend的textStyle属性中的fontSize来设置legend文本的字体大小，通过itemWidth和itemHeight属性来设置每个legend item的宽度和高度。
例如，以下代码可以设置一个宽度为200，高度为50，字体大小为14的legend：

legend: {
    itemWidth: 200,
    itemHeight: 50,
    textStyle: {
        fontSize: 14
    },
    data: ['数据一', '数据二', '数据三']
}