Echarts大量数据柱图,禁止滑块拖动宽度,以及适配分辨率。
禁止滑块大小变化
用去吧
dataZoom: [{zoomLock: true,brushSelect: false,}]
分辨率写法
end: (() => {const length = this.chartData.categories.length;// if (length <= 7) return 100;// if (length > 32) return 8.2;// 根据屏幕分辨率动态调整显示比例const screenWidth = window.innerWidth;if (screenWidth < 768 && length > 32) {// 移动设备,更小的展示比例return Math.min(25, 8 / length * 100);} else if (screenWidth < 1440 && length > 32) {// 中等分辨率,适中展示比例return Math.min(35, 10 / length * 100);} else if (length > 32){// 高分辨率屏幕,较大展示比例return Math.min(40, 12 / length * 100);}else{return (7 / length * 100)}})(),