在Rails上使用Chartkick / Highcharts的混合图表类型

时间:2016-05-29 05:14:11

标签: ruby-on-rails highcharts chartkick

我正在尝试使用Highcharts创建混合列/折线图。

我一直在尝试使用library功能将我的一个数据系列设置为“line”类型。我尝试了一些不同的方法,但我似乎无法弄清楚如何使用Highcharts API传递给定系列的类型参数。

<%= column_chart( ChartData.new(@forecast).revenue_and_net_income, library: {
  title: {
    text: "Revenue and Net Income"
  },
  series: [{
    1 => {
      type: "line"
    }
  }],
} ) %> 

我的数据来自以下方法:

def revenue_and_net_income
data = [
  {
    name: "Revenue",
    data: revenue_by_year
  },
  {
    name: "Net Income",
    data: net_income_by_year,
  }
]

不确定我做错了什么?我似乎只能访问“图表”下列出的Highcharts API方法,所有系列选项等都不起作用。任何人都能指出我如何成功实现这一目标的正确方向吗?

1 个答案:

答案 0 :(得分:0)

您可以尝试这种方式。

<%= line_chart [
        {
            name: "Amount", type: "column", data: @cause.donations.map {
                |t| [t.user.name, t.amount] 
            }
        },
        {
            name: "Test", type: "line", data: @cause.donations.map {
                |t| [t.user.name, t.amount]
            }
        }
    ],
    prefix: "$",
    adapter: "highcharts"
%>

只是不在乎line_chartcolumn_chart或其他任何东西……仅在数据中自定义type。好