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

【问题标题】：Mixed Chart Types using Chartkick/Highcharts on Rails在 Rails 上使用 Chartkick/Highcharts 混合图表类型
【发布时间】：2016-05-29 05:14:11
【问题描述】：

我正在尝试使用 Highcharts 创建一个混合柱形图/折线图。

我一直在尝试使用library 功能将我的数据系列之一设置为“行”类型。我尝试了几种不同的方法，但似乎无法弄清楚如何使用 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 方法，系列选项等似乎都不起作用。任何人都可以为我指出正确的方向，以帮助我成功实现这一目标吗？

【问题讨论】：

您是否尝试在图表对象中这样做，例如 api.highcharts.com/highcharts#chart.type ？
使用该方法更改仅一个系列的类型的正确语法是什么？
对不起，我不是 Rails 开发人员，所以不知道你的包装器是如何工作的。

标签： ruby-on-rails highcharts chartkick

【解决方案1】：

你可以试试这个方法。

<%= 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_chart、column_chart 或其他任何东西...仅在数据中自定义type。好的

【讨论】：