echarts柱状图怎么设置柱子上显示比例

您可以使用echarts的formatter属性来设置柱子上显示比例。具体步骤如下：

1. 在series属性中设置data数组，每个数据项包含name和value属性。

2. 在series属性中设置label属性，其中包含formatter属性，用来自定义数据项的显示格式。

3. 在formatter属性中使用插值表达式来计算每个数据项的百分比，并将其显示在柱子上。

下面是一个示例代码，展示如何在echarts柱状图上显示数据项的百分比：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [
            {name: 'A', value: 100},
            {name: 'B', value: 200},
            {name: 'C', value: 300},
            {name: 'D', value: 400},
        ],
        type: 'bar',
        label: {
            show: true,
            position: 'top',
            formatter: '{c} ({d}%)',
            // 使用插值表达式计算百分比
            // {c}代表数据项的值，{d}代表百分比
            // 百分比保留一位小数
            rich: {
                d: {
                    fontSize: 14,
                    color: '#999',
                    align: 'center',
                    padding: [0, 0, 5, 0]
                }
            }
        }
    }]
};

在上面的代码中，我们设置了一个柱状图，包含四个数据项（A、B、C、D），每个数据项的值分别为100、200、300、400。

在series属性中，我们设置了label属性，其中的formatter属性使用插值表达式来计算每个数据项的百分比，并将其显示在柱子上。插值表达式中的{c}代表数据项的值，{d}代表百分比。我们还使用了rich属性来设置百分比的样式，包括字体大小、颜色、对齐方式等。

最终效果如下图所示：