2015-05-05 65 views
1

是否有一種簡單的方法使用凹痕創建差異圖表?我期望創建類似於此示例的東西:http://bl.ocks.org/mbostock/3894205/使用Dimple.js的差異圖表

感謝

+0

這將是乾淨的做。我還沒有在酒窩中看到過這樣的例子。我看到的最接近的是水平疊加折線圖http://dimplejs.org/examples_viewer.html?id=lines_horizo​​ntal_stacked。然而,這些行之間的差異沒有被着色。 – dotNetE

+0

它可能是可能的,但它會涉及到黑屏面積圖的數據,當然不是直接「開箱即用」。如果我是你,我會用那個原始的d3。 –

回答

0

我知道這是2年前問,也許有人仍有意:-)

辦法做到這與酒窩是把你的2系列(說和B)轉換成3系列:

  • 繪製的下線一個系列:其值是min(A,B)
  • 0其值是 max(A-B,0)
  • 繪製的上線當A <乙並用紅色填充一個系列:
  • 繪製的上線時A> B並用綠色填充一個系列其值max(B-A,0)

然後你所有的堆疊3和使用dimple.plot.area最後2有填充生效。

如果您提供代碼和數據,我們可以製作一個工作示例。