通过使用plothover事件,我有一个可行的工具提示系统设置与我的常规图形选项(不使用破折号),但当我切换到我的“黑白”模式(使用破折号)时,情节不可用。有没有办法在使用破折号时保持图形可以浏览和可点击?还是一种在没有短划线的情况下制作黑白图案的方式?
示例系列:{data: data, dashes:{show: true, dashLength: 2}, color: "black", label: "Series 1"}
我目前的图表选项:
options = {
yaxis: {max: maxValue, min: minValue},
grid: {hoverable: true, clickable: true},
legend: {show: false},
xaxis: {tickFormatter: null}
};
我将plothover事件用于这样的工具提示:
$(this).bind("plotclick", function (event, pos, item){
//tooltip code here
}
答案 0 :(得分:5)
请参阅jQuery.flot.dashes
插件{/ 3}}填充。
关于悬停问题,有一个名为" findNearbyItem" 在jquery.flot.js中,仅在绘图显示时执行搜索 线,点或条。如果你只有"破折号"显示,然后它 不会进行搜索。
两种选择:
- 修改以下行中的jquery.flot.js文件:if (s.lines.show || s.points.show)
if (s.lines.show || s.points.show || s.dashes.show)
- 在显示破折号的系列中显示0半径的点:(来自注释#41中的示例)
{ label: "sin(x)", data: d1, dashes: { show: true, steps:true }, points: {show: true, radius:0 }}
我同意海报,第二种解决方案是一个更好的主意。我也试过this issue。