Javascript 柱形图后面渲染的样条线

我有一个柱状图，每个点有两列，有n个样条线。样条线在IE8中渲染在列后面，但在chrome中效果很好，我需要它在IE8中工作

series: [{ data: [minReturn], name: "Minimum Projected Return" }, { data: [maxReturn], name: "Maxmimum Projected Return" },
    {
        type: 'spline',
        name: 'Target - ' + targetName0 + " : " + targetReturn0 + "%",
        data: [targetReturn0],
        marker: {
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[3],
            fillColor: 'white'
        }
    }]

我动态添加额外的样条线：

riskReturnoptions.series.push({ type: 'spline', name: 'Target - ' + $('#targetname' + i).val() + " : " + parseFloat($('#targetreturn' + i).val()) + "%", data: [parseFloat($('#targetreturn' + i).val())], marker: { lineWidth: 2, lineColor: Highcharts.getOptions().colors[3], fillColor: 'white'} });

然后为每个系列添加点：

var pointcounter = 3;
    riskReturnchart.xAxis[0].setCategories(categoryArray);
    riskReturnchart.series[0].addPoint(minReturn);
    riskReturnchart.series[1].addPoint(maxReturn);
    riskReturnchart.series[2].addPoint(targetReturn0);
    for (i = 1; i <= targetno; i++) {
        riskReturnchart.series[pointcounter].addPoint(parseFloat($('#targetreturn' + i).val());
        pointcounter++;
    }
    riskReturnchart.redraw();

var pointcounter=3；
riskReturnchart.xAxis[0].setCategories（categoryArray）；
riskReturnchart.series[0]。添加点（minReturn）；
riskReturnchart.series[1].添加点（maxReturn）；
riskReturnchart.series[2].addPoint（targetReturn0）；
对于（i=1；i，可以为每个系列设置zIndex，请参阅

现在，只需将样条线设置为比列更高的
zIndex
。
如果您创建了一组代码，那就太好了！