Highstock，错误:未捕获的类型错误:w[(中间值）(中间值）(中间值）]不是构造函数

Highstock, error: Uncaught TypeError: w[(intermediate value)(intermediate value)(intermediate value)] is not a constructor

本文关键字：中间 错误 构造函数 Highstock 类型      更新时间：2023-09-26

我正在尝试创建一个高股票图表，但收到以下错误：

错误： 未捕获的类型错误： w[（中间值）（中间值）（中间） 值）（中间值）] 不是构造函数

我的 JSON 似乎有效，我的 JavaScript 也有效，知道如何解决这个问题吗？

Javascript：

    $.getJSON('<?php echo SITE_URL; ?>analytic/weekly_views_json', function(data) 
    {
       // Create the chart
        $('#container2').highcharts('StockChart', {
            rangeSelector: {
                selected: 1
            },
            title: {
                text: 'AAPL Stock Price'
            },
            series: [{
                name: 'AAPL Stock Price',
                data: data,
                type: 'spline',
            }]
        });
    });

杰森：

[[1420547368,1],[1423225768,1],[1425644968,1],[1428319768,1],[1430911768,1],[1433590168,1],[1452083368,1],[1454761768,1],[1457267368,1],[1458131368,1],[1459942168,1],[1494070168,1]]

第一个解决方案：

我有同样的错误，我在HTML代码中使用了如下highchart：

<head>
<script src="https://code.highcharts.com/highcharts.js"></script>
...
</head>

我的js代码是：

$('#container').highcharts('StockChart', {
...
});

关于highchart documention，我们必须使用Highcharts.Chart来创建新的highstock。所以我将我的代码更改为：

<head>
<script src="https://code.highcharts.com/highcharts.js"></script>
...
</head>

我js代码是：

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

并且此错误已解决！

第二种解决方案：

同样关于本文档，如果您同时运行图表和股票图表，则只需加载 highstock.js 文件。

所以将我的代码更改为：

<head>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
...
</head>

我的js代码是：

var chart = new Highcharts.Chart({
        chart: {
                renderTo: 'container'
            },
...
});
这对

我有用

<script src="../lib/highcharts.js"/>
<script src="../lib/highcharts-more.js"/>
 var chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'Temperature'
                    },
                    title: {
                        text: 'HighStock'
                    },
                    legend: {
                        enabled: true
                    },
                    xAxis: {
                        categories: ['1','2','3','4'],
                        title: {
                            text: 'day'
                        }
                    },
                    yAxis: {
                        title: {
                            text: 'values'
                        }
                    },
                    series: [{
                        name: 'temperature',
                        data: [
                            [5,30],[10,35],[15,40],[20,45]
                        ],
                    }]
                });
相关文章：