如何让折线图渐变色的效果中，线条颜色，也按照指定的维度值变化？echarts linear配置项内容和展示

我通过visualMap的dimension指定渐变效果使用2位置的数据。折线上点的颜色已经按照2位置数据的值进行变化了，但是线条本身并没有渐变效果。 我应该怎样配置才能实现我想要的效果？

      var option = {
    "xAxis": [{
        "type": "category",
        "data": ["2014年10月30日", "2015年12月18日", "2015年12月21日", "2016年1月26日", "2016年2月24日", "2016年3月02日", "2016年3月04日", "2016年3月07日", "2016年3月15日", "2016年3月17日", "2016年3月30日"]
    }],
    "yAxis": [{
        "type": "value",
    }],
     "tooltip": {
        "trigger": "axis",
        formatter:'{b0}<br />numZH:  {c0}'
    },
    "series": [{
        "name": "numZH",
        "type": "line",
        "encode": {
            "x": 1,
            y:0
        },
        "symbolSize": 10, 
        lineStyle:{
            // color:"#ddd"
            color: {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0,
                    color: 'rgb(215, 218, 245)' // 0% 处的颜色
                }, {
                    offset: 1,
                    color: 'rgb(17,40,248)' // 100% 处的颜色
                }],
                globalCoord: false // 缺省为 false
            }
        }
    }],
    "visualMap": {
        "show": false,
        "min": 7.7,
        "max": 760.2,
        "calculable": true,
        "inRange": {
            "color": ["rgb(215, 218, 245)", "rgb(17,40,248)"]
        },
        "type": "continuous",
        "dimension": 2
    },
    "dataset": {
        "source": [
            ["", "", ""],
            ["111", "2014年10月30日", "222.0"],
            ["711", "2015年12月18日", "160.2"],
            ["200", "2015年12月21日", "500"], 
            ["306", "2016年1月26日", "700"],
            ["200", "2016年2月24日", "500"], 
            ["200", "2016年3月02日", "120"], 
            ["6", "2016年3月04日", "707"], 
            ["700", "2016年3月07日", "200"], 
            ["605", "2016年3月15日", "180"], 
            ["326", "2016年3月17日", "210"],
            ["150", "2016年3月30日", "360"]
        ]
    }
}