javascript - Chartkick Rails 4 条形图问题与多个图表

Question

我遇到一个问题，我在一个页面上有多个投票问题。很简单，在回答问题后，将对 Controller 进行 AJAX 调用，并使用 Chartkick gem 和 Google jaspi 库呈现 js.erb 以显示图表。这仅适用于单个图表。但是，有几个条形图(每个回答的问题一个)是一个问题。发生的情况是最近回答的问题覆盖了错误 div 中的问题图表，只在最后回答的问题中显示加载。

这是基本代码。

在 View 中:

 <div id="results-<%= i %>" style="display: none; margin-top: -20px;"></div>

回答完问题后，上面的 div 将与图表一起显示。

在 Controller 中:

 data = [
    {
        data: results_array
    }
  ]
  respond_to do |format|
    @div_id = div_id
    @poll_data = data
    format.js
  end

然后在上面 block 中渲染的 js.erb 文件中:

 $("#results-<%= @div_id%>").html('<%= escape_javascript(bar_chart(@poll_data, library: {legend: "none"})) %>').show();

如有任何帮助，我们将不胜感激。我需要为每个问题显示正确的图表并可靠地加载它们。有没有办法区分我丢失的图表或对象的实例？谢谢。

Answer 1

我在使用 Chartkick 时遇到了同样的问题，我刚刚更改了我想使用的每个图表的“id”。我找到的解决方案位于以下链接中:https://github.com/ankane/chartkick/issues/193我知道这个答案有点晚了，但也许它会对其他人有所帮助。