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

我更新了你的小提琴here。

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

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

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

舍入图表上显示的值

2 个答案: