flot:无法在窄屏幕上使用折线图概述

时间:2017-01-03 13:53:13

标签: flot

  • 在'概述'图表I显示3个月的数据X 30天X 24小时X每小时6个样本。
  • 在' main'图表我默认显示最后一天的数据,或者在概述中显示所选范围的数据'或所选日期的数据。
  • 在常规桌面屏幕上运行良好。

我现在尝试将此项目调整为响应式设计,并根据屏幕大小显示图表。

我的问题:在狭窄的屏幕上,当'概述中的范围'太小(以像素为单位?),我没有得到概览图选择的事件。

  • 如果我在最后一天尝试显示默认值 - 我没有得到剧情选择的事件。
  • 如果我尝试在我的约会选择器上选择一天 - 我没有得到剧情选择的活动。
  • 如果我尝试选择3-last-days的数据,它确实可以正常工作。
  • 如果我换成宽屏幕,一切运作良好。

我如何强制概述'选择?

在下图中,可以看到最近3天的选择。这很有效。但选择最后1天不起作用:

enter image description here

1 个答案:

答案 0 :(得分:1)

Flot选择插件有一个minSize选项,默认设置为5像素。由于概述中的一天数据宽度约为3像素,因此plotselected事件不会触发。将minSize设置为1,它应该适用于尺寸低至100像素的图表。

来自 jquery.flot.selection.js 文件中的评论:

  

“minSize”是选择的最小尺寸,以像素为单位。这个值可以   可以定制以确定选择的最小尺寸   选择矩形显示。自定义此值时,   事实上,它指的是像素,而不是轴单位必须考虑在内。   因此,例如,如果在时间模式下存在BarWidth设置为1的条形图   分钟,将“minSize”设置为1将不会使最小选择大小为1   分钟,而是1像素。另请注意,将“minSize”设置为0将阻止   当用户没有点击鼠标时,“plotunselected”事件被触发   拖动。