Javascript Highcharts在JSFIDLE上工作，但在站点上失败

晚安， 希望你能帮助我，我正在使用highcharts在我的网站上制作一些图表，直到最后一张图表之前一切都很顺利，出于某种原因，我没有像应该得到的那样编写正确的值[object object]，我在jsfidle上试过同样的代码，一切正常

$(function () {
    var chart = new Highcharts.Chart({
    "xAxis":{"categories":[{"name":1,
    "categories":["a","b","c"]},{"name":2,"categories":["a","b","c"]},{"name":3,"categories":["a","b","c"]},{"name":4,"categories":["a","b","c"]},{"name":5,"categories":["a","b","c"]},{"name":6,"categories":["a","b","c"]},{"name":7,"categories":["a","b","c"]},{"name":8,"categories":["a","b","c"]},{"name":9,"categories":["a","b","c"]},{"name":10,"categories":["a","b","c"]}]},
    "series":[{"data":[0,0,0,0,0,0,0,0,0,0,0,0,3,2,1,7,7,0,21,11,4,23,23,5,33,30,0],"name":"Forecast","color":"#124191","stack":"male"},{"data":[0,0,0,0,0,0,0,0,0,0,0,0,3,2,1,7,7,0,21,11,4,21,22,5,21,22,0],"name":"Actual","color":"#00C9FF","stack":"female"}],
    "chart":{"type":"column",
    "renderTo":"container",
    "zoomType":"xy",
    "marginTop":"100",
    "marginBottom":"100",
    "columnColor":["#509be6","#124191","#90ed7d","#f7a35c","#8085e9","#f15c80","#e4d354","#8085e8","#8d4653","#91e8e1"]},
    "title":{"text":"Tests"},
    "yAxis":{"allowDecimals":false,"min":0,"title":{"text":"Total"}},"plotOptions":{"column":{"stacking":"normal"}},"legend":{"style":"text-align:center","width":"270"},"credits":{"enabled":false}});
});

我使用的是Highcharts和Jquery 1.8.2的最新版本

提前感谢，

根据类别接受字符串数组作为参数。您正在传递对象数组，因此它将显示

[object object]

。 如果您需要，可以使用组类别