Question

我正在使用来自org.moxieapps.gwt.highcharts

的GWT包装器的Highstock

在高图的官方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>");

GWT Highchart比较系列

1 个答案: