当前位置:首页 > 资源 > 教程

数据可视化大屏的制作和显卡配置

主讲:东东

 

主要介绍DataViz 如何制作美观的大屏图册,主要包含制作大屏制作和大屏显示相关的显卡分辨率设置。

调整图册分辨率

首先根据大屏的分辨率调整图册的分辨率大小,具体设置方式如下:

数据分析软件,数据可视化,大屏,显卡配置

用户也可手动配置支持的最大分辨率,设置方式:

对 dataViz-web/common 目录下的 config.js 文件中的 dashboard 对象的maxWidth

 

和 maxHeight 进行修改。
大屏制作时关于分辨率的注意事项:
若大屏的分辨率非常大,如 26880 * 3240,在图册制作过程中,可先把图册分辨率适当按等比例缩小,有利于流程制作图册,制作完成后再调回正常分辨率。
大屏一般只需一页,为了制作过程顺畅,可以紧接着建立一个空白页,当需要调整图册的一些设置(分辨率等)时,可以先切换到空白页,设置完成后再切到大屏制作页,这样多次设置不会触发图表重绘,较为流畅。

布局设计

首先要确定页面的整体布局,由于大屏展现面积较大,不合理的布局或者内容排版会非常容易使得大屏展现看起来杂乱无章,像是图表与文字的简单堆砌;下面给出一种常见的大屏布局风格。

数据分析软件,数据可视化,大屏,显卡配置

展现内容

整体布局确定后,具体的展现内容要有层次感,有主次之分。

大屏的中央位置和靠顶部区域适合放置重要的内容,部分图表也可适当辅以文字对图表进行解释说明,增强图表展现力;

为增强大屏展现效果,可适当选择一些具有动态效果图表,如列表的滚动、GIS 地图等,再辅以联动等展现效果更佳。

大屏背景图和各个图表的透明背景图对大屏展现效果影响程度非常大,请重视该部分工作。

查看显卡最大支持分辨率

查看显卡最大支持的分辨率:根据显卡型号网上搜索对应显卡规格,可直接查看对应显卡驱动相关参数;下图为通过显卡驱动查看

 

数据分析软件,数据可视化,大屏,显卡配置

下图为英伟达 GeForce GTX 1080 显卡的最大支持的分辨率

数据分析软件,数据可视化,大屏,显卡配置

自定义显卡分辨率

为了大屏的展现效果美观,投影大屏的电脑需要一个不低于大屏分辨率的显卡,当投影电脑的分辨率和大屏分辨率一直时,制作时的大屏效果会同样展现到大屏上,这里默认图册分辨率和大屏分辨率相等。

下图一个PC 端自定义设置显卡的分辨率的示例,打开英特尔显卡驱动,调到自定义分辨率功能后,设置对应分辨率。

数据分析软件,数据可视化,大屏,显卡配置

下图为英伟达显卡的自定义分辨率界面

数据分析软件,数据可视化,大屏,显卡配置

注意:若投影大屏的电脑显卡最大支持的分辨率低于大屏分辨率, 展现的大屏会按分辨率差异不同程度的模糊。

 

数据大屏,数据可视化,数据分析,设计,数据分析软件