jqplot只在一张图表上显示荧光笔

时间:2012-07-22 19:12:57

标签: javascript jquery charts jqplot jqplot-highlighter

我有一个带有两条数据线的jqplot图表。只有一个应该启用荧光笔。 我试过这个:

series:[
    {
        highlighter: {
            formatString: "",
            show: false
        }
    },
    {
        highlighter: {
            formatString: "Day %s: %d",
            show: true
        }
    }
]

但不幸的是,这不起作用:荧光笔在第一行显示一个小空点,而它应该什么都不显示。

如何在一张图表上显示荧光笔而不在另一张图表上?

2 个答案:

答案 0 :(得分:2)

这是一个非常有趣的问题(+1)。 我想到的唯一解决方案,就是玩一个情节选项并没有帮助,就是清理画布并在每次显示时隐藏荧光笔的工具提示。这可以在下面的代码和presented in a working sample available here中完成。

$('#chart').bind('jqplotMouseMove', function(event, xy, axesData, neighbor, plot) {
    if (neighbor && neighbor.seriesIndex == 0) {
        var drawingCanvas = $(".jqplot-highlight-canvas")[0];
        var context = drawingCanvas.getContext('2d');
        context.clearRect(0, 0, drawingCanvas.width, drawingCanvas.height);
        $('.jqplot-highlighter-tooltip').hide();
    }
});

答案 1 :(得分:0)

为您不需要荧光笔的系列设置showHighlight: false