Question

我正在使用RailsCasts和HighCharts文档后的HighCharts。我按照文档尝试初始图表 -

$(function () { 
  $('#container').highcharts({
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
    },
    yAxis: {
        title: {
            text: 'Fruit eaten'
        }
    },
    series: [{
        name: 'Jane',
        data: [1, 0, 4]
    }, {
        name: 'John',
        data: [5, 7, 3]
    }]
  });
});

我的highcharts.js位置有apps/assets/javascripts/个文件，application.js设置为 -

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require highcharts
//= require_tree .

当我运行我的页面时，我没有得到任何图表，但可以在开发工具控制台中看到undefined is not a function错误。

我知道这个问题可能是因为jquery必须在highcharts之前加载，但我对这个资产管道感到困惑。

我的application.html.erb

中有<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>

我的DevTools显示已经加载了highcharts.js，只有我能想到的问题是<head>内有两个jquery和highcharts.js实例。

HighCharts加载错误 - undefined不是一个函数

0 个答案: