-2
Q
設計時間滑塊
A
回答
0
如果這些圓,線是根據您的返回JSON數據,這是很簡單的與之反應/終極版。您可以按照如下步驟:
- 您需要添加在你的時間表事件偵聽器可以單擊或鼠標懸停
- 定義狀態變量屬於MapData在構造
- 觸發事件,並通過HTTP請求 檢索不同數據
- 確保使用新數據調用setState()並將它們綁定到狀態變量中
- 將狀態變量綁定到render()元素中,您將看到更改。
希望它能幫助你。
+0
感謝您的信息馬特,但我正在尋找滑塊的設計而不是現在的功能。 – rai
相關問題
- 1. 滑塊與標籤實時(但是從標籤與時間設定滑塊)
- 2. JQuery UI滑塊的時間
- 3. jQuery時間軸滑塊
- 4. 從滑塊顯示時間
- 5. Javascript - 計算兩個jQuery UI滑塊之間的時間差
- 6. JQuery滑塊響應式設計故障
- 7. 如何設計材質UI滑塊
- 8. 如何設計滑塊的樣式?
- 9. 佈局滑塊材質設計
- 10. 時間軸滑塊水平線中間
- 11. jquery計劃滑塊
- 12. 在CSS圖像滑塊內計時
- 13. 如何刪除滑動滑塊默認滑動時間?
- 14. 設置滑塊值
- 15. 設置滑塊值
- 16. Google地球 - 將時間滑塊設置爲最大值
- 17. 如何在角度js中設置時間響應滑塊?
- 18. Google motion chart初始狀態 - 設置滑塊的時間單位
- 19. 滑動滑塊滑塊計數器問題
- 20. UI滑塊與時間和parseInt函數
- 21. AngularJS的時間範圍滑塊
- 22. Yadcf範圍編號滑塊時間
- 23. 時間段內自動增加滑塊
- 24. R:帶時間滑塊的地圖?
- 25. 如何禁用jwplayer時間滑塊
- 26. 在一定時間內移動滑塊
- 27. Google地圖時間軸滑塊
- 28. jQuery的滑塊 - 動畫時間表
- 29. 圖像滑塊轉換時間
- 30. Bootstrap滑塊動畫持續時間
我認爲你的問題需要更具體一點:你是否試圖通過使用React來實現這個功能?您應該詳細說明您希望用戶如何與時間滑塊組件進行交互。例如,點擊任何一年觸發器都會刷新背景地圖或其他東西,所以我們可以給你一些建議。 – MattYao
@MattYao是的,我正在嘗試使用React來實現這一點。用戶進行交互的方式可能是點擊/懸停/幻燈片上的任何年份觸發器,這將a)增加/減少圓圈的大小,行的寬度取決於該特定年份的某些屬性b)還可以在地圖上添加和刪除特徵基於年份。 – rai