6 javascript jquery charts jqplot jqplot-highlighter
我有一个带有两条数据线的jqplot图表.只有一个应该启用荧光笔.我试过这个:
series:[
{
highlighter: {
formatString: "",
show: false
}
},
{
highlighter: {
formatString: "Day %s: %d",
show: true
}
}
]
Run Code Online (Sandbox Code Playgroud)
但不幸的是,这不起作用:荧光笔在第一行显示一个小空点,而它应该什么都不显示.
如何在一张图表上显示荧光笔而不在另一张图表上?
这是一个非常有趣的问题(+1)。我想到的唯一解决方案是清理画布并在每次应该显示时隐藏荧光笔的工具提示,因为使用绘图选项并没有帮助。这是在下面的代码中完成的,并在此处提供的工作示例中提供。
$('#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();
}
});
Run Code Online (Sandbox Code Playgroud)