echarts实现dataZoom区域缩放并修改高度

如图所示，因为数据太多，看起来比较杂，所以需要用dataZoom实现区域缩放。
echarts代码如下：

let zoom = 100;
   dataZoom:
    [
           {
             type: 'inside',
             realtime: true,
             start: 0,
             end: zoom
           },
           {
             show: true,
             realtime: true,
             height: 24,//这里可以设置dataZoom的尺寸
             bottom: 6,
             start: 0,
             end: zoom,
             backgroundColor: '#1d76e6', // 填充颜色
             textStyle: {
              color: '#fff' // 左右两边文字颜色
            }         
           }
         ],