【问题标题】:Rails Chartkick Gem Error Loading Chart No Adapter FoundRails Chartkick Gem 错误加载图表未找到适配器
【发布时间】:2014-10-10 13:41:29
【问题描述】:

我有一个 Rails 3.2.14 应用程序,我在其中使用 chartkickgroupdate gem 来尝试生成一些基本图表。

当我加载我的视图时,我得到了错误: Error Loading Chart: No adapter found

这是我的视图代码的样子:

index.html.erb

<%= line_chart Call.group_by_week(:created_at).count %>

这是我的应用程序布局,包括 chartkick 和 yielding chart_js application.html.erb(布局)

 <%= javascript_include_tag "application", "chartkick" %>
 <%= yield :charts_js %>

谁能告诉我为什么会出现这个错误以及如何解决它?我真的很想开始使用 Chartkick 来生成一些简单的图表。

【问题讨论】:

    标签: ruby-on-rails chartkick


    【解决方案1】:

    您可能错过了加载 Google Charts 或 Highcharts(适配器)。

    尝试在&lt;%= javascript_include_tag "application", "chartkick" %&gt; 之前添加此行&lt;%= javascript_include_tag "//www.google.com/jsapi" %&gt;。还要检查 gem 主页中的安装部分(向下滚动:))。

    【讨论】:

    • 我确实错过了调用 Google Charts。我已经想通了。不过谢谢你的回答!
    • 谢谢你,先生。谢里夫!
    【解决方案2】:

    查看: 谷歌图表 在您的布局或视图中,添加:

    <%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
    

    链接:https://chartkick.com/#google-charts

    【讨论】:

      【解决方案3】:

      当我第一次尝试ChartKick 时,我也遇到了类似的问题。我收到的错误消息是加载图表时出错:未找到图表库 - 请务必在图表之前包含一个

      这是我修复它的方法。

      我只是将以下代码行添加到 assets > javascript 文件夹中的 application.js 文件中。

      //= require Chart.bundle
      //= require chartkick
      

      保存并刷新,应该可以修复它。

      就是这样

      我希望这会有所帮助。

      【讨论】:

      • 不适合我。我从一开始就一直关注这一点
      【解决方案4】:

      另一个错误原因可能是您在 javascript_include_tag 中使用的协议。

      例如,您将收到错误 Error Loading Chart: No adapter found 例如,如果您为您的网站使用协议 https:https://www.example.com

      以及代码中 javascript_include_tag 中的 http:
      &lt;%= javascript_include_tag "http://www.google.com/jsapi", "chartkick" %&gt;

      【讨论】:

        【解决方案5】:

        如果上述方法不能解决某人,另一种可能性是mixed content 问题。

        您可以通过打开 JS 控制台来检查。

        混合内容:页面位于 'https://site.io/' 通过 HTTPS 加载, 但请求了不安全的脚本“http://www.google.com/jsapi”。这 请求已被阻止;内容必须通过 HTTPS 提供。

        解决方案:

        改一下

        http://www.google.com/jsapi
        

        为此(将s 添加到http

        https://www.google.com/jsapi
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2016-01-10
          • 2020-05-17
          • 1970-01-01
          • 2015-12-26
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多