2013-01-22 87 views
2

,所以我有這個圖表與jqplot酒吧是太短了,不再可見

jqplot

,如果你仔細看的話,你可以看到,在4和圖5,實際上是要顯示的數據,但酒吧對於數字標籤顯示太短。我有懸停文字,但欄也太小,鼠標無法註冊。在3居然有紅色和綠色之間的另一間酒吧,但它也太小,無法顯示。

我能在這種情況下怎麼辦?有什麼建議麼?

我有一對夫婦的想法,但不知道如何實現:

  • 顯示的號碼標記下一個/上僅當酒吧是一定的比例比最高的一個較小的每個條形上方。

  • 有懸停文本顯示當鼠標處於出欄,而不僅僅是酒吧本身。懸停文本將顯示所有3種顏色的數據,而不僅僅是一種。

謝謝!

編輯:

我得到了懸停文本通過編寫自定義熒光筆類

highlighter: { 
show: true, 
... 
tooltipContentEditor:tooltipContentEditor, 
} 
... 
function tooltipContentEditor(str, seriesIndex, pointIndex, plot) { 
    var data1 = plot.data[2][pointIndex]; 
    var data2 = plot.data[1][pointIndex]; 
    var data3 = plot.data[0][pointIndex]; 
    var value = data1 + "-" + data2 + "-" + data3; 
    return value; 
} 
當然

顯示所有3種顏色時,你總是有3種顏色對於每個酒吧這隻作品,爲我工作,所以我現在使用。現在我需要弄清楚當酒吧太小時如何讓高亮顯示更容易。

EDIT2:

我想出如何去表現較輕。

  1. 創建一個虛擬的系列中,我設定這是一個給定的列和最高柱

  2. 改變顏色爲rgb透明,去掉陰影,刪除亮點和其他任何的區別。

  3. 超過無形巴或以下的任何欄,現在會顯示完整的統計懸停
  4. ,耶!

+0

嘗試爲日誌軸來指定y軸:HTTP://www.jqplot。com/docs/files/plugins/jqplot-logAxisRenderer-js.html – AnthonyLeGovic

+0

您是否嘗試過使用[斷點](http://www.jqplot.com/docs/files/jqplot-linearAxisRenderer-js.html#$.jqplot。 LinearAxisRenderer.breakPoints)? –

回答

0

無形的數據系列聲音的hackish,更何況,現在用戶越來越不一致的反饋時,他們把他們的鼠標在這個空間裏,這將是一個可變實體

這聽起來像一個偉大的時間用就用一個傳奇,再穿上傳說中的物品的處理程序觸發懸停爲相關係列

var $l = $('.jqplot-table-legend'); 
$l.on('mouseenter', function(e){ 
var $this = $(this), 
    i = $this.index(), 
    l = $l.length; 
    // now call your custom highlight function or trigger the hover using relevant indices 
}) 
.on('mouseleave', function(e){ 
    // hide visible tooltips 
}); 

PS懸停已被棄用,請不要使用它了