7

ハイチャートのデフォルトのエクスペリエンスは、カーソルに (水平方向に) 最も近いポイントがホバー状態にあるようです。これは、ラインの次のポイントに向かって半分以上進んだときにツールチップがトリガーされることを意味します。ポイントに直接ホバーしたときにツールチップ トリガーを使用し、別のポイントに直接ホバーするまでアクティブなままにしたいと考えています。

これは問題のフィドルであり、対応するコードは次のとおりです。

http://jsfiddle.net/qNLu2/

$(function () {
$('#container').highcharts({
    chart: {
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }, {
        data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2]
    }]
});

});

4

2 に答える 2

32

HighCharts オプションを使用すると、以下を設定して、必要な効果を得ることができます。

plotOptions: {
    series: {
        stickyTracking: false
    }
},
tooltip: {
    snap: 0
}

これにより、マウスがポイントの真上にある場合にのみツールチップがトリガーされ、マウスがポイントを離れるとオフになります。これに関する唯一の問題は、フェード アウト アニメーション (スナップ: 0) に時間がかかることですが、アニメーションの時間を変更できるはずです。私はまだそれを見つけていません。

于 2014-12-08T19:10:00.723 に答える
0

折れ線グラフで使用される pointTracker に関連していますが、散布シリーズを使用して lineWidth を設定できます。

http://jsfiddle.net/qNLu2/1/

 chart: {

        type: 'scatter'
    },

    series: [{
        lineWidth:2,
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
于 2013-06-03T14:01:04.430 に答える