javascript - HighCharts 类型错误 : ha is not a function

Question

我在将 HighChart 用于我的 php 代码时遇到问题。

最初我创建了一个 graph.php 并设法让它自己启动并运行。

然而，当我将它集成到另一个 php (adminlist.php) 中时，图表无法显示，并且在调试时，错误显示“TypeError: ha is not a function”和 TypeError: $(...).highcharts is不是函数(不好意思新来这里无法附上图片)

我在adminlist.php中的代码如下:

<ul class="nav nav-pills nav-stacked">
<li <?php if($_GET['function'] == 'graph'){echo 'class="active"';}?>><a href="adminlist.php?function=graph">Analyzer</a></li>
</ul>
                        if ($_GET['function'] == 'graph'){
                    include('graph.php');

                    }

我在 graph.php 中的代码(如果我直接调用 graph.php 它会工作，但当我将它包含在 adminlist.php 中时则不会)。源代码如下:

<div id="mostpopular" style="height: 400px"></div>
<script src="bootstrap-3.2.0-dist/js/jquery.min.js"></script>
<script src="bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>
<script src="bootstrap-3.2.0-dist/js/bootstrap-markdown.js"></script>
<script src="bootstrap-3.2.0-dist/js/jquery.hotkeys.js"></script>
<script src="Highcharts-4.0.4/js/highcharts.js"></script>
<script src="Highcharts-4.0.4/js/highcharts-3d.js"></script>
<script src="Highcharts-4.0.4/js/modules/exporting.js"></script>

<script type="text/javascript">

$(function () {
    $('#mostpopular').highcharts({
        chart: {
            type: 'column',
            margin: 75,
            options3d: {

                alpha: 10,
                beta: 25,
                depth: 70
            }
        },
        title: {
            text: 'Sale transaction volume'
        },
        subtitle: {
            text: 'List of total sales by food category'
        },
        plotOptions: {
            column: {
                depth: 25
            }
        },
        xAxis: {
            categories: ['<?php echo $foodnamearr[0]; ?>', '<?php echo $foodnamearr[1]; ?>','<?php echo $foodnamearr[2]; ?>','<?php echo $foodnamearr[3]; ?>','<?php echo $foodnamearr[4]; ?>','<?php echo $foodnamearr[5]; ?>','<?php echo $foodnamearr[6]; ?>','<?php echo $foodnamearr[7]; ?>']
        },
        yAxis: {
            opposite: true
        },
        series: [{
            name: 'Sales',
            data: [<?php echo $qty[0]; ?>,<?php echo $qty[1]; ?>, <?php echo $qty[2]; ?>, <?php echo $qty[3]; ?>, <?php echo $qty[4]; ?>, <?php echo $qty[5]; ?>, <?php echo $qty[6]; ?>, <?php echo $qty[7]; ?>]
        }]
    });
});
        </script>

Answer 1

老问题，但如果有人发现自己正在搜索:

从 4.0.4 开始，ha 是 error 方法的缩小版本。脚本中有一次在定义之前调用了 error 是在第 106 行，它正在检查一个脏的 Highcharts 命名空间:

if (win.Highcharts) {
  error(16, true);
} else {
  Highcharts = win.Highcharts = {};
}

由于错误，您不会得到实际的错误。预期输出是:

uncaught exception: Highcharts error #16: www.highcharts.com/errors/16

注意:当然，根据您的 Highcharts 版本，代码可能已经更改。