Highchart удалить десятичные разряды

Question

Я использую круговую диаграмму с высокой диаграммой и отображаю данные в центре с помощью.

function(chart1) { // on complete
  var xpos = '50%';
  var ypos = '50%';
  var circleradius = 40;

  // Render the circle
  chart1.renderer.circle(xpos, ypos, circleradius).attr({
    fill: '#fff',
  }).add();

  // Render the text 
  chart1.renderer.text(chart1.series[0].data[0].percentage + '%', 62, 80).css({
    width: circleradius * 2,
    color: '#4572A7',
    fontSize: '16px',
    textAlign: 'center'
  }).attr({
    // why doesn't zIndex get the text in front of the chart?
    zIndex: 999
  }).add();
});

Однако я бы хотел запретить отображение любых десятичных знаков, в настоящее время 33,33333%. Я хотел бы отобразить это как 33%

Возможно ли это, я знаю, что есть настройка allowDecimals, но это не сработало.

Answer 1

Вы получаете исходное процентное значение от точки, которой оно не округляется. Используйте функцию JS Math.round:

chart1.renderer.text(Math.round(chart1.series[0].data[0].percentage) + '%', 62, 80)
    .css({
        width: circleradius * 2,
        color: '#4572A7',
        fontSize: '16px',
        textAlign: 'center'
    })
    .attr({
        zIndex: 999
    })
    .add();

Живая демоверсия: https://jsfiddle.net/BlackLabel/0z4hLbaw/