明天来讲讲数据大屏自适应如何实现。
咱们晓得,依据不同的业务场景,做一个好的大屏须要思考大屏布局、图表展示、交互动效、操作是否简略、是否能自适应等等因素。其中大屏是否能自适应也是一个比拟重要的因素。
因为大屏不仅须要反对 PC、手机、平板、液晶显示屏、拼接大屏等多种终端展现,反对单屏和多屏展示,还须要在不同的设施上切换。
在不同的分辨率下,用户往往有自适应的懊恼,即大屏页面需依据不同的分辨率进行自适应,达到了能够一页用多屏的成果。
而要实现这种自适应的成果,抉择一个好的 BI 工具尤为重要。比方 Smartbi 的自助仪表盘,它反对高宽自适应、宽度自适应和自在布局三种布局形式,能够依据须要抉择适合的布局形式来实现仪表盘或是大屏的制作。
高宽自适应
设置了高宽自适应后,仪表盘会依据须要填充显示仪表盘的窗口的大小主动调节;此种布局形式实用于单屏展现的仪表盘,比方 CEO 看板;
宽度自适应
设置了宽度自适应后,仪表盘会主动调整显示宽度以适应不同设施的宽度,但高度固定以实现垂直滚动成果;此种布局形式是流式布局,个别实用于报告型的仪表盘,汽车销售剖析报告;
自在布局
大屏可视化编辑应用的是自在布局,包含设置宽、高以及缩放形式等。自在布局包含四种缩放形式。
- 等比缩放宽度铺满:宽度铺满全屏,高度按比列主动缩放。
- 等比缩放高度铺满:高度铺满全屏,宽度按比列主动缩放。
- 全屏铺满:不放弃高宽比例,按以后屏幕大小显示全部内容
- 不缩放:放弃画布原先的大小。