如何让图形填充屏幕?

Question

在这种情况下，图形实例的宽度和高度必须是number，所以不能使用100%作为值:https://codesandbox.io/s/mo-ban-wchooy?file=/src/App.tsx

const graph = new Graph({
container: containerRef.current!,
width: 600,
height: 800,
background: {
color: "#F2F7FA"
}
});

那么如何让图形填充父div?

Answer 1

就像这样写代码:

const graph = new Graph({
width: document.body.clientWidth,
height: document.body.clientHeight,
});