// 区域超出配置滑块区域
dataZoom: [
{
show: true,
height: 5,
xAxisIndex: [0],
bottom: -3,
showDetail: false,
showDataShadow: false,
borderColor: 'transparent',
textStyle: {
fontSize: 0,
},
startValue: 0,
endValue: 5, // 从0开始的相当于5个
backgroundColor: 'rgba(0,0,0,0)',
borderWidth: 0,
handleIcon:
'path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z',
handleSize: '0%',
handleStyle: {
color: '#d3dee5',
},
},
{
type: 'inside',
show: true,
xAxisIndex: [0],
showDetail: false,
showDataShadow: false,
startValue: 0,
endValue: 5, // 从0开始的相当于5个
},
],
option 内配置以上echarts图形出进度条