0

私はレールにまったく慣れていないので、 Highcharts.comから javascri チャートを自分の Rails アプリケーションにインポートしようとしています。しかし、何らかの理由で、ビュー コンテナーは空のままです。

パッケージをダウンロードして、それを vendor/assets/javascripts に追加//= require highchartsし、application.js ファイルに追加しました。ここに私のusers.jsファイルがあります

$(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]
        }]
    });
});

これをshow.html.erbに追加しました

<div id="container" class="container" style="width:100%; height:400px;">

</div>

show.html.erb でグラフを表示する方法を知っている人はいますか?

前もって感謝します!

4

1 に答える 1