在FlotCharts中,如何使工具提示始终可见?

时间:2016-07-09 22:57:08

标签: javascript jquery tooltip flot

作为一名新人尝试研究所有这些,但只是从他的朋友google倾倒信息。也许我做错了。

folow this instructions in Stach Overflow ,但没有成功,

如果我做错了,请教我...

我的图表是实时的,模仿一个EGC,(心跳):

=>如何总是显示这个“工具提示”(getRandomData3())? (不仅在鼠标结束时,而且在所有时间)?

我真的很赞赏任何帮助。感谢

这是我的数据系列:

   function getRandomData3() { 
        if (data3.length > 0)
            data3 = data3.slice(1);

        while (data3.length < totalPoints) {
             if (flagGo==1){
                 instantFlag=200;
                 flagGo=2
             }
             else{
                instantFlag=1000;
             }

            instantShowFlag = instantFlag;
            data3.push(instantShowFlag);
        }

        // Zip the generated y values with the x values
        var res = [];
        for (var i = 0; i < data3.length; ++i) {
            res.push([i, data3[i]])
        }
    //  console.log(data1);
        return res;
    }

以及我如何把它放在图形上

    var plot = $.plot("#placeholder", [{data: getRandomData1()}, {data: getRandomData2()}, {data: getRandomData3()}], {
        series: {
            shadowSize: 0 // Drawing is faster without shadows
        },
        yaxis:  {
            min: -50,
            max: 250,
            color: "#EDC240",
        },
        xaxis:  {
            show: false,  
        },
        tooltip: {
            show: true,
            content: 'FLAG これはたとえばです',
            shifts: {
                x:  10,
                y: -10,
            }
        },
        grid: {
            hoverable: true,
            mouseActiveRadius: 30,
        }

    });

    function update() {

        plot.setData([{data: getRandomData1()}, {data: getRandomData2()}, {data: getRandomData3()}]);
        plot.draw();
        setTimeout(update, updateInterval);

    }
    update();
});

谢谢,

0 个答案:

没有答案