Форматирование чисел в значениях диаграммы высоких диаграмм?
Я даю эти значения круговой диаграмме Highcharts:
series:[
{
type:'pie',
name:'Ratio',
data:[
['A', 42.6],
{
name:'B',
y:14.2,
sliced:true,
selected:true
}
]
}
]
Однако он показывает это так на круговой диаграмме:
A -> 75.00000000000001 %
B-> 25 %
Вы можете форматировать всплывающие подсказки в Highcharts, как насчет значений диаграмм?
![enter image description here]()
Ответы
Ответ 1
У нас есть опции форматирования всплывающих подсказок, чтобы отображать значение как число, а не процент
http://api.highcharts.com/highstock#tooltip.formatter
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.point.y ;
}
},
this.point.y сделает трюк (теперь у вас есть this.percentage в этом месте)
Ответ 2
plotOptions.pie.dataLabels.formatter
- это функция, которая позволит вам форматировать ярлык. В этом случае я вернул this.percentage.toFixed(2)
, который будет обрезать ваш номер в 2 десятичных знаках. Демо на this jsFiddle
plotOptions: {
pie: {
dataLabels: {
formatter: function() {
return '<b>' + this.point.name + '</b>: ' + this.percentage.toFixed(2) + ' %';
}
}
}
},
Ответ 3
Вы можете просто форматировать его, как показано ниже.
tooltip: {
pointFormat: "Value: {point.y:.2f}"
}
документация о форматировании Highcharts
Ответ 4
tooltip: {
pointFormat: "Value: {point.y:.2f}"
}
это не для формирования значений.
var data = [{
name: 'Population',
data: [],
dataLabels: {
enabled: true,
rotation: -90,
color: '#FFFFFF',
align: 'right',
x: 4,
y: 10,
style: {
fontSize: '13px',
fontFamily: 'Verdana, sans-serif',
textShadow: '0 0 3px black'
}, formatter: function() {
return Highcharts.numberFormat(this.y, 2, '.');
}
}
}];
Форматирование значений может быть изменено в dataLables в данных.