flotr2 - 在折线图中悬停在线上

时间:2013-06-20 12:19:48

标签: javascript graph hover flotr2

我使用插件" flotr2"在我的应用中显示折线图。

当我将鼠标悬停在线上时,我必须显示工具提示,当我将鼠标悬停在线上时,我必须显示另一个工具提示。

我在" track"参数在"鼠标"选项中的字段。 我看到有一个anoter参数调用" 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 
        }
    });

1 个答案:

答案 0 :(得分:0)

尝试将“track:!0,trackAll:!1”设置为鼠标。