HighCharts.js 在 IE8 下不渲染图表

我将 HighCharts 与 Python 一起使用来动态创建图表。一切正常，但是我得到cannot read property "0" of undefinedIE8下例外。不幸的是我的客户希望它也能在 IE8 下工作。所以这是 main 函数的代码：

function generateChart(series) {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'company_chart',
        },
        xAxis: {
            type: "datetime",
        },
        yAxis: [{
            title: {
                text: "T1",
                },
            },{
            title: {
                text: "T2",
                },
            },
            opposite: true,
        }],
        plotOptions: {
            series: { shadow: false },
            column: { shadow: false, },
        },
        series: series
    });
);

现在我的 ajax 请求返回一些数据，并将其存储在变量中，如下所示：

chart_data = [
    {
        type: "spline",
        color: '#ff0000',
        yAxis: 0,
        data: dataT1,
    },
    {
        type: "column",
        color: '#0000ff',
        yAxis: 1,
        data: dataT2,
    }
];

之后我打电话generateChart(chart_data);。变量的格式dataT1 and dataT2很好，因为它可以在所有其他浏览器下运行。例如dataT1可能看起来像这样：

dataT1 = [ [1325721600000,1.64],
           [1325635200000,1.64],
           [1325548800000,1.7],
           [1325462400000,1.7],];

但在IE8下仍然抛出异常。任何想法如何解决这一问题？

这些悬空逗号导致 Internet Explorer 中出现错误。摆脱他们。

这是一个例子：

    chart: {
        renderTo: 'company_chart', // <--- get rid of that comma
    },

Internet Explorer 认为对象文字末尾的逗号是一个错误。事实上，您应该看到“页面错误”警告，但该错误通常并不表明实际的根本原因。

edit- 显然 IE8 对此并不挑剔，尽管 IE7 很挑剔。

再次编辑 — However, IE8 将数据数组中最后一个悬空逗号解释为意味着应该有一个额外的元素！换句话说：

 [1, 2, 3,].length

在 Firefox/Chrome/Safari 中是 3，但它是4在 Internet Explorer 中。当您尝试访问该元素时，浏览器会为您提供undefined.