[{"id":"840f0737-df1d-47ae-bb0a-359b01fe0608","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"d5d9cdef-8854-4505-89be-a2bbc3cb4482","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"3dc3dd55-35b0-4d23-bf62-47bc3650e4ee","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"80d84fbc-d0f8-4e4a-947f-e3e4de9b49b2","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]},{"id":"9152b7ca-0186-4fe3-a26f-5a05f322db07","tags":[{"product":null,"links":null,"id":"adf72f47-7f61-4239-8392-b9bcc127fa80","name":"\u65B0\u589E","color":"green","productId":"0995490e-43fc-4d6e-bc8d-8e66f38b0c63"}]}]
        
(Showing Draft Content)

布局大小

本页介绍如何调整仪表板的布局与大小,比如文字大小自适应放大缩小、固定仪表板尺寸或者自动按照设定的比例进行适应等。

image

另外,仪表板支持组件重叠功能,详见组件重叠

文字大小自适应

开启此功能后,预览及运行时状态下,可视化组件中的字体大小随着组件展示的大小自适应。

画布大小

设置仪表板画布大小。

自动

根据组件的添加情况自动调整画布的大小,最右和最下的组件边缘决定画布大小。

image

此时可设定文档的宽高比,使其始终保持一定的宽高比例。

另外,选择固定宽高比时,可开启根据屏幕的大小对组件进行内容拉伸。

image

固定尺寸

设置后画布的尺寸固定。

image

默认提供了常见设备的显示尺寸,可以帮助我们快速设定画布大小。也可以选择自定义。

image

选择一个设备后,自动填充画布的宽高度。此时也可以手动修改,修改后显示设备变为自定义

image

屏幕自适应

设置预览时的默认适应方式,可选择自动、适应屏幕、宽度自适应、高度自适应。