echart折柱混合 同一段数据两种展现

echart折柱混合图,需要第一节和最后一节用柱状显示,中间用折线显示,如图所示
图片说明
红色的都是同一段数据,蓝色的都是同一段数据
在option的series中该如何写?

突然发现自己也是有点无聊了

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>bar</title>
    </head>
    <body>
        <div id="bar" style="height: 300px;width:300px"></div>
    </body>
    <script src="js/jquery-2.0.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/echarts.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript">
        var bars=echarts.init( document.getElementById('bar'));
        barOption={
        color:["#cc0000","#0000cc"],
        yAxis:
            {
                gridIndex:0,
                name:'/MB',
                nameGap:0,
                type:'value'
            }

        ,

        xAxis:
            {
                name:'主机ip地址',
                type:'category',
                nameGap:0,
                data:['127.0.0.1','127.0.0.2','127.0.0.3','127.0.0.4']
            }
        ,
        series:[
            {
                name:'1',
                type:'bar',
                stack:'bar',
                data:[110,null,null,80] 
            },
            {
                name:'2',
                type:'bar',
                stack:'bar',
                data:[50,null,null,80]  
            },
            {
                name:'3',
                type:'line',
//              stack:'bar',
                data:[null,88,99,null]  
            },
            {
                name:'4',
                type:'line',
//              stack:'bar',
                data:[null,60,70,null]  
            }
        ]
        };
        bars.setOption(barOption);
    </script>
</html>

两个series
一个折现,一个柱形
柱形的data:[a,,,,,,,,b]
折现的 data:[,c,d,e,f,null];