2012-11-28 28 views
1

我使用Highstock與GWT包裝,有一個選項,我可以設置爲比較數據系列。GWT Highchart從<a href="http://sourceforge.net/projects/gwt-highcharts/" rel="nofollow">org.moxieapps.gwt.highcharts</a></p> <p>在highchart的官方API比較系列

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

一旦設置,我可以通過可變{point.change}

訪問工具欄提示的百分比變化我想知道如何獲得通過ToolTipFormatter變量{point.change}的訪問。 (可能在ToolTipData的對象?)

非常感謝!

+0

你能重現jsfiddle.net你的榜樣? –

回答

0

找到了一個方法來做到這一點,而不是使用ToolTipData下面

例setPointFormat:

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>"); 
相關問題