2013-05-02 67 views
4

我正在使用JQuery迷你圖(http://omnipotent.net/jquery.sparkline)顯示線圖,其中圖表中的每個刻度對應於當天的小時間隔。我已經格式化工具提示這樣:jquery sparklines:可能有不同的工具提示?

<span style=\"color: {{color}}\">&#9679;</span> {{offset:names}} - {{y}}{{suffix}}</span> 

其中offset:names對應於一天中的小時(0 = 00:00,1 = 01:00)等

與現場數據的曲線圖的更新。問題是,如果一個點在將來,我不想在工具提示中顯示{{y}}值 - 只是一天的時間。是否有可能做到這一點?如果沒有,還有另一種獲得相同效果的方法嗎?

回答

6

找到了!使用tooltipFormatter,我做了這樣的事情:

sparkOpts.CurrentTimeGroup = currentTimeGroup; 
    sparkOpts.tooltipFormatter = function(sparklines, options, point) 
    { 
    if(point.x <= options.mergedOptions.CurrentTimeGroup) 
     return "<div class=\"jqsfield\"><span style=\"color: " + point.color + "\">&#9679;</span>" + options.get("tooltipValueLookups").names[point.x] + " - " + point.y + options.get("tooltipSuffix") + "</div>"; 
    else 
     return "<div class=\"jqsfield\"><span style=\"color: " + point.color + "\">&#9679;</span>" + options.get("tooltipValueLookups").names[point.x] + "</div>"; 
    };