对x轴维度visualMap， 配合datazoom，尽头颜色失效。echarts 折线配置项内容和展示

chrome:68.0.3440.106; chrome50也有；操作系统 win7 滑块往右边拖动，颜色渐变控制失效，本该绿色的却显示为红色； 有时拖住滑块往中间快速滑动，颜色渐变也会失效，不改红色的，红色经常出现。 火狐貌似没有这现象。

      option={
                    dataZoom:{
                        xAxisIndex:[0],
                        type:"slider",
                        start:90,
                        end:99

                    },
                    tooltip:{
                        trigger:"axis"
                    },
                    grid: {
                        top: 100,
                        bottom: 100
                    },
                    xAxis: {
                        axisLabel:{
                            show:true,
                        },
                        splitLine: {
                            show: false
                        },
                        data:["16:15",
                            "16:16",
                            "16:17",
                            "16:18",
                            "16:19",
                            "16:20",
                            "16:21",
                            "16:22",
                            "16:23",
                            "16:24",
                            "16:25",
                            "16:26",
                            "16:27",
                            "16:28",
                            "16:29",
                            "16:30",
                            "16:31",
                            "16:32",
                            "16:33",
                            "16:34"
                            ],
                    },
                    yAxis: {
                        type: 'value',
                        splitLine: {
                            show: false
                        }
                    },
                    visualMap:
                    {  dimension:0,
                        top: 10,
                        right: 10,
                        pieces: [{
                            gt: 10,
                            lte:12,

                        },{
                            gt: 15,
                            lte:17,

                        } ],
                        outOfRange: {
                            color: '#0f0'
                        },
                        inRange:{
                            color: '#f00'
                        }
                    }
                    ,
                    series: [
                        {
                            name: 'hue',
                            type: 'line',
                            data: [439,
                                1380,
                                235,
                                541,
                                358,
                                1152,
                                612,
                                698,
                                18,
                                948,
                                1414,
                                1418,
                                966,
                                1306,
                                1123,
                                1073,
                                646,
                                589,
                                160,
                                823]
                                
                                
                        }
                    ]
                };