在 ForceGraph3D 前端开发中,可以使用 window.innerWidth 来获取网页页面宽度,将其作为 width 的值进行设置,使图表画布宽度适应网页页面宽度。

// DOM 初始化及数据挂载
const elm = document.getElementById('3d-graph');
this.Graph = ForceGraph3D()(elm)
  .graphData(this.data);

// 设置画布样式、节点及关系样式、事件绑定等
this.Graph.height(800).width(window.innerWidth);

通过使用 window.innerWidth 获取浏览器窗口宽度,并将该值设置为图表宽度,可以实现图表画布宽度自动适应网页页面宽度,从而获得更好的用户体验。

ForceGraph3D 3D 图表:如何设置画布宽度适应网页页面宽度

原文地址: https://www.cveoy.top/t/topic/nxpJ 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录