首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

学会它,你离炫酷可视化大屏只有一步之遥

制作优秀的展示大屏往往需要较高的技术实力、学习成本和时间成本。不过,使用相数云大屏模板,只需进行简单的数据替换,就能快速完成可视化大屏配置,既可以满足我们对炫酷外观的要求,又可以让普通用户轻松创建目标大屏。

今天我们就以“某地智慧交通智慧决策平台”大屏的制作为例,为大家演示如何使用大屏模板快速创建目标大屏。

在制作过程中,我们选择了“城市运行指挥中心系统平台”模板,通过将模板内容替换为目标内容,可快速完成目标大屏“某地智慧交通指挥决策平台”的制作。此次演示使用的均为模拟数据。

首先,登录相数云。在首页选择“大屏”模块,然后点击“创建大屏”,选择模板并使用后,进入大屏编辑页面。

使用模板创建大屏后,只需在原有模板基础上对地图、图表、组件等要素进行替换更新,即可快速完成目标数据的可视化展示。下面为大家演示操作方法。

01

更新地图

在大屏编辑页面左侧的“大屏设置”中,点击地图,将目标地图直接拖动到大屏中的地图位置,即可实现大屏地图的更新。

在示例中,我们使用某市车辆运行轨迹图作为智慧交通大屏的核心地图。

02

更新组件

在可视化大屏中,很多特殊效果都是通过设置组件来实现的。例如大屏标题或各模块名称,常使用标题组件或标题文本组件;在大屏上实现不同图表的切换效果,常使用标签页组件。我们这里演示这两类组件的修改。

修改标题文本组件

在我们使用的模板中,左上角是大屏名称,这里使用的是标题文本组件。将鼠标放在该处时,出现设置按钮,点击“编辑探索”,可以对大屏标题重新编辑。

进入组件编辑页面,我们对“titname”和“text”字段重新编辑,分别输入目标大屏的中英文名称,即可完成大屏标题的修改。关闭探索,回到大屏,标题文本将自动更新。

以下是动态演示效果:

此外还可以对组件效果进行更多设置,此处不进行过多演示。

修改标签页组件

如上图,事件办结分析下方趋势图表,使用了标签页组件,可以在“本周”和“本月”两个图表间进行切换。

修改标签页组件时,将需要展示的图表事先做好,点击设置按钮,选择编辑探索,直接拖动到组件中即可。

03

更新图表

图表是大屏可视化展示的重要组成部分,通过更新替换模板中的图表,可以快捷地将目标数据进行大屏展示。

将鼠标放在该图表时,出现设置按钮,点击“编辑探索”,对该图表重新编辑。在探索中,我们点击“更换”,选择需要展示的数据,重新进行图表探索。

在示例中,为与模板风格一致,我们仍选择了饼图进行数据展示。关闭探索,回到大屏编辑页面,图表将自动更新。

此外还可以对图表效果进行更多设置,这里不进行过多演示。

04

修改布局

虽然大屏模板中提供了丰富的模板样式和布局结构,但实际大屏制作中,仍不免遇到模板不能满足展示需求的情况。这时,可以对大屏模板的布局进行修改调整,以实现展示目标。

点击大屏上方的“修改布局”,进入到修改布局页面,可以对大屏内全部元素进行移动、缩放、复制、删除和改变叠放次序等操作。

05

完成创建

通过有针对性地更新地图、图表、组件和调整布局等操作后,用户可以实现目标大屏的制作。

经过对“城市运行指挥中心系统平台”模板的修改,我们完成了“某地智慧交通智慧决策平台”大屏的制作,最后分享给大家。点击图片,可在线观看。

制作前

制作后

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200915A0H9OQ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券