2017-04-18 51 views
0

我想建立類似的圖表: Elevation over distance區域圖表與多色梯度

此圖表顯示3兩件事:海拔(y)的距離(x)和顏色表示梯度變化。我怎樣才能複製這個使用D3.js?

+0

你檢查在[示例](https://github.com/d3/d3/wiki/Gallery)網站的樣本? –

回答

0

您可以查看samples中的樣品,並根據您的要求選擇適合您的樣品。但我建議像thisthis。第一個不會給你變色的能力。您可能需要閱讀文檔並找出答案。您可以使用第二個減少酒吧的寬度非常小。您可能需要將其轉換爲迎合您的數據輸入方法。我強烈建議你瀏覽一下樣本。作爲幫助,我發佈了更多可以自定義的示例。

Area Gradient fill

Applying a colour gradient to an area fill in d3.js

+0

我想堅持區域陰謀,因爲它代表了地理數據,當海拔應用於圖表時,您可以看到遠處的山丘。添加顏色漸變有助於瞭解山坡將會如何陡峭。 – Jed

+0

好的。您仍然可以在[樣本](https://github.com/d3/d3/wiki/Gallery)網站上自定義一些樣本。我會用你可以自定義的新樣本來改變答案。 –

+0

現在檢查我的答案。 –