设置了grid.containLabel = true和dataZoom后,调节dataZoom时仍然会出现标签溢出
配置项如下
option = {
"title": [{
"text": "top50",
"textAlign": "center",
"left": "50%",
"top": 0
}],
"color": ["#3398DB", "#c23531", "#2f4554", "#61a0a8", "#d48265", "#91c7ae", "#749f83", "#ca8622", "#bda29a", "#6e7074", "#546570", "#c4ccd3"],
"dataZoom": [{
"xAxisIndex": 0,
"type": "slider",
"start": 0,
"end": 100,
"minSpan": 30,
"top": 750
}, {
"yAxisIndex": 0,
"type": "slider",
"start": 0,
"end": 100,
"left": "5%",
"top": 50
}],
"grid": [{
"height": 700,
"top": 50,
"bottom": 850,
"containLabel": true
}],
"xAxis": [{
"type": "category",
"axisLabel": {
"rotate": 40,
"interval": 0
},
"axisTick": {
"alignWithLabel": true
},
"gridIndex": 0,
"data": ["Mi 10(小米 10)", "MI 10 PRO(小米 10 pro)", "V1955A(vivo iQOO 3)", "SHARK KLE-A0(黑鲨3)", "LIO-AN00(华为 Mate 30 Pro(5G 高配))", "TAS-AN00(华为 Mate 30(5G))", "TAS-AL00(华为 Mate 30(全网高配))", "WLZ-AN00(华为 nova 6 (5G版本))", "LIO-AL00(华为 Mate 30 Pro(全网标配))", "OXF-AN00(华为 荣耀 V30(全网标配))", "WLZ-AL10(华为 nova 6(4G标配))", "OXF-AN10(荣耀V30 PRO)", "MRX-W09(华为MatePad Pro)", "MRX-AL09(华为MatePad Pro)", "LIO-AN00P(华为Mate30 RS)", "SM-N960F(三星Note9)", "V1938CT(vivo X30 pro 5G)", "V1938T(vivo X30 pro 5G)", "SM-A5070(三星(SAMSUNG)Galaxy A50s)", "V1916A(VIVO iQOO Pro(5G))", "REDMI K20 PRO PREMIUM EDITION(红米 K20 Pro(尊享版))", "PCLM10(OPPO Reno Ace)", "V1922A(VIVO iQOO Pro(全网标配))", "MI9 PRO 5G(小米 9 Pro(5G标配))", "DLT-A0(黑鲨游戏手机2Pro)", "MI 9(小米 9)", "V1824A(VIVO iQOO(标配))", "REDMI K20 PRO(红米 K20 Pro)", "V1936A(VIVO iQOO Neo(855版 标配))", "GM1910(一加7T pro)", "PCCM00(OPPO Reno(10倍变焦版))", "V1824BA(VIVO iQOO(高配))", "GM1900(一加 7)", "SKW-A0(黑鲨2)", "MI 9 TRANSPARENT EDITION(小米 9(透明版))", "V1924A(vivo NEX 3)", "SM-G9750(三星 S10 Plus)", "NX629J(努比亚红魔3)", "SM-G9730(三星 S10)", "V1936AL(vivo iQOO Neo 855竞速版)", "ASUS_I001DA(华硕ROG游戏手机2)", "HD1900(一加7T)", "SM-N9760(三星Note10+)", "GIONEE S10(金立S10)", "16S(魅族16S)", "RMX1931(Realme X2 Pro)", "HD1910(一加7T)", "V1923A(VIVO NEX 3)", "DT1901A(坚果pro3)", "16S PRO(魅族16S PRO)"]
}],
"yAxis": [{
"type": "value",
"axisLabel": {},
"gridIndex": 0
}],
"series": [{
"type": "bar",
"barWidth": "20%",
"data": ["96.06", "96.06", "96.06", "96.06", "95.60", "93.92", "93.92", "93.92", "93.92", "93.92", "93.92", "93.92", "93.92", "93.92", "93.92", "93.91", "93.60", "93.60", "93.60", "92.75", "92.75", "92.75", "92.75", "92.75", "92.75", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30", "89.30"],
"xAxisIndex": 0,
"yAxisIndex": 0,
"tooltip": {
"axisPointer": {
"snap": true,
"label": {
"show": true
}
}
},
"label": {
"show": false,
"position": "top",
"offset": [8, 5]
}
}],
"tooltip": {
"trigger": "item"
}
};