echarts柱状图调优（1.dataZoom圆角/无边框/屏蔽折线图；2.柱状图渐变色/顶端显示日期）

效果图：

直接复制粘贴代码到https://echarts.apache.org/examples/zh/editor.html?c=bar-tick-align，来查看效果

option = {
        color: ['#3398DB'],
        tooltip: {
            trigger: 'axis',
            axisPointer: { // 坐标轴指示器，坐标轴触发有效
                type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        grid: {
            top: '10%',
            left: '3%',
            right: '4%',
            bottom: '11%',
            containLabel: true
        },
        dataZoom: [{
            type: 'slider',
            show: true,//显示滚动条
            zoomLock:true,//锁定滚动条缩放，&#