echarts 柱状图显示百分比

你可以使用 ECharts 中的 formatter 属性来设置柱状图的显示格式，将数值转换为百分比。

例如，你可以在柱状图的 yAxis 中设置 axisLabel 的 formatter 属性为：

yAxis: {
  type: 'value',
  axisLabel: {
    formatter: '{value}%'
  }
}

这样就可以将 yAxis 上的数值转换为百分比。

如果你想在柱状图的 tooltip 中也显示百分比，可以在 series 中设置 tooltip 的 formatter 属性为：

series: [{
  type: 'bar',
  data: [10, 20, 30, 40, 50],
  tooltip: {
    formatter: '{b}: {c}%'
  }
}]

这样就可以在 tooltip 中显示类似于“柱状图名称: 30%”这样的格式。

相关问题

echarts柱状图显示数据百分比

要在echarts柱状图中显示数据百分比，可以使用formatter属性来自定义tooltip的显示内容。具体步骤如下：

1. 在series中设置label属性，开启显示数值。
2. 在tooltip中设置formatter属性，使用回调函数来自定义tooltip的显示内容，计算出每个柱子对应的百分比并显示。

以下是示例代码：

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        },
        formatter: function(params) {
            var percent = (params[0].value / params[0].data.total * 100).toFixed(2);
            return params[0].name + ': ' + params[0].value + ' (' + percent + '%)';
        }
    },
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [10, 20, 30, 40, 50],
        type: 'bar',
        label: {
            show: true,
            position: 'top'
        },
        total: 150 // 数据总和
    }]
};

echarts柱状图传参百分比

要在echarts柱状图中传递百分比参数，可以使用formatter属性来格式化数据。具体来说，可以在series中设置label的formatter属性，然后在回调函数中将数据转换为百分比格式。例如：

series: [{
    type: 'bar',
    data: [10, 20, 30, 40, 50],
    label: {
        show: true,
        formatter: function(params) {
            return params.value + '%';
        }
    }
}]

这样就可以将数据转换为百分比格式，并在柱状图上显示。