0

Highcharts をダウンロードし、フォルダーを解凍しました。解凍したフォルダーを Rails アプリに配置しませんでしたが、単にコピーhighcharts.jsしてvendor/assets/javascriptフォルダーに貼り付けました。

次に、機能していることを確認するために、ドキュメントのサンプル チャートをコピーしてビューに貼り付けました。したがって、私のコードが間違っているとは思いません。ただし、ビューには空白のページしか表示されません。

グーグルで試しましたが、問題がわかりません。jquery.min と関係があるのではないかと思いますが、完全にはわかりません。jquery.min が私の他の 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