2014-01-31 3 views
0

У меня есть диаграмма на высоких диаграммах, аналогичная этому (http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/area-stacked-percent/).Highcharts: Точечное форматирование не работает

Единственная часть, с которой я не смог работать, - это форматирование процентных значений, отображаемых в подсказке. Если я ставлю ниже код, то процентное значение показывает вверх, но он имеет слишком много знаков после запятой ...

tooltip: { 
    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.percentage}%</b><br/>', 
    shared: true 
} 

Но если у меня есть, я попытался отформатировать значение point.percentage показать меньше знаков после запятой, как так ...

{ point.percentage:.1f }% 

тогда только буквальным "{point.percentage: .1f}%" отображается в графе подсказке.

Есть ли у кого-нибудь какие-либо предложения о том, что может быть неправильным? Есть ли другой способ отформатировать это процентное значение, отличное от указанного выше?

Спасибо.

+0

вопрос противоречит с объяснением ; он должен быть форматированием подсказки инструмента! – wpcoder

ответ

1

Вы также можете использовать подсказки formatter и использовать Highcharts.numberFormat()

+0

Привет, Себастьян, могу я беспокоить вас за фактический код. Я попробовал следующее и дал ошибку «ReferenceError: point not defined» ... tooltip: { formatter: function() { \t \t return ' {series.name}: '+ Highcharts.numberFormat (point.percentage, 2) +'%
'; } – AbuMariam

+0

Извините за несколько изменений, надеюсь, вы не получили слишком много уведомлений, я не был уверен, как добавить код в комментарии. В очередной раз благодарим за помощь! – AbuMariam

+0

Используйте этот consturicon var points = this.point в верхней части форматирования. –

2

Я думаю, что этот подход работает, в соответствии с этой скрипкой: http://jsfiddle.net/ethanph5/VSKx3/

Сниппет вы заинтересованы:

tooltip: { 
    pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.percentage:.1f}%</b><br/>', 
    shared: true 
} 
+0

Спасибо за предложение Ethan, но по какой-то причине нотация «: .1f» не работает в моем приложении, хотя она работает в скрипке. Вот почему я пошел с подходом Себастьяна. – AbuMariam

Смежные вопросы