echarts饼图的legend 横着排列

要让 ECharts 饼图的图例横着排列，只需要将 legend 的 orient 属性设置为 'horizontal' 即可。例如：

option = {
  ...
  legend: {
    orient: 'horizontal',
    ...
  },
  ...
};

这样就可以让图例水平排列。如果图例项较多，可以通过设置 legend 的 width 属性来控制图例的宽度，例如：

option = {
  ...
  legend: {
    orient: 'horizontal',
    width: '80%',
    ...
  },
  ...
};

这样就可以让图例在水平方向上占据页面宽度的 80%，并且水平排列。

相关问题

echarts 饼图 legend

对于 ECharts 饼图的图例（legend），可以通过配置项中的 `legend` 进行设置。以下是一个简单的示例：

option = {
  legend: {
    data: ['数据一', '数据二', '数据三'] // 图例的数据项
  },
  series: [
    {
      name: '饼图',
      type: 'pie',
      radius: '55%',
      data: [
        { value: 335, name: '数据一' },
        { value: 310, name: '数据二' },
        { value: 234, name: '数据三' }
      ]
    }
  ]
};

在上述示例中，`legend` 配置项中的 `data` 数组用于指定图例的数据项，每个数据项对应饼图中的一个扇区。你可以根据实际需求修改 `data` 数组中的内容。

此外，ECharts 还提供了许多其他的配置选项，例如调整图例的位置、样式等。你可以根据具体需求参考 [ECharts 官方文档](https://echarts.apache.org/zh/option.html#legend) 获取更详细的信息。

echarts饼图legend换行

要在echarts饼图的legend中换行，可以使用formatter属性来自定义显示内容。在formatter函数中，可以通过添加换行符"\n"来实现换行效果。下面是一个示例代码，展示如何在echarts饼图的legend中换行：

legend: {
  data: ['rose1', 'rose2', 'rose3', 'rose4', 'rose5', 'rose6', 'rose7', 'rose8'],
  formatter: function(name) {
    return name + '\n' + 10;
  }
}

在上述代码中，formatter函数中的name参数表示legend的每一项名称。通过在返回值中添加'\n'来实现换行效果。同时，可以根据需求在换行符后添加其他的内容。例如上述代码中，换行符后面添加了一个数字10。

请注意，formatter函数中的返回值会被作为legend的展示内容，因此可以根据需求自由地在返回值中添加其他文本或样式。

希望以上信息对您有所帮助！如果还有其他问题，请随时提问。