1

そのため、HighCharts.js ライブラリを使用してグラフを作成しようとしています。これが私のコードです：

<html>
<head>
    <script src="jquery.min.js"></script>
    <script src="highcharts.js"></script>
    <script type="text/javascript">
    $(document).ready(function() { 
        var chart1 = new Highcharts.Chart({
            chart: { renderTo: 'container', 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>
</head>
<body>
<div id="container" style="width:100%; height:400px;"> 

</div>
</body>
</html>

これをブラウザで実行しようとしましたが、何も起こりません。誰かが私が間違っていることを教えてもらえますか? ありがとう

4

2 に答える 2

1

これは、HighChartsのデモページから直接引用したものです。

Alex Wは、テーマを誤って参照していることは間違いありません。これはオプションです。テーマは実際にはJSファイルですが、スクリプト構文を使用する必要があります。

<script type="text/javascript" src="/js/themes/gray.js"></script>

コンソールをチェックして、すべてのスクリプトが正しくロードされていることを確認します。highcharts.jsファイルへのパスが間違っている可能性があります。

于 2013-02-16T23:15:36.617 に答える