Highcharts极坐标图数据未显示在图表上

Question

error on data display img 这是我的JS代码。我正在获取数据，因为它显示在图像中（蓝色条一直向左）。数据一直在左边，我不知道为什么。我没有对此图应用任何特殊的CSS。 html只是一个带有id的div来渲染图形。我在这里错过了什么？ ：（

CSS （在浏览器中）

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
rect[Attributes Style] {
    x: 0;
    y: 0;
    width: 1854;
    height: 400;
    fill: rgb(255, 255, 255);
}
user agent stylesheet
* {
    transform-origin: 0px 0px 0px;
}
Inherited from svg
Style Attribute {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 12px;
}
Inherited from body.ng-scope
html, body {
    /* -webkit-tap-highlight-color: transparent; */
    -webkit-touch-callout: none;
    /* min-height: 100%; */
    /* -webkit-text-size-adjust: 100%; */
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    /* line-height: 1.42857143; */
    /* color: #333; */
    /* background-color: #fff; */
}
Inherited from html
button, select, html, textarea, input {
    font-family: Roboto, "Helvetica Neue", sans-serif;
}
html, body {
    /* -webkit-tap-highlight-color: transparent; */
    -webkit-touch-callout: none;
    /* min-height: 100%; */
    /* -webkit-text-size-adjust: 100%; */
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
Pseudo ::before element
:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
Pseudo ::after element
:after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

的 JS

    //graph
        var irbTable ={
                chart: {
                    renderTo:'irbGraph',
                     inverted: false,
                      polar: true,
                },
                title: {
                    text: 'Top 20 Notifications'
                },
                xAxis: {
                    type: 'category',
                },
                subtitle:{
                    text:"<br>Top 20 Assignee's with the most Notifications"
                },
                series: [{
                    type: 'column',
                    colorByPoint: true,
                    data: [],
                     showInLegend: false
                }]
        }


        $http.get('../irbTop20.json').success( function(data){
            var processedTop20 = new Array();
            $.map(data, function(obj,i) {
                processedTop20.push({name: obj.assignee, y: parseInt(obj.totalNotifications)});
            });                     
            irbTable.series[0].data = processedTop20;

            var AssigneeChart = new Highcharts.Chart(irbTable);
        }).error(function(data,status){console.log("Error status : "+ status)});