设计时间滑块

Question

我希望将此设计添加为仪表板中的时间滑块。

有没有人使用React，HTML设计过这个？任何帮助表示赞赏。

Answer 1

如果这些圆圈，线条基于您返回的json数据，那么使用React / Redux非常简单。您可以按照以下步骤操作：

1. 您需要在时间轴上添加事件侦听器，无论是单击还是鼠标悬停
2. 在构造函数
中定义状态变量mapData
3. 触发事件并通过http请求检索不同的数据
4. 确保使用新数据调用setState（）并将它们绑定到状态变量
5. 将状态变量绑定到render（）元素中，您将看到更改。

希望它可以帮到你。