Question

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

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

我的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',

            }]
        });
    });

JSON：

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

Answer 1

第一个解决方案：

我遇到了同样的错误，我在highchart代码中使用了HTML，如下所示：

<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'
            },
...
});

并且此错误已解决！

第二个解决方案：

同样关于this documentation，如果你组合运行Chart和StockChart，你只需要加载highstock.js文件。

所以我的代码改为：

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

我的js代码是：

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

Answer 2

这对我有用

<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]
                        ],
                    }]
                });

Highstock，错误：未捕获TypeError：w [（中间值）（中间值）（中间值）]不是构造函数

2 个答案: