我正在使用插件“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
}
});