四舍五入图表上显示的值

Question

我有一个带有硬编码值的简单 c3 图表。

这是我创建的图表的代码

var chart = c3.generate({
    data: {
        columns: [
            ['Data A', 50],
            ['Data B', 50],
        ],
        type : 'donut'

    },

});

出于某种原因，我的图表上的值显示为 50.0%，我希望它仅显示为 50%。我想将我的值四舍五入为一个整数。

我什至尝试这样做 ['Data A', Math.round(50)], 但没有成功。请指教。这是我的 FIDDLE

Answer 1

尝试使用 d3.round(50) 。这应该有效。

Answer 2

我更新了你的 fiddle here.

关键是你必须格式化你的输出而不是舍入你的输入。

donut: {
    label: {
        format: function (value) {
            return d3.format('.0')(value)+'%';
        }
    }
}

此代码将给定值格式化为整数，并在添加到您的 c3.generate 参数时添加一个“%”。

四舍五入图表上显示的值

Rounding off values displayed on chart

javascript

rounding