修改FlinkWebUI中Metrics的Select选择框宽度
原始:
方法一:临时修改
// 浏览器按F12 调用debug,点击控制台粘贴输入如下内容:
document.getElementsByClassName('ant-select-selection--single')[0].setAttribute("style", "width: 500px;");
方法二:永久修改
找到含有:metric-selector的js文件
将 {width:300px}.metric-selector —修改为—> {width:500px}.metric-selector 。
注意:可能存在多处都需要修改!!!
以下以flink1.13.6举例, 不同版本flink的js文件名可能不同:
本地IDE环境:Maven仓库中 org\apache\flink\flink-runtime-web_2.11\1.13.6\flink-runtime-web_2.11-1.13.6.jar!\web\11.787997416cabceb39c37.js
集群环境:$FLINK_HOME/lib/flink-dist_2.11-1.13.6.jar\web\11.787997416cabceb39c37.js
修改后: