jquery.flot.dashes.js是否支持plothover和plotclick?

时间:2014-07-06 05:47:52

标签: javascript jquery hover flot

通过使用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 }

enter image description here

enter image description here

1 个答案:

答案 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