gwt - GWT Highchart 比较系列

Question

我正在使用带有 org.moxieapps.gwt.highchartsGWT包装器的Highstock

在 highchart 的官方 API 中，我可以设置一个选项来比较数据系列。

plotOptions: {
    series: {
        compare: 'percent'
    }
},

设置完成后，我可以通过变量访问工具提示中的百分比变化{point.change}

我想知道如何{point.change}通过ToolTipFormatter. （可能在ToolTipData对象中？）

非常感谢！

Answer 1

找到一种方法是使用 setPointFormat 而不是 ToolTipData

下面的例子：

StringBuffer point = new StringBuffer();
point.append("<tr style=\"height : 15px;\"><td style=\"height : 15px;font-weight:bold; font-size: 11px; padding-right:5px; color:{series.color}\">{series.name}:</td>");
point.append("<td style=\"height : 15px; font-size: 11px; color: black; text-align: right\">{point.y:.2f} ({point.change}%)</td></tr>");

chart.setToolTip(
        new ToolTip()
                .setShared(true)
                .setCrosshairs(true)
                .setUseHTML(true)
                .setOption("yDecimals", 2)
                .setOption("xDateFormat", "%d-%b-%Y")
                .setOption(
                        "headerFormat",
                        "<span style=\"font-size: 12px; font-weight:bold;\">{point.key}</span><br/><table cellpadding=\"0\" cellspacing=\"0\">")
                .setPointFormat(point.toString()))
                .setOption("footerFormat", "</table>");