0

ハイチャートの例を使用しようとしています。しかし、うまくいかない、理解できない、何かを見逃していませんか？

<!DOCTYPE HTML><html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Highcharts Example</title>

</head>

<body>

    <h1>Highcharts example</h1>
    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

    <script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
    <script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>   


    <script type="text/javascript">
        $(function () {
            $('#container').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'Column chart with negative values'
                },
                xAxis: {
                    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
                },
                credits: {
                    enabled: false
                },
                series: [{
                    name: 'John',
                    data: [5, 3, 4, 7, 2]
                }, {
                    name: 'Jane',
                    data: [2, -2, -3, 2, 1]
                }, {
                    name: 'Joe',
                    data: [3, 4, 4, -2, 5]
                }]
            });
        });    
    </script>

</body></html>

私はすでにこのパスで遊んでみましたが、関係ありません:

<script type="text/javascript" src="http://code.highcharts.com/highcharts.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/modules/exporting.js"></script>

正しいパスを設定するには？たとえば、「highcharts/js/highcharts.js」のようなパスを使用すると、プロジェクト ディレクトリに実際に存在します。

4

2 に答える 2

1

あなたは逃した

</html>

最後にタグ。

ただし、フィドルのコードはうまく機能します。

于 2013-08-13T08:37:48.197 に答える
0

コードをコピーして html ファイルに貼り付けました。それは非常にうまく機能しています。

Here is the screenshot

ここに画像の説明を入力

于 2013-08-13T08:51:22.633 に答える