舍入图表上显示的值

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

我更新了你的小提琴here。

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

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

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

Answer 2

尝试使用 d3.round(50) 。这应该可以工作。