Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我曾跟随某人编写代码示例,并尝试应用于我的HighChart程序,但我可以';我根本没法让它工作_Javascript_Json_Highcharts - Fatal编程技术网

Javascript 我曾跟随某人编写代码示例,并尝试应用于我的HighChart程序,但我可以';我根本没法让它工作

Javascript 我曾跟随某人编写代码示例,并尝试应用于我的HighChart程序,但我可以';我根本没法让它工作,javascript,json,highcharts,Javascript,Json,Highcharts,我曾跟踪过一些人的代码示例,但我对javascript和highcharts还不熟悉。事实上 这个程序工作了,但一次只显示一个月,我想显示所有月份的数据。对不起我的英语。你能给我一些建议吗?谢谢 $(document).ready(function () { var options = { chart : { renderTo : 'container', defaultSeriesType : 'column',

我曾跟踪过一些人的代码示例,但我对javascript和highcharts还不熟悉。事实上 这个程序工作了,但一次只显示一个月,我想显示所有月份的数据。对不起我的英语。你能给我一些建议吗?谢谢

$(document).ready(function () {
    var options = {
        chart : {
            renderTo : 'container',
            defaultSeriesType : 'column',
            rightMargin : 80
        },
        title : {
            text : 'the scholls'
        },
        subtitle : {
            text : 'data for 2012 years'
        },
        xAxis : {
            title : 'months',
            categories : []
        },
        yAxis : [{
                min : 0,
                title : {
                    text : 'students'
                }
            }, {
                linkedTo : 0,
                opposite : true
            }
        ],
        tooltip : {
            formatter : function () {
                return '<b>' + this.series.name + '</b><br/>' + this.x + 'Months: ' + this.y + ' students:';
            }
        },
        legend : {
            layout : 'vertical',
            align : 'right',
            verticalAlign : 'top',
            x : -10,
            y : 100,
            borderWidth : 0
        },
        series : [{
                name : "students total",
                data : []
            }
        ]
    };

    //get the json files
    $.getJSON('http://localhost:3000/students/givemechart.json', function (data) {

        yData = options.series[0].data; //Array to store data for y column
        xData = options.xAxis.categories; //Array to store data for x column
        xDataObj = data[3]; //only can show one months
        yDataObj = data[3]; //only can show one totals

        // [[5, 2], [6, 3], [8, 2]]
        for (var key in xDataObj) {
            xData.push((xDataObj[key].month));
            console.dir(xData); //chrome console only
        }

        for (var key in yDataObj) {
            yData.push((yDataObj[key].total));
            console.dir(yData); //chrome console only
        }

        var chart = new Highcharts.Chart(options);

    });
});

如下所示设置Xaxis的最小值和最大值:
xAxis:{
标题:"月份",,
类别:[],
民:1,,
最高:12

}

很晚才接这个电话,但是如果你还在挣扎,请告诉我。如果是,请尝试描述运行脚本时发生的情况。你有错吗?你的意思是?不需要像yData=options.series[0]那样编写代码//存储y列扩展数据的数组=options.xAxis.categories//存储x列数据的数组xDataObj=data[3]//只能显示一个月yDataObj=数据[3]//只能为(xDataObj中的var键){xData.push((xDataObj[key].month));console.dir(xData);//仅限chrome控制台}显示一个总计//[5,2],[6,3],[8,2]]
[
    {
        "student" : {
            "month" : 1,
            "total" : 24
        }
    }, {
        "student" : {
            "month" : 2,
            "total" : 27
        }
    }, {
        "student" : {
            "month" : 10,
            "total" : 96
        }
    }, {
        "student" : {
            "month" : 11,
            "total" : 1088
        }
    }, {
        "student" : {
            "month" : 12,
            "total" : 125
        }
    }

]