我现在尝试将此项目调整为响应式设计,并根据屏幕大小显示图表。
我的问题:在狭窄的屏幕上,当'概述中的范围'太小(以像素为单位?),我没有得到概览图选择的事件。
我如何强制概述'选择?
在下图中,可以看到最近3天的选择。这很有效。但选择最后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”事件被触发 拖动。