vaadin - Vaadin Charts ツールチップ形式

Question

以下は私が使用しているフォーマッタです。

 Tooltip tooltip = new Tooltip();
 tooltip.setxDateFormat("MMM dd, YYYY");
 tooltip.setFormatter("function()  { var d = new Date(this.x);" + "return " + "'<b>'+this.series.name +'</b><br/>"
                + "<strong>Value :</strong> '+ this.y +'<br/>" + "<strong>Start Date :</strong> '+ this.x; " + "}");

 chartConfig.setTooltip(tooltip);

方法：

1) 小数点以下 2 桁の値の四捨五入

2) 2016 年 11 月 30 日のような日付形式を使用する

よろしくお願いします。

Answer 1

Vaadin Charts はクライアント側で Highcharts を使用します。つまり、書式設定に Highcharts JS API を使用できます。次の呼び出しが機能するはずです。

Highcharts.numberFormat(this.y, 2)

Highcharts.dateFormat('%b %d %Y', new Date(this.x))