0

我下载了 Highcharts 并解压缩了该文件夹。但是，我没有将解压缩的文件夹放在我的 rails 应用程序中，我只是将其复制并粘贴highcharts.js到我的vendor/assets/javascript文件夹中。

接下来，为了确保它正常工作，我将文档中的示例图表复制并粘贴到视图中。因此，我不希望我的代码不正确。但是，该视图现在只显示一个空白页。

我试过谷歌搜索，但我无法弄清楚问题所在。我认为这可能与 jquery.min 有关，但我不完全确定。似乎 jquery.min 搞乱了我的其他 jquery 函数，所以这就是为什么我认为可能是这样的原因......我正在使用 jquery-rails 2.0.2 gem 中的 jquery。

我的观点：

<%= javascript_include_tag "http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"%>
<%= javascript_include_tag "highcharts" %>

<script>
$(function () { 
$('#chart').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]
    }]
});
});​
</script>

<div id = "chart"> </div>

还有我的 application.js

//= require jquery
//= require jquery_ujs
//= require jquery.numeric
//= require_tree .
//= require bootstrap
4

0 回答 0