Question

我尝试使用Rails Chartkick gem创建堆积条形图，并且我正在使用Google图表API。

我已使用此行使用chartkick生成条形图。

<%= bar_chart data, :library => {:isStacked => true} %>

但我得到的是一个简单的条形图而不是堆叠的条形图。我的问题是我应该传递给data参数的数据的结构是什么。我尝试传递数组，例如（来自谷歌图表样本）

[['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General','Western', 'Literature', { role: 'annotation' } ],['2010', 10, 24, 20, 32, 18, 5, '']]

但它没有用。

Answer 1

您可以像这样复制Stacked Bar Charts：

data = [
  {
    name: "Fantasy & Sci Fi", 
    data: [["2010", 10], ["2020", 16], ["2030", 28]]
  },
  {
    name: "Romance", 
    data: [["2010", 24], ["2020", 22], ["2030", 19]]
  },
  {
    name: "Mystery/Crime", 
    data: [["2010", 20], ["2020", 23], ["2030", 29]]
  }
]

在模板中：

<%= bar_chart data, stacked: true %>

Answer 2

使用这种格式

data = [
  {
    name: "Fantasy & Sci Fi", 
    data: [["2010", 10], ["2020", 16], ["2030", 28]]
  },
  {
    name: "Romance", 
    data: [["2010", 24], ["2020", 22], ["2030", 19]]
  },
  {
    name: "Mystery/Crime", 
    data: [["2010", 20], ["2020", 23], ["2030", 29]]
  }
]

Rails chartkick堆积条形图

2 个答案: