echarts custom 自定义 柱状图上的值

ECharts是一个强大的JavaScript图表库，它允许用户高度定制图表，包括柱状图。在自定义柱状图上的值时，你可以通过修改`series`对象的配置来实现。例如：

var option = {
    xAxis: { // x轴配置
        data: ['A', 'B', 'C', 'D'] // 类别数据
    },
    yAxis: {}, // y轴配置

    series: [
        {
            name: '销售额',
            type: 'bar', // 柱状图类型
            data: [50, 70, 90, 110], // 每个柱子的高度
            label: { // 标签配置
                show: true,
                position: 'top', // 靠上显示
                formatter: function(value) { // 自定义值的展示
                    return value + '%'; // 显示百分比形式
                }
            },
            itemStyle: { // 柱子样式
                normal: {
                    color: 'rgba(240, 128, 128, 0.5)', // 设置颜色
                    barBorderRadius: 4 // 转角半径
                }
            }
        }
    ]
};

在这个例子中，`formatter`函数被用于自定义每个柱子顶部标签显示的内容。你可以根据需要调整这个函数来显示不同的值格式。