Ответ 1
В параметре tooltip в объекте конфигурации используйте Math.round() в функции форматирования.
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage) +' %';
}
},
Я знаю, что это немного... но собираюсь спросить в любом случае. Я использую highcharts jquery script (http://www.highcharts.com/) для создания круговой диаграммы. Я пытаюсь округлить результаты числа в круговой диаграмме и не могу найти никакой документации для этого. Я застрял!
Мои данные выглядят примерно так:
data: [
['Equity', 3],
['Cash', 6]
]
И круговая диаграмма выводит: +33,333333333333 а также +66,666666666666
Я предпочел бы получить результаты округленные вверх и вниз соответственно, чтобы читать и показывать 33 и 64. Кто-нибудь знает, как это можно настроить в высоких диаграммах?
В параметре tooltip в объекте конфигурации используйте Math.round() в функции форматирования.
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage) +' %';
}
},
tooltip: {
valueDecimals: 2
},
В 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';
}
}, ...
Строка с форматированием входного номера.
Вместо использования 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.
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ Math.round(this.percentage*100)/100 +' %';
}
},
попробуйте
percentageDecimals: 0
в подсказке