|  |  | 
 |  |  |         borderColor: '#fff' | 
 |  |  |       }, | 
 |  |  |     }, | 
 |  |  |     dataZoom: [ | 
 |  |  |       { | 
 |  |  |         type: 'slider', // 滑动条类型 | 
 |  |  |         orient: 'vertical', | 
 |  |  |         left: 'left', | 
 |  |  |         start: 0,       // 起始位置(百分比) | 
 |  |  |         end: 40,        // 结束位置(百分比),控制初始显示范围 | 
 |  |  |         width: 1, | 
 |  |  |         backgroundColor: '#04141d', // 滑动条背景色 | 
 |  |  |         // dataBackground: 'none',  | 
 |  |  |         dataBackground: { | 
 |  |  |           areaStyle: { opacity: 0 }, // 设置背景透明 | 
 |  |  |           lineStyle: { opacity: 0 } // 设置背景透明 | 
 |  |  |         }, | 
 |  |  |         borderColor: '#04141e', // 边框颜色 | 
 |  |  |         moveOnMouseWheel: true, | 
 |  |  |         // showDetail: false, // 隐藏选中范围的文字 | 
 |  |  |       }, | 
 |  |  |       { | 
 |  |  |         type: 'inside',     // 用于监听滚轮事件 | 
 |  |  |         orient: 'vertical', | 
 |  |  |         start: 0, | 
 |  |  |         end: 40, | 
 |  |  |         minSpan: 40, | 
 |  |  |         dataBackground: { | 
 |  |  |           areaStyle: { opacity: 0 } // 设置背景透明 | 
 |  |  |         }, | 
 |  |  |         maxSpan: 40, | 
 |  |  |         zoomLock: true,     // 锁定缩放(仅允许平移) | 
 |  |  |         moveOnMouseWheel: true, // 启用滚轮平移 | 
 |  |  |         // zoomOnMouseWheel: false // 禁用滚轮缩放 | 
 |  |  |       } | 
 |  |  |     ], | 
 |  |  |     grid: { | 
 |  |  |       left: '3%', | 
 |  |  |       right: '4%', |