2012-07-27 68 views
2

我有許多系列圖形上的兩個點來模擬時間線。這些點有一個點標籤。我想在熒光筆上標註該點標記的名稱。我怎麼做?在熒光筆jqplot中的顯示點標籤

請參閱我的jsfiddle http://jsfiddle.net/NVbjv/8/

我設定熒光筆對象添加到每個系列,並給它一個格式字符串。但是,我怎樣才能讓這更具活力?

我也喜歡只在右下方的hoverbox-thingy中顯示時間。我如何刪除「,1」和「,2」?

回答

1

我想到的唯一想法是使用自定義處理高亮和光標的工具提示。沿線as it is presented here.

在你的情況將適用於下面的代碼的東西:

$("#container").bind('jqplotMouseMove', function(ev, gridpos, datapos, neighbor, plot) { 
    var date = new Date(datapos.xaxis); 
    var time = "" + (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":" + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes()); 
    $(".jqplot-cursor-tooltip").html(time + " Oi"); 
    if (neighbor) { 
     $(".jqplot-highlighter-tooltip").html("Label name= " + neighbor.data[2] + "; time= " + time); 
    } 
}); 

The working code sample is available here.


編輯: 在Chrome中我注意到,空就是印pointLabels因此使用空字符串代替它們的值。

+0

感謝您的回答。它首先起作用,但在使用縮放功能後,綁定事件會丟失或被突出顯示器配置的設置所覆蓋。任何想法如何解決這個問題? – Jeroen 2012-08-22 09:47:37

+1

@Jeroen嘗試使用jQuery的'on'方法而不是'bind'解釋和示例在[這非常漂亮的文章中](http://www.elijahmanor.com/2012/02/differences-between-jquery-bind -vs-live.html),這也將解釋他們之間的差異。 – Boro 2012-08-23 13:42:32

+0

我在你的代碼示例中試過這個,但它不起作用。點標籤仍然在縮放時重置。也禁用這些標籤的任何其他格式的東西不會有幫助。恐怕這需要更多的潛力。 – Jeroen 2012-08-24 07:22:55