Vaadin 图表工具提示格式

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) 使用日期格式，例如 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))

Vaadin 图表工具提示格式

Vaadin Charts Tooltip Format

vaadin

vaadin7

vaadin-charts