admin 发表于 2023-12-8 14:34:17

不会代码也能自己做大屏?今年双十二,这份大屏教学请...

来源 | 万博维思可视化不久前我们整理过一期商家大促期间非常好用的覆盖各种业务场景的大屏,不仅帮助运营人员实时关注销售数据,及时调整营销策略,还可以用绚丽的可视化效果鼓舞士气,营造浓厚的战斗氛围。感兴趣的朋友可以点击文字前去复习「外置大脑已就位!教你解锁双十一高端局爆单玩法」
文章发出后,后台陆陆续续收到了不少私信,很多小伙伴都很困惑,模板虽好,可怎么跟自己的业务精准匹配?
这不,我们这就响应大家的需求,以非常具有代表性的模板写出了这份保姆级教程,手把手教你做出独一无二的专属作战大屏。
话不多说,直接上效果:https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/9b0e9dd3a8e84708b9dea965e147e7e9~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=yw8aTs1f%2Fj53fXTXqercwffwvYQ%3D

怎么样?有没有亿点点心动?现在就开始今天的教学,拿起小本本记好了,今年双十二销售神器稳稳拿下!
一、工具介绍
对于新手小白而言,我们先简单介绍一下今天会用到的工具——万博维思,这是万博思图自主研发的一款可视化产品,具有高可控性、高可用性和高扩展性,支持多种外部数据对接方式,内含丰富的各类大屏模板和设计素材,操作简单,效果惊艳,无需代码也可以让你轻松设计出高级感满满的作品。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/46738d5cad3e4155a8957f8d1517f0c4~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=lcZSdCi8YMkR4cwjuUUoL3GeTRc%3D

可以看到,我们的编辑区域大致可以分为四个版块:功能区、顶部标题栏、效果展示区和属性栏。其中,功能区主要是用来编辑图层、调用素材,顶部标题栏用于预览、保存、退出等操作,效果展示区是显示与编辑图像的地方,属性栏则主要用来设置组件的参数选项。
二、创建大屏
从pc端搜索万博思图,点击万博DataVis大数据平台,领取试用机会,进入页面之后点击大屏-创建大屏项目,下拉找到我们的「双十二直播数据监测平台」,点击创建即可。
三、 组件微调
今天教学的这款大屏主要用于直播数据监测,主视觉展示了直播间成交额和活跃度等数据,左侧图表是成交趋势和交易明细,右侧图表则是对直播间粉丝的详细画像,如果你的业务与模板内容十分接近,只需要调整文字内容、指标等细节部分即可,下面我们根据组件属性依次讲解。
1.文本内容
选中需要修改的文本,修改文字,在常规栏中调整大小、位置和颜色到想要的效果即可。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/853852ca30da41cb9f5069c7a0955e38~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=7We6T1ZRmq8NFZlFgC%2Bi8RNfrrg%3D

2.折线图
选中图表,在高级栏中可以调整外观属性,如果需要修改图例和数值内容,点击数据-修改替换数据,“{”到“},”之间是一组数据,分别是X轴和两个Y轴数据,修改对应内容即可,如需增删行列,复制或者删除“{”到“},”间内容,注意,最后一组数据是没有“,”的,需要手动删除,所有的符号均为英文符号,出现错误的话会看到对应行左边的红色×。如果你只需要一组折线数据,在数据上方选择你想要的Y轴数值就好了。https://p26-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/725b950c039748089ef8ea2e43c74e43~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=tbHcCJz1ydzZXtybra%2BGfPH7UPo%3D

3.柱图
柱图的内容修改步骤与折线图类似,不过多出一步,在数据增删完成之后,柱子的粗细效果会随之改变,需要回到高级面板的图形中调整类目间柱间距到合适的数值。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/db9edd1eb38b4f51a485b3c3384fece9~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=Q7uHchAXxEjY5zV7XeyJf55HEAA%3D

4.数字组件
数字组件的外观设置位置与前几个不同,是在图标里设置,分别修改标题和数字的颜色、大小、行间距等参数,数值单位也是在这里修改,改好之后进入数据中修改数值即可。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/58871cc09f57493388b06375de66d940~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=nFScKfylI0DFErjia%2FOINlCO6H0%3D

5.词云图
词云图的内容修改步骤前面类似,只不过在数据修改好之后,还需要在系列中调整词语间距、文字大小范围,保证整个画面视觉均衡。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/8b8a1464fdd44e789f029fe2e16acd01~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=wiS7CLVCmyDxPz4MCQwuiJyEohE%3D

6.饼图
如果需要单独调整某一个部分的颜色则需要点击系列,选中对应的色块修改,数据内容修改同上,数值无需转化为百分比,系统会自动转化为百分比显示。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/05f724dd414141da8df5a2d1201d3086~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=3Fi7eRrZScRdaGuXQWG8v6xon1k%3D

以上就是组件微调的所有步骤了,在编辑页面制作好作品之后,可以选择导航栏右上方的“预览”预览效果,确定没问题之后点击“保存”,退出到“我的大屏项目”就可以看到刚在制作的大屏了,点击分享链接即可嫁接到实际业务中去了。
四、组件爆改如果你认为模板中展示的图表类型不能完美表达想要的内容,想实现销量地域分析、销量Top产品统计等更多元的功能,那就需要学习更高阶的内容了.为了更好的满足小伙伴们的需求,我们在这里讲解一下常见的三类业务数据分析组件。
1.销量TOP
点击大屏图表-top图,选择适合的模板,选好之后在高级-视区中改为紫色调,修改数值为对应的产品名及销量即可。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/523ec335d3b945b8bd188245f07edcf3~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=L2GK4iWk3pE%2FPWA5vtHcrIq5UVA%3D

2.目标完成情况
目标完成情况分析可以用饼图中的chartpie10来展示,选好模板之后,修改外观和数值,目标值和实际值均以百分比形式呈现,当前进度与期望值的差距一目了然,也可以多放几个图将大目标分解为几个小目标,达到鼓舞士气的目的。https://p26-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/169e6fba62104e8d95b2e56ba7689f78~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=O0r%2BVRdwPrhFmoSnJcyZ1zeUT%2Fo%3D

3.地域分析
不同省份的销量情况可以用大屏图表-地图-柱形地图来展示,在高级中取消勾选世界地图、背景线和海洋背景,让地图更好地融入到大屏背景中。这个地图组件有两层内容,底部是各个省份的数据情况,上面一层是TOP省份的数据,以突出的柱图标示,让重点地域信息更直观。
改上面一层的数据需要先选中打点层才能继续调整,调整省份的同时也别忘了修改经纬度,经纬度可以复制底层数据到word中,方便查找替换。https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/61489527dec84806830f7df493ee2fc0~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=Yk46pRB9ZnndJFRW6nIcC3NwlPE%3D

结语
今天的教程就到这里了。怎么样,你学会了吗?趁着热乎的知识刚进脑子,赶紧去试试吧,我们后台等你交作业哦~https://p3-sign.toutiaoimg.com/tos-cn-i-6w9my0ksvp/c32e820e6a8a492286a6f0f825b7febe~tplv-tt-shrink:640:0.image?lk3s=06827d14&traceid=202312081349232EBD9CFD45863FBBEAA0&x-expires=2147483647&x-signature=7mPph6TF%2BcYJIMOaWM25LLK3bRQ%3D

想了解更多万博思图产品信息,欢迎关注“万博维思可视化公众号”,想了解万博思图品牌动态,欢迎关注“万博思图”公众号!
页: [1]
查看完整版本: 不会代码也能自己做大屏?今年双十二,这份大屏教学请...