g6中changeSize（）适配视图

最新推荐文章于 2024-11-07 18:10:51 发布

艾敲代码的MT

最新推荐文章于 2024-11-07 18:10:51 发布

阅读量1.5k

点赞数 1

本文链接：https://blog.csdn.net/qq_26705343/article/details/119134941

版权

本文介绍了一个JavaScript函数，该函数用于监听浏览器窗口大小的变化，并在变化时调整一个特定元素（ID为mountNode）的尺寸。调整包括更新元素的高度和宽度，并调用graph对象的changeSize方法来适配新的尺寸，随后更新数据并重新渲染图表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

      window.addEventListener("resize", () => {
        let container = document.getElementById("mountNode");
        let height = container.offsetHeight;
        let width = container.offsetWidth;
        graph.changeSize(width, height);
        //接受两个参数（改变的宽度，高度）
        graph.data(data);
        graph.render();
        graph.fitView();
      });