突出顯示最近的系列 - 但只顯示突出顯示系列的X/Y？

我試圖修改我的圖表，使其像本頁上的最後2個圖表一樣：http://dygraphs.com/tests/series-highlight.html在鼠標懸停的位置，它只顯示特定高亮系列的X/Y座標，而不是該X的所有座標值。突出顯示最近的系列 - 但只顯示突出顯示系列的X/Y？

我似乎無法辨別在JavaScript中它指定的位置，並且似乎這些圖形中的所有4個都設置相同，但行爲不同。

我的代碼目前看起來像這樣，並且適用於突出顯示最接近的系列，但對於所有標籤點來說太混亂了。

<script type="text/javascript"> 
g = new Dygraph(

// containing div 
document.getElementById("graphdiv"), 

// CSV or path to a CSV file. 
<?php echo $chartDataString; ?>, 
{ 
    title: 'Total Cycles', 
    ylabel: 'Portfolio ($)', 
    xlabel: 'Year', 
    labelsDivStyles: { 'textAlign': 'right' }, 
    digitsAfterDecimal: 0, 
    axes: { 
     y: { 
       labelsKMB: true, 
     }, 
    }, 
    showLabelsOnHighlight: false, 
    highlightCircleSize: 2, 
    strokeWidth: 1, 
    strokeBorderWidth: 1, 
    highlightSeriesOpts: { 
     strokeWidth: 3, 
     strokeBorderWidth: 1, 
     highlightCircleSize: 5, 
    }, 
} 

);

任何想法？我相當新的JavaScript，並不能完全掌握在這個例子中發生了什麼。

來源

2013-07-24 bo_knows

它使用CSS來完成：

<style type='text/css'> 
    .many .dygraph-legend > span { display: none; } 
    .many .dygraph-legend > span.highlight { display: inline; } 
</style>

只有突出系列得到「亮點」類的傳說。

來源

2013-07-24 15:37:20 danvk

這是完美的。是否有一個特定的CSS指南在那裏爲dygraph的各個類？我有長Y軸標籤（貨幣達10位數字）在圖表後面消失的問題。我試圖找出它所在的div，並改變顯示，但沒有運氣。 –

不是官方的 - 這是我們需要改進的文檔的一部分。 – danvk

突出顯示最近的系列 - 但只顯示突出顯示系列的X/Y？

回答

相關問題