[]
        
(Showing Draft Content)

三、搭建大屏框架

我们来看这个大屏仪表板,它主要由以下几个部分构成:

顶部的标题部分、中间的流向地图、周边的指标和底部的面积折线图。

image2020-11-17_10-52-19.png

接下来,我们就来搭建起这样一个仪表板的框架。

制作示例

1. 制作标题。

添加一个图片组件用作标题背景,选择内置的共享图片。

image2020-11-16_16-19-47.png

并调整大小。

image2020-11-16_16-21-16.png

添加自定义可视化插件“动态标题”,并修改标题文字、字体颜色,大小,位置,将其放置于标题图片之上。

image2020-11-16_16-35-26.png


取消标题组件和背景图片组件的边框。

image2020-11-16_16-40-6.png

2. 添加可视化插件流向地图以及周边摆放背景,大致摆放出最终的布局。

首先添加流向地图组件。

image2020-11-16_17-42-7.png

在流向地图左右分别添加图片组件,并使用资源包中给出的图片。有关图片组件的更多介绍,请您参考图片

在流向地图下方添加一个堆叠面积图,调整大小,添加背景图片如下图所示。

image2020-11-16_17-33-42.png

这样一来,主要的布局就出来了。

接下来就可以添加具体组件绑定数据了。