Подтвердить что ты не робот

Результаты округления в highcharts jquery script

Я знаю, что это немного... но собираюсь спросить в любом случае. Я использую highcharts jquery script (http://www.highcharts.com/) для создания круговой диаграммы. Я пытаюсь округлить результаты числа в круговой диаграмме и не могу найти никакой документации для этого. Я застрял!

Мои данные выглядят примерно так:

data: [
    ['Equity',   3],
    ['Cash',     6]
]

И круговая диаграмма выводит: +33,333333333333 а также +66,666666666666

Я предпочел бы получить результаты округленные вверх и вниз соответственно, чтобы читать и показывать 33 и 64. Кто-нибудь знает, как это можно настроить в высоких диаграммах?

4b9b3361

Ответ 1

В параметре tooltip в объекте конфигурации используйте Math.round() в функции форматирования.

   tooltip: {
     formatter: function() {
        return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage) +' %';
     }
  },

Ответ 2

tooltip: {
  valueDecimals: 2
},

Ответ 3

В API Highcharts есть функция numberFormat, которую вы можете использовать (см. http://www.highcharts.com/ref/#highcharts-object).

Цитата из документа API:

numberFormat (номер номера, [числовые десятичные числа], [String decimalPoint], [String thousandSep]): строка

Форматирует номер JavaScript сгруппированными тысячами, фиксированное количество десятичных знаков и необязательную десятичную точку. Это порт PHP-функции с тем же именем. См. PHP number_format для полного объяснения параметров.

tooltip: {
    formatter: function() {
        return ''+ this.series.name +''+
            this.x +': '+ Highcharts.numberFormat(this.y, 0, ',') +' millions';
    }
}, ...

Параметры

  • number: Number Необработанный номер для форматирования.
  • десятичные числа: число Требуемое число десятичных знаков.
  • decimalPoint: String Десятичная точка. По умолчанию "." или в строку, указанную глобально в options.lang.decimalPoint.
  • secondsSep: String Разделитель тысяч. По умолчанию используется значение "," или строка, указанная глобально в options.lang.thousandsSep.

Возврат

Строка с форматированием входного номера.

Ответ 4

Вместо использования formatter вы можете установить yDecimals как 2:

tooltip: {
    yDecimals: 2
}

yDecimals: Number
How many decimals to show in each series' y value. This is overridable in each series' tooltip options object. The default is to preserve all decimals.

Ответ 5

tooltip: {
    formatter: function() {
        return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage*100)/100 +' %';
    }
},

Ответ 6

попробуйте

percentageDecimals: 0 

в подсказке