Округление значений, отображаемых на диаграмме

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). Это должно работать.