Гистограммы с накоплением в Rails chartkick

Я пытаюсь создать столбчатую диаграмму с накоплением, используя гем Rails Chartkick, и я использую API диаграмм Google.

Я использовал эту строку для создания гистограммы с помощью chartkick.

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

Но я получаю простую гистограмму, а не сложенную. Мой вопрос в том, какова структура данных, которые я должен передать параметру data. Я попытался передать массив, например (из образцов диаграмм Google)

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

но это не сработало.


ruby-on-rails charts google-visualization chartkick
person TMKasun    schedule 30.05.2014    source источник

Ответы (2)


arrow_upward
28
arrow_downward

Вы можете скопировать гистограммы с накоплением следующим образом:

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 %>
person Jiří Pospíšil    schedule 24.06.2014
comment
Как должен выглядеть запрос? Мои данные выглядят примерно так: [["X1", "Y1",20],["X1","Y2",10]] Для меня ничего не отображается. - person Nikhil Wagh; 26.12.2019

arrow_upward
0
arrow_downward

Используйте этот формат

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]]
  }
]
person Mighty    schedule 13.11.2020