Incubator-echarts: dataZoom拖动条遮盖X轴刻度

Created on 23 Jun 2016 · 1Comment · Source: apache/incubator-echarts

问题简述 (One-line summary)

如题，我已经把dataZoom[i].bottom设为0了，原本默认设为auto的时候遮盖住的部分更多。

版本及环境 (Version & Environment)

ECharts 版本 (ECharts version):Echarts 3.0
浏览器类型和版本 (Browser version):Chrome 51.0.2704.63 m
操作系统类型和版本 (OS Version):Win10

重现步骤 (Steps to reproduce)

1.X轴type设为'time'，然后数据时间跨度超过1天（这样横坐标轴上会显示日期）；
2.使用dataZoom，无论是默认的位置还是bottom值为0都还是会有部分刻度被挡，例如数字的下半部被挡住无法看清。

期望结果 (Expected behaviour)

拖动轴可以与刻度坐标有一定距离，起码不要遮盖下半部分的刻度。

可能哪里有问题 (What went wrong)

使用canvas分层之后元素之间的距离判断出错

ECharts配置项 (ECharts option)

option = {
title: {
            text: '回顾数据'
        },
        tooltip: {
            trigger: 'axis',
            formatter: function (params) {
                var time = params[0].name;
                var str = time.getFullYear() + '年' + (time.getMonth() + 1) + '月' + time.getDate() + '日' + '   ' + time.getHours() + ':' + time.getMinutes() + '<br>';
                for (var i = 0; i < params.length; i++) {
                    str += params[i].seriesName + ': ' + params[i].value[1] + '<br>';
                }
                return str;
            },
            axisPointer: {
                animation: false
            }
        },
        legend: {
            data: ['日活guid（全量）', '日活guid（增量）', '日活uuid（全量）', '日活uuid（增量）', 'wps运行时间', '崩溃率', '应用启动总数'],
            selected: {
                '日活guid（增量）': true,
                '日活uuid（增量）': true,
                '日活guid（全量）': false,
                '日活uuid（全量）': false,
                'wps运行时间': false,
                '崩溃率': false,
                '应用启动总数': false
            }
        },
        xAxis: {
            type: 'time',
            splitLine: {
                show: false
            }
        },
        yAxis: {
            type: 'value',
            boundaryGap: [0, '10%'],
            splitLine: {
                show: false
            }
        },
        dataZoom: [{
            type: "slider",
            start: 5,
            end: 100,
            bottom: 0
        }],
        series: [{
            name: '日活guid（全量）',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: []
        }, {
            name: '日活guid（增量）',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: []
        }, {
            name: '日活uuid（全量）',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: []
        }, {
            name: '日活uuid（增量）',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: []
        }, {
            name: 'wps运行时间',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: []
        }, {
            name: '崩溃率',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: []
        }, {
            name: '应用启动总数',
            type: 'line',
            showSymbol: false,
            hoverAnimation: false,
            data: []
        }]
![kxwk 0pl3vg o k ygvc](https://cloud.githubusercontent.com/assets/15106070/16296141/6ebdfe88-395d-11e6-84be-3bcab78d4bde.png)

}