如何调整ECharts line 图例中的横向中间圆圈（图例 marker）的大小？

在 ECharts 中，如果你想调整 line 图例中的横向中间圆圈（图例 marker）的大小，你需要通过设置 `legend.marker` 的属性来实现。这是一个示例配置：

option = {
  legend: {
    data: ['SeriesA', 'SeriesB'], // 图例标题
    selectedMode: 'single', // 单选模式
    itemStyle: { // 设置图例样式
      normal: { // 正常状态
        icon: { // 图标
          shape: 'circle', // 圆形图标
          symbolSize: 20, // 指定圆圈大小，默认单位是px
          borderRadius: '50%' // 边框半径，这里设置成圆角
        }
      },
      emphasis: { // 高亮状态
        color: 'red'
      }
    }
  }
};

在这个例子中，`symbolSize` 属性控制了图例圆圈的大小，你可以根据需要调整这个数值。如果你想要动态地改变，可以在初次配置的基础上，在数据更新后调用 `chart.setOption` 方法并更新该属性。

相关问题

如何调整ECharts line 图例中的横向中间圆圈（图例 marker）的大小？

在 ECharts 中，调整 line 图例中的横向中间圆圈（图例 marker）的大小需要通过设置 `legend.itemGap` 和 `legend.markerLineSize` 这两个配置项。`itemGap` 控制图例各个标签之间的间距，而 `markerLineSize` 则控制图例标记线（即中间圆圈）的大小。

下面是一个示例：

option = {
  legend: {
    data: ['Series A', 'Series B'],
    itemGap: 20, // 调整间距，单位为像素，默认值是5
    markerLineSize: 10, // 调整圆圈大小，单位也是像素，默认值是1
    orient: 'horizontal', // 设置图例为水平方向
    position: 'top' // 指定图例的位置，如 top、bottom、left 或者 right
  },
  series: [
    // 系列数据...
  ]
};

你可以根据实际需求调整这两个数值。如果想全局更改所有图例的样式，也可以在全局配置中设置：

echarts.setOption({
  legend: {
    itemGap: 20,
    markerLineSize: 10
  }
});

如何调整ECharts图例中的横向中间圆圈（图例 marker）的大小？

在ECharts中，如果你想要调整图例（legend）中的中间圆圈（marker）的大小，可以使用`series.legend.marker`配置项。具体步骤如下：

1. 首先，在你的ECharts配置对象中找到`legend`部分。

{
   legend: {
      // ...其他配置...
      marker: { // 这里是调整标记大小的地方
         symbolSize: [20, 40], // 可以设置两个值，分别对应最小尺寸和最大尺寸
         radius: '5%' // 或者直接使用百分比表示相对图例宽度的比例
      }
   },
   // ...其余图表配置...
}

2. `symbolSize`是一个数组，第一个元素是当鼠标悬停在图例上时的默认大小，第二个元素是在点击展开详细信息时的大小。

3. 如果你想统一所有图例的大小，可以只设置一个值，如`{symbolSize: 20}`。

4. 使用百分比`radius`时，例如 `'5%'`，会使得圆圈的半径占图例总宽度的5%。

记得在更新ECharts实例时应用这些更改，通常是通过`setOption`方法：

myChart.setOption({
    legend: {
        // 更新 marker 配置
    }
});