plotly / plotly/plotly.js

Range Slider flips mirror-like when viewport gets narrow

未关闭
#6,493 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

bug P2
主要语言
JavaScript
星标
18.3k
派生
2k
平均合并
2 天 12 小时
30 天内合并 PR
28

描述

I have encountered a strange behavior where, no matter what chart or data I am using, when the range slider doesn't have any space on the y axis, (this can happen when the y axis labels are wide) it flips like in a mirror:

In the first image the Year 2000 is the white dot on the left
1
In the second image the Year 2000 is the white dot on the right
2

I've modified the Adding Sliders to Animations in JavaScript example: https://codepen.io/bleah1/pen/dyqoaMQ and added responsive: true to config and a big margin of 400 to the layout to better see the flipping in action.

What now ? This obviously can't be used on narrow mobile screens.

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

从 issue 中链接的修改版“Adding Sliders to Animations in JavaScript”示例开始,使用响应式模式和较大的布局边距,以便在 y 轴标签占用可用宽度时复现翻转。跟踪该窄 viewport 下范围滑块的行为,并验证 Year 2000 标记保持相同的侧边和方向;该 issue 没有指定要首先开始的 repository 文件或测试。

由索引模型根据 Issue 内容生成。

评估

技术栈
javascript
领域
data-visualization
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
42/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。