プラグイン「flotr2」を使用して、アプリに折れ線グラフを表示しています。
ポイントにカーソルを合わせたときにツールチップを表示し、線にカーソルを合わせたときに別のツールチップを表示する必要があります。
オプションの「マウス」フィールドの「トラック」パラメーターで使用します。別のパラメーター呼び出し「trackAll」があることがわかりました。私が電話に出ているときだけでなく、常にツールチップが表示されるため、私にとっては良くありませんでした。
ここに私のコードがあります:
dataArray.push({
data: createDataObject(data),
lines: {
fill: true,
show: true,
fillOpacity: 0.1
},
points: {
show: true,
fillOpacity: '0',
radius: 2,
lineWidth: 2
},
mouse: {
data: data,
track: true,
position: 'n',
relative: true,
trackFormatter: function (obj) {
return setTooltipData(data, obj);
}, // => formats the values in the value box
margin: 7, // => margin in pixels of the valuebox
lineColor: '#FFFFFFFF', // => line color of points that are drawn when mouse comes near a value of a series
trackDecimals: 1, // => decimals for the track values
sensibility: 3, // => the lower this number, the more precise you have to aim to show a value //hover area
trackY: true, // => whether or not to track the mouse in the y axis
radius: 2, // => radius of the track point
lineWidth: 2,
fillColor: null, // => color to fill our select bar with only applies to bar and similar graphs (only bars for now)
fillOpacity: 1 // => opacity of the fill color, set to 1 for a solid fill, 0 hides the fill
}
});