2

ポイントの上に直接ホバーすると、ツールチップがトリガーされ、ポインターをたどらない折れ線グラフが必要です。ポイントに直接カーソルを合わせない限り、ツールチップをトリガーしたくありません。最初の問題を解決するために、線幅のある散布図を使用できます (プロットの上に直接ホバーしたときにのみツールチップを表示します)。ただし、ツールチップがマウスに追従しないようにする方法がわかりません。いろいろと followPointer を false にしてみましたが、うまくいかないようでした ( http://api.highcharts.com/highcharts#tooltip.followPointer )

問題を示すフィドルを次に示します。

http://jsfiddle.net/6uGJp/1/

$(function () {
$('#container').highcharts({

    chart: {
        type: 'scatter'
    },
    xAxis: {
        categories: ['Nov', 'Dec']
    },
    tooltip: {
        shared: true,
        useHTML: true,
        headerFormat: '<small>{point.key}</small><table>',
        pointFormat: '<tr><td style="color: {series.color}">{series.name}: </td>' +
            '<td style="text-align: right"><b>{point.y} EUR</b></td></tr>',
        footerFormat: '</table>',
        valueDecimals: 2,
    },
    series: [{
        name: 'Short',
        lineWidth: 2,
        data: [95.6, 54.4]
    }]

});

});

4

3 に答える 3

2

シリーズでこれと同じ問題が発生し、次のオプションを変更したところ、正常に機能しました。

plotOptions: {
  series:{
    stickyTracking: false
  }
}

次に、highcharts API ドキュメントの例を示します: stickyTracking

于 2014-12-11T17:33:05.890 に答える
0

これを試して：

plotOptions: {
            scatter:{
                     tooltip:{
                             followPointer: false
                     }
            }
}
于 2013-10-29T15:48:51.317 に答える