我在写一个数据大屏,里面使用了大量 的echarts,然后全屏后,屏幕变高,发现echarts图并没有自适应大小。
先写一下怎么全屏的吧!
1.先 npm i screenfull 安装这个全屏插件
2.import screenfull from "screenfull"; // 引入全屏显示
3.
fullScreen() {
if (!screenfull.isEnabled) {
this.$message({
message: "you browser can not work",
type: "warning"
});
return false;
}
screenfull.toggle();
},
实现了全屏然后,就自适应echarts吧
第一步在data里定义几个变量。
第二步在echarts的方法里,写入this.chartDom1 = chart;
第三步mounted里面监听屏幕的改变