echarts设置值的显示

在 Echarts 中设置数据值的显示可以通过 formatter 属性来实现。formatter 可以是一个函数，也可以是一个字符串模板。

例如，假设我们有一个柱状图的数据如下：

var data = [120, 200, 150, 80, 70];

我们可以在柱状图的 option 中设置 yAxis 的 axisLabel 的 formatter 属性来格式化数据的显示：

option = {
    yAxis: {
        axisLabel: {
            formatter: function (value, index) {
                return value + '元';
            }
        }
    },
    series: [{
        type: 'bar',
        data: data
    }]
};

这里的 formatter 函数接受两个参数：value 和 index。value 表示当前数值，index 表示当前数值在数据中的索引。在这个例子中，我们将 value 的值加上 '元' 后返回，这样就可以在柱状图上正确显示数据值了。

除了使用函数作为 formatter，我们还可以使用字符串模板。例如，如果我们想要在数据值前添加一个 '$' 符号，可以这样设置 formatter：

option = {
    yAxis: {
        axisLabel: {
            formatter: '{value}$'
        }
    },
    series: [{
        type: 'bar',
        data: data
    }]
};

这里的 '{value}$' 就是一个字符串模板，其中 '{value}' 表示数据值，'$' 表示要在数据值前添加的符号。这样设置后，柱状图上的数据值就会在前面添加一个 '$' 符号了。