箱型图叠加折线图的问题echarts 折线配置项内容和展示

1.提示代码有错误，但是官方示例就是这样写的。 2.加上折线图后折线显示在箱型图下面，被遮挡住了，怎么修改？

      var data = echarts.dataTool.prepareBoxplotData([
    [850, 740, 900, 1070, 930, 850, 950, 980, 980, 880, 1000, 980, 930, 650, 760, 810, 1000, 1000, 960, 960],
    [960, 940, 960, 940, 880, 800, 850, 880, 900, 840, 830, 790, 810, 880, 880, 830, 800, 790, 760, 800],
    [880, 880, 880, 860, 720, 720, 620, 860, 970, 950, 880, 910, 850, 870, 840, 840, 850, 840, 840, 840],
    [890, 810, 810, 820, 800, 770, 760, 740, 750, 760, 910, 920, 890, 860, 880, 720, 840, 850, 850, 780],
    [890, 840, 780, 810, 760, 810, 790, 810, 820, 850, 870, 870, 810, 740, 810, 940, 950, 800, 810, 870],
    [890, 840, 780, 810, 760, 810, 790, 810, 820, 850, 870, 870, 810, 740, 810, 940, 950, 800, 810, 870]
]);

option = {
    title: [],
    grid: {
        left: '10%',
        right: '10%',
        bottom: '20%'
    },
    yAxis: {
        name:'',
        type: 'category',
        data:['1','2','3','4','5','6']
    },
    xAxis: {
        name: '',
        type: 'value',
    },
    series: [
        {
            name:'line',
            type:'line',
            data:[980, 822, 1011, 810, 874, 676],
            itemStyle:{
                normal:{
                    color:'#00ff00'
                },
            },
        },
        {
            name: 'boxplot',
            type: 'boxplot',
            data: data.boxData,
            itemStyle:{
                normal:{
                    //color:'#000',
                    borderColor:'#000'
                }
            },
        },
    ]
};