高图表不显示任何数据

Question

我需要显示列高图。 数据我使用SSE。

以下是我的代码。

  <script type="text/javascript">

    var chart;
    var data = [];

    var myArr;
    $(document).ready(function () {
        Highcharts.setOptions({
            global: {
                useUTC: false
            }
        });
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'column',
                events: {
                    load: getData
                }
            },
            title: {
                text: 'PROJECT DETAILS'
            },
            xAxis: {
                categories: [],
                labels: {
                    rotation: -70,
                }
            },
            yAxis: {
                title: {
                    text: 'EMPLOYEE COUNT'
                },
                labels: {
                    formatter: function () {
                        return this.value;
                    }
                }
            },
            series: [{
                type: 'column',
                name: 'Project Attendance',
                data: data
            }]
        });
    });

    function getData() {
       // var series = this.series[0];

        if (typeof (EventSource) !== "undefined") {
            var source = new EventSource('GetProjects.aspx');
            source.onmessage = function (event) {
                myArr = JSON.parse(event.data);
                $.each(myArr, function (i, item) {
                    data.push([i, parseInt(item)]);
                });
            };
        }
    }
</script>

我从 GetProjects.aspx 获得的json字符串看起来像这样

{ "12 Aug": 100, "20 Aug": 200, "21 Aug": 40, "22 Aug": 40, "23 Aug": 50, "24 Aug": 0, "25 Aug": 0, "26 Aug": 0 }

在控制台中我收到错误：

  

ERR_INCOMPLETE_CHUNKED_ENCODING。

是否因为加载页面时没有数据？ 任何人都可以帮我这样做吗？

提前致谢。