[GitHub] [incubator-echarts] fuddong opened issue #8956: 对x轴维度visualMap， 配合datazoom，尽头颜色失效。

[GitHub]

<!--
为了方便我们能够复现和修复 bug，请遵从下面的规范描述您的问题。
-->


### One-line summary [问题简述]
滑块往右边拖动，颜色渐变控制失效，本该绿色的却显示为红色；
有时拖住滑块往中间快速滑动，颜色渐变也会失效，不改红色的，红色经常出现。




### Version & Environment [版本及环境]
+ ECharts version [ECharts 版本]:4；3
+ Browser version [浏览器类型和版本]:chrome:68.0.3440.106;
+ OS Version [操作系统类型和版本]:win7





### Expected behaviour [期望结果]
![default](https://user-images.githubusercontent.com/25976316/44650125-496fec00-a9d5-11e8-8704-258c1cd86f2a.png)
![default](https://user-images.githubusercontent.com/25976316/44650132-4e34a000-a9d5-11e8-9733-45de8c9ef66c.png)







### ECharts option [ECharts配置项]
<!-- Copy and paste your 'echarts option' here. -->
<!-- [下方贴你的option，注意不要删掉下方 ```javascript 和 尾部的 ``` 字样。最好是我们能够直接运行的 
option。如何得到能运行的 option 参见上方的 guidelines for contributing] -->
```javascript
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]
                        }
                    ]
                };

```




### Other comments [其他信息]
<!-- For example: Screenshot or Online demo -->
<!-- [例如，截图或线上实例 (JSFiddle/JSBin/Codepen)] -->



[ Full content available at: 
https://github.com/apache/incubator-echarts/issues/8956 ]
This message was relayed via gitbox.apache.org for devnull@infra.apache.org