2012-03-21 55 views
0

我應該製作這種類型的圖表,是否可以通過Raphael或Raphael的任何插件製作。 (我更喜歡拉斐爾,因爲我已經使用了這個),我附上了我需要製作的圖片?如何使用Raphael製作複雜的圖表

enter image description here

感謝提前..

回答

0

我會真誠地奉勸剛繪製的事情手動使用拉斐爾庫。當我們需要一個不常見的圖形類型時,我試圖讓現有的圖形庫來繪製它,但它很糟糕。我在晚上嘲笑了一個原型,以證明用raphael手工繪製它有多清潔,我們最終使用它。你可以嘗試做的最好的事情就是創建你正在尋找的原型:爲圖形創建一個虛擬的Json集合,並嘗試從這些數據繪圖。你會發現,它是相對簡單的劃分內容面積達:

numberOfMonths = 6; 
barsPerMonth = 2; 
marginLeft = 40; 
marginRight = 40; 

graphArea = canvasWidth - marginLeft - marginRight; 
monthWidth = graphArea/numberOfMonths; 
barWidth = monthWidth/barsPerMonth; 

只要定義所有你想要的利潤率和寬度。定義軸的範圍並定義刻度盤/計數。這應該讓你開始。