JS，EChart堆叠图Label格式化的问题

cqwcns

在EChart中，对于label的格式，一般来说可以使用官方formatter方法非常方便实现自定义，例如小数的四舍五入。
数据中有些值是多位小数的，考虑都一些精确度的原因（用于排序），我不希望在源数据中进行，所以选择formatter方法格式化。


但在数据集+堆叠图的情况下，我遇到了一些问题。formatter的params传过来的是一个系列的数组，而非单个值。
研究了半天，也没有实现label的四舍五入渲染。
请各位大佬指教，感谢。



代码：

[JavaScript] 纯文本查看 复制代码

// 数据
const arrDateset = [
    ["部门", "参评率", "满意率", "重复率", "投诉率"],
    ["广东省", 120.7876, 160.6587, 20.8787, 20.7867, 40.64545],
    ["台湾省", 80, 20, 0, 0, 100],
    ["北京市", 60, 40, 40, 40, 180],
    ["上海市", 20.4678, 80, 60.78754, 80, 240],
    ["四川省", 40, 60.78455, 80, 100.9787858, 280],
    ["福建省", 100, 100, 100, 60.47878, 360]
];

// 创建系列
const objSeries = {
    type: 'bar', stack: 'total', label: {
        show: true
    },
    emphasis: {
        focus: 'series'
    }
},
    arrSeries = [];
for (let i = 0; i < arrDateset[0].length - 1; i++) {
    arrSeries.push(objSeries);
}

// 创建配置
option = {
    legend: {
        show: true
    },
    label: {
        show: true,
        formatter: (params) => {
            // if (params.data) return params.data.toFixed(2);
        }
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {}
        }
    },
    dataset: {
        source: arrDateset
    },
    xAxis: {},
    yAxis: { type: 'category' },
    series: arrSeries
};

DEMO链接：
https://echarts.apache.org/examp ... FUg9m1IUkK0C1B7S-IA

cqwcns

直接点击DEMO链接，可跳转到官方示例页面。或者复制我的代码到官方示例页面，可以复现。

谢谢各位

jiujiukeji

哥们  四舍五入  得你自己去四舍五入  这个图标是你传什么显示什么~

joted

        formatter: (params) => {
            if (params.data) return params.data[params.componentIndex + 1].toFixed(2);
        }

charlieji

formatter: (params) => {
            if (params.value) return params.value[params.seriesIndex + 1].toFixed(2)
        }