Javascript 未定义股票图表(…;)

Javascript 未定义股票图表(…;),javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我想使用highstock,但我似乎无法让它工作。。。我的代码: $(function () { $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-v.json&callback=?', function (data) { // create the chart var options = { chart: {

我想使用highstock,但我似乎无法让它工作。。。我的代码:

$(function () {
    $.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-v.json&callback=?', function (data) {

        // create the chart
        var options = {
            chart: {
                alignTicks: false,
                renderTo: 'container'
            },

            rangeSelector: {
                selected: 1
            },

            title: {
                text: 'AAPL Stock Volume'
            },

            series: [{
                type: 'column',
                name: 'AAPL Stock Volume',
                data: data,
                dataGrouping: {
                    units: [[
                        'week', // unit name
                        [1] // allowed multiples
                    ], [
                        'month',
                        [1, 2, 3, 4, 6]
                    ]]
                }
            }]
        };

    });
    var chart = new stockChart(options);
});
浏览器不显示任何内容,如果我去查看错误

未定义股票图表(…)


我也尝试过这段代码,但也不起作用。所以我试着使用这些选项,但效果不太好。。有人能帮我吗

您需要在初始化脚本之前添加HighStock JavaScript库:

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

使用
Highcharts.stockChart
新建Highcharts.stockChart

另外,在接收数据之前创建一个新图表(get.json异步工作),并尝试访问在不同范围中定义的
选项

$(function () {
$.getJSON('https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-v.json&callback=?', function (data) {

    // create the chart
    var options = {
        chart: {
            alignTicks: false,
            renderTo: 'container'
        },

        rangeSelector: {
            selected: 1
        },

        title: {
            text: 'AAPL Stock Volume'
        },

        series: [{
            type: 'column',
            name: 'AAPL Stock Volume',
            data: data,
            dataGrouping: {
                units: [[
                    'week', // unit name
                    [1] // allowed multiples
                ], [
                    'month',
                    [1, 2, 3, 4, 6]
                ]]
            }
        }]
    };
    var chart = Highcharts.stockChart(options); // alternatively new Highcharts.StockChart(options);
});

});

您正在使用关键字“new”作为构造函数调用函数stockChart。您得到“未定义错误”的原因是,在代码中找不到stockChart函数

创建一个写

    var stockChart = function(opt){
      this.someproperty = "hello there im a stockchart"
    };
使用此功能,您可以“新建”股票图表

    var my_stockchart = new stockChart();
现在您可以使用新形成的my_stockchart对象并调用其方法。在你的控制台上试试

   my_stockchart.someproperty 

   returns => "hello there im a stockchart"

现在,如果你想得到一个又快又脏的答案,我想其他人已经把你掩盖起来了。因此,基本上,它归结为您正在调用代码中尚未定义的函数。希望这能有所帮助。

var chart=Highcharts.stockChart(选项);不工作?嗨,我试过了,但是仍然没有显示图表:-(在多次重新加载页面后,它开始工作。它显示一个图表,但没有数据。。。
   my_stockchart.someproperty 

   returns => "hello there im a stockchart"