如何使用Chartkick在Rails中混合列和折線圖？

Question

我想在我的rails應用程序中顯示圖表。 作為Chartkick ，我能夠找到許多可以做到這一點的項目。 不過，我想有一個像圖這一個 ，在那里我最大行和列。 有沒有能夠繪制這種圖形的項目？ 我無法在chartkick的網站或Google上找到任何內容。

Answer 1

你可以使用chartkick這樣做：

= column_chart(@your_data, library: { :series => { 0 => { type: "line"} } })

這會將@your_data中的第一個系列設置為折線圖。 當然你可以設置其他所有系列，只需將“0”換成另一個數字即可。

我希望這有幫助！

Answer 2

這可以使用以下內容在Javascript中完成：

new Chartkick.AreaChart("chart", [{"name":"Series 1","data":{"2013-03-11 00:00:00 -0700":3,"2013-03-31 00:00:00 -0700":5}},{"name":"Series 2","data":{"2013-02-10 00:00:00 -0800":0,"2013-02-17 00:00:00 -0800":0}},{"name":"Series 3","data":{"2013-02-10 00:00:00 -0800":0,"2013-02-17 00:00:00 -0800":1}}], { library: { series: { 0: { color: "blue" }, 1: { type: "line", color: "yellow" }, 2: { type: "line", color: "green" } } } }  );

系列2和3將襯里，系列1將是面積圖。 :)

（這主要是對JNM關於Timo答案的問題的回應，但我目前無法回復評論。：/）

Answer 3

Google Visualization Combo charts應該能夠滿足您的需求

查看文檔以獲取更多信息

Js Fiddle