1. 首页
  2. 问答
  3. 设计时间滑块

设计时间滑块

2017-07-04 77 views
-2

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

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

Snapshot of Time slider

来源

2017-07-04 rai

+0

我认为你的问题需要更具体一点：你是否试图通过使用React来实现这个功能？您应该详细说明您希望用户如何与时间滑块组件进行交互。例如，点击任何一年触发器都会刷新背景地图或其他东西，所以我们可以给你一些建议。 – MattYao

+0

@MattYao是的，我正在尝试使用React来实现这一点。用户进行交互的方式可能是点击/悬停/幻灯片上的任何年份触发器，这将a）增加/减少圆圈的大小，行的宽度取决于该特定年份的某些属性b）还可以在地图上添加和删除特征基于年份。 – rai

回答

0

如果这些圆，线是根据您的返回JSON数据，这是很简单的与之反应/终极版。您可以按照如下步骤：

  1. 您需要添加在你的时间表事件侦听器可以单击或鼠标悬停
  2. 定义状态变量属于MapData在构造
  3. 触发事件，并通过HTTP请求
    4. 检索不同数据
  4. 确保使用新数据调用setState（）并将它们绑定到状态变量中
  5. 将状态变量绑定到render（）元素中，您将看到更改。

希望它能帮助你。

来源

2017-07-05 23:46:17 MattYao

+0

感谢您的信息马特，但我正在寻找滑块的设计而不是现在的功能。 – rai

相关问题

 相关问题