echarts legend显示百分比

要在 Echarts 的 legend 中显示百分比，可以在 series 中设置 label 的 formatter 属性为 '{b}: {d}%'

例如：

series: [{
    name: '访问来源',
    type: 'pie',
    radius: '55%',
    data: [
        {value: 235, name: '视频广告'},
        {value: 274, name: '联盟广告'},
        {value: 310, name: '邮件营销'},
        {value: 335, name: '直接访问'},
        {value: 400, name: '搜索引擎'}
    ],
    label: {
        formatter: '{b}: {d}%'
    }
}]

相关问题

echarts在legend显示百分比

在 ECharts 中，要在 legend 中显示百分比，您可以使用 formatter 函数来自定义 legend 文本的显示。以下是一个示例代码，演示如何在 legend 中显示百分比：

legend: {
  // 其他配置项...
  formatter: function(name) {
    // 获取当前系列的数据
    var data = option.series[0].data;
    var total = 0;
    for (var i = 0; i < data.length; i++) {
      total += data[i].value;
    }
    // 计算当前系列数据的百分比
    var percent = ((data.find(item => item.name === name).value / total) * 100).toFixed(2);
    return name + ' ' + percent + '%';
  }
},

通过上述代码，您可以根据实际情况修改 `option.series` 来获取对应系列的数据，然后计算百分比并返回带百分比的 legend 文本。

echarts legend底部

要将 ECharts 图表的图例（legend）放置在底部，你可以使用 `legend` 配置项中的 `bottom` 属性。将其设置为具体的数值或百分比，即可控制图例距离容器底部的位置。

以下是一个示例配置：

option = {
    // 其他配置项...
    legend: {
        bottom: '5%', // 距离容器底部 5%
        // 其他图例配置项...
    },
    // 其他配置项...
};

通过将 `bottom` 设置为 `'5%'`，图例将会距离容器底部的位置为 5%。你可以根据需要调整这个值来适应不同的布局要求。

希望这可以帮助到你！如果有任何其他问题，请随时提问。