javascript - 如何为图表 js 数据标签插件格式化程序创建变量

Question

我正在尝试为我创建的所有图表的图表 js 数据标签插件编写一个全局格式变量。这是我的尝试-

全局变量:

var datalabels_format_sanssymb = {
    function (value) {
        if (value >= 1000000000 || value <= -1000000000) {
            return (value / 1000000000).toFixed(1).replace(/\.0$/, '');
        }
        if (value >= 1000000 || value <= -1000000) {
            return (value / 1000000).toFixed(1).replace(/\.0$/, '');
        }
        if (value >= 1000 || value <= -1000) {
            return (value / 1000).toFixed(1).replace(/\.0$/, '');
        }
        return value;
    }
}

这里是我想在图表 javascript 中调用变量的地方:

plugins: {
    datalabels: {
        formatter: datalabels_format_sanssymb,
        font: {
            size: 10,
            weight: 'bold'
        },
        color: '#333333'
    }
},

这似乎行不通。我这样做正确吗？

Answer 1

plugins.datalabels.formatter 应该设置为一个函数。您正在将其设置为一个对象。更改您的定义，使其不包括前导 { 和尾随 }:

var datalabels_format_sanssymb = function (value) {
    if (value >= 1000000000 || value <= -1000000000) {
        return (value / 1000000000).toFixed(1).replace(/\.0$/, '');
    }
    if (value >= 1000000 || value <= -1000000) {
        return (value / 1000000).toFixed(1).replace(/\.0$/, '');
    }
    if (value >= 1000 || value <= -1000) {
        return (value / 1000).toFixed(1).replace(/\.0$/, '');
    }
    return value;
}

参见 plugin documentation例如。