Question

我试图从这个网站做最基本的例子： http://www.highcharts.com/docs/getting-started/your-first-chart

但它似乎不起作用。这是代码。

<!DOCTYPE html>
<html>

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
    <script src="http://code.highcharts.com/highcharts.js"></script>

</head>

<body>

    <div id="container" style="width:100%; height:400px;"></div>
    <script type='text/javascript'>
    $(document).ready(function() {

        var chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container'
            },

            xAxis: {
                type: 'datetime'
            },

            series: [{
                data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
                pointStart: Date.UTC(2012, 0, 1),
                pointInterval: 24 * 3600 * 1000,
            }]
        });

        $('#container').highcharts(options);
    });
    </script>

</body>
</html>

Answer 1

您忘记添加</script>结束标记。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

＆＃13;

 $(document).ready(function() {
   var chart = new Highcharts.Chart({
     chart: {
       renderTo: 'container'
     },
     xAxis: {
       type: 'datetime'
     },
     series: [{
       data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
       pointStart: Date.UTC(2012, 0, 1),
       pointInterval: 24 * 3600 * 1000,
     }]
   });
   $('#container').highcharts(options);
 });

＆＃13;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="width:100%; height:400px;"></div>

＆＃13;

Answer 2

您错过了结束</script>代码。

即使在代码段本身中也可以识别某种错误，因为其中一个<script>标记发生了颜色变化。

所有其他代码都运行良好。

Highcharts不起作用

2 个答案:

请参阅此fiddle