Ruby on rails 如何使用Chartkick在Rails中混合柱状图和折线图?

Ruby on rails 如何使用Chartkick在Rails中混合柱状图和折线图?,ruby-on-rails,chartkick,Ruby On Rails,Chartkick,我想在我的rails应用程序中显示图表。我找到了很多可以做到这一点的项目。 但我希望有这样的图表,其中我最大的行和列。是否有任何项目能够绘制这种图形?我在chartkick的网站或Google上找不到任何内容。Google Visualization组合图表应该可以满足您的需要 查看以获取更多信息 您可以使用chartkick这样做: = column_chart(@your_data, library: { :series => { 0 => { type: "line"} } }

我想在我的rails应用程序中显示图表。我找到了很多可以做到这一点的项目。
但我希望有这样的图表,其中我最大的行和列。是否有任何项目能够绘制这种图形?我在chartkick的网站或Google上找不到任何内容。

Google Visualization
组合图表应该可以满足您的需要

查看以获取更多信息


您可以使用chartkick这样做:

= column_chart(@your_data, library: { :series => { 0 => { type: "line"} } })
这将@your_数据中的第一个系列设置为折线图。当然,你也可以设置其他的序列,只要把“0”换成另一个数字就行了


我希望这有帮助

这可以在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答案的问题的回答,但我目前无法回复评论。:/)

也许你可以在javascript中演示一下这是什么样子?我无法实现这一点。这似乎与“Chartkick目前不支持任何类型的组合图”相矛盾。它不适用于Chartkick gem,幸运吗@klenwell@klenwell这确实有效,但您需要添加:
适配器:'google',库:…
并且您需要:
javascript\u include\u标记”https://www.gstatic.com/charts/loader.js“