Форматирование меток в диаграммах Vaadin

Я пытаюсь создать круговую диаграмму с диаграммами Vaadin.

Этот фрагмент кода добавляет на диаграмму красивые метки, но двух цифр после запятой t будет достаточно.

 dataLabels.setFormatter("''+ this.point.name +': '+ this.percentage +' %'");

Посмотрите здесь изображение текущего графика.

Любые идеи, как напечатать только две цифры после запятой?

я уже пробовал

dataLabels.setFormatter("''+ this.point.name +': '+ this.percentage%02.2f +' %'");

и

dataLabels.setFormat("{this.percentage:%02.2f}");

string-formatting vaadin vaadin-charts
person Edelstoff990    schedule 10.12.2015    source источник
comment
Я еще не использовал диаграммы, но последняя попытка кажется правильной в соответствии с книгой Ваадина. Возможно, вы также можете попробовать использовать функцию JavaScript для форматировать значения   -  person Morfic    schedule 10.12.2015
comment
Я также пытался использовать функцию: dataLabels.setFormatter("function() {return String.format(\"%02d\", this.percentage) + ' %';}"); Однако, к сожалению, она не работает :(   -  person Edelstoff990    schedule 11.12.2015

Ответы (1)


arrow_upward
4
arrow_downward

Если вы используете setFormat, вы не должны использовать this:

dataLabels.setFormat("{point.name}: {percentage:%02.2f}%");

И если вы хотите использовать setFormatter, используйте функцию toFixed() Javascript:

dataLabels.setFormatter("'' + this.point.name + ': ' + this.percentage.toFixed(2) + '%'");
person nyg    schedule 27.12.2015