Ruby on rails Chartkick-以百分比表示的堆叠竖曲线图_Ruby On Rails

Ruby on rails Chartkick-以百分比表示的堆叠竖曲线图

ruby-on-rails

Ruby on rails Chartkick-以百分比表示的堆叠竖曲线图,ruby-on-rails,Ruby On Rails,我正在按照谷歌的指示构建一个垂直百分比图：它应该是这样的：然而，这就是它现在的样子。我使用的是与谷歌相同的数据我的图形控制器 @data = [ ['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General', 'Western', 'Literature', { role: 'annotation' } ], ['2010', 10, 24, 20, 3

我正在按照谷歌的指示构建一个垂直百分比图：

它应该是这样的：

然而，这就是它现在的样子。

我使用的是与谷歌相同的

数据
我的图形控制器
@data = [
        ['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General',
         'Western', 'Literature', { role: 'annotation' } ],
        ['2010', 10, 24, 20, 32, 18, 5, ''],
        ['2020', 16, 22, 23, 30, 16, 9, ''],
        ['2030', 28, 19, 29, 30, 12, 13, '']
      ]

//= require rails-ujs
//= require_tree .
//= require Chart.bundle
//= require chartkick
//= require highcharts

查看/my_graph.html.erb
<head>
<%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
<%= javascript_include_tag 'application' %>
</head>

<div class="container">

  <%= bar_chart @data, isStacked: true, isStacked: "percentage" %>

</div>

gemfile
gem "chartkick"

因此，关键是稍微变换一下数据
@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 %>



我在一个老问题中找到了答案
但是，如果要进行百分比堆栈，则需要使用库哈希
<%= bar_chart @data, adapter: 'google', library: { isStacked: 'percent' } %>



请注意，已标记的应为true或“百分比”。更多信息。
您刚才试过
？Chartkick似乎已将一些选项设置为“本地”。非常感谢。它起作用了。我还有一个问题和一个评论。问题：您知道如何将其以%显示为我问题中的第一幅图像吗？我尝试了一下，做了一些调整，终于成功了：
非常感谢，你帮了我大忙！最后一个问题，我正在尝试旋转图形（基本上我希望它是垂直的，而不是现在的水平），但我无法在文档中找到该命令。然后它被称为柱形图，而不是条形图。其他一切都一样。：）