こんにちは私は現在ハイチャートのSeries.SetData()関数を使用してデータを動的に追加するチャート上のツールチップに関する問題に直面しています。 しかし、この問題は、私が思うに追加されたデータとは関係ありませんが、グラフの一点にマウスを重ねるたびにツールチップが表示されます。 Iマウスは、グラフ内の特定のポイントの上にツールチップが変化し続けると提示した値であるときはいつでも複数のシリーズが動的に追加されたハイチャートのツールチップに関する問題
:より良い私は問題を持つ2枚のスクリーンショットを掲載します理解する
スクリーンショットに投稿されたもの。マウスをドラッグすると、画面上に残っているツールチップが2番目のツールチップになり、Y1の値を見ることができなくなります。 、これはなぜ起こるか私にはわからない
$(function() {
// Create the chart for node 1
$('#container').highcharts('StockChart', {
chart: {
zoomType: 'x',
events: {
load: requestDataNode1
},
},
credits: {
enabled: false
},
title: {
text: 'Live Data'
},
rangeSelector: {
buttons: [{
count: 1,
type: 'minute',
text: '1M'
}, {
count: 5,
type: 'minute',
text: '5M'
}, {
type: 'all',
text: 'All'
}],
inputEnabled: false,
selected: 0
},
yAxis: {
labels: {
formatter: function() {
//return (this.value > 0 ? ' + ' : '') + this.value + '%';
return this.value;
}
},
plotLines: [{
value: 0,
width: 2,
color: 'silver'
}]
},
legend:{ enabled: true},
plotOptions: {
series: {
showInNavigator: true
},
spline: {
turboThreshold: 0,
dataLabels: {
enabled: false
},
enableMouseTracking: true
}
},
tooltip: {
pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b><br/>',
valueDecimals: 2,
split: false
},
navigator: {
series: {
data: []
}
},
});
});
最初に私はそれがために、一連の値を持っていないと関連している可能性が考えた: 私はおそらくので、ここでいくつかの悪いチャートの構成を有していて、私のグラフのコードですあなたがスクリーンショットで見ることができるように自分のシリーズをチェックしましたが、実際には両方のシリーズの価値があります。
ご協力いただきましてありがとうございます。
チャートに間違った設定がありません。問題を完全に再現しない限り、問題のどこには言えません。 https://jsfiddle.net/2q5nkkbw/ – morganfree