数字化营销中心
实战【数字化营销中心】大屏以熟悉完整的V-Data数据化大屏设计过程。
一、创建数据集
操作演示：
| 数据集名称 | 接入模式 | 数据源 |
|---|---|---|
| 预算日期 | 直连模式 | 预算日期 |
| 大区完成率 | 直连模式 | 大区完成率 |
| 平均折扣率 | 直连模式 | 平均折扣率 |
| 平均毛利率 | 直连模式 | 平均毛利率 |
| 渠道分析 | 直连模式 | 渠道分析 |
| 品类分析 | 直连模式 | 品类分析 |
| 月度收入 | 直连模式 | 月度收入 |
| 省份收入 | 直连模式 | 省份收入 |
| 关键KPI分析 | 直连模式 | 关键KPI分析 |
创建数据集的同时新增数据源：
准备好所有需要的数据集：
二、新增数据源
操作演示：
根据上表创建JSON API数据源:
准备好所有需要的数据源：
三、仪表板设计
操作演示：
1. 准备工作
1.1 整体设计
整体布局设计及使用的组件。
1.2 创建仪表板
创建【数字化营销中心大屏】仪表板：
1.3 设置固定尺寸
宽度和高度设置： 1600 X 900
1.4 设置标题
标题使用【富文本】组件，设置布局为0，0，1600，100。
【数字化营销中心大屏】标题属性设置
2. 大区完成度
【对比条形图】分析各大区的收入和预算情况；
【对比条形图】数据绑定：
3. 平均毛利率
【水球图】所有订单的平均利润率分析；
【水球图】数据绑定：
4. 平均折扣率
【水球图】所有订单的平均折扣率分析；
【水球图】数据绑定：
5. 渠道分析
【扩展加强扇形图】分析各销售渠道的收入分析；
【扩展加强扇形图】数据绑定：
【扩展加强扇形图】属性设置：
6. 品类分析
【柱状图】分析各商品大类的收入分析；
【柱状图】数据绑定：
7. 月度收入
【组合图】每月收入、预算和完成率分析；
【组合图】数据绑定：
8. 省份收入
【堆叠柱状图】各省份销售收入，体现不同门店类型的收入；
【堆叠柱状图】数据绑定：
9. 关键 KPI 分析
【KPI】图表：从销售收入、会员两个角度统计关键指标；
【KPI】绑定数据并设置格式：
复制并批量设置不同的KPI图表：
【动态数字】组件：绑定数据（订单收入）；
10. 数据筛选器
【标签列表】以年度作为过滤条件标签列表 - 预算日期 - 年
设置组件名称、隐藏标题：
设置全局筛选器：
设置筛选字段：
设置排序字段：
仪表板参数 绑定 筛选器：
所有仪表板参数 统一设置： 绑定 > 筛选器 > 预算日期过滤条件：
效果演示：
四、整体外观美化设计
利用产品主题、图片、字体等素材，提升大屏美化程度。
操作演示：
1. 启用重叠
需要启用重叠功能增加背景图片，否则添加背景的【图片】无法与【图表】重叠。
2. 调整过滤器位置
3. 设置全局无边框
选中所有图表设置边框为无。
4.设置大标题的背景图片（下载素材）
背景图片请下载：【下载示例素材】
5.组合并设置左侧图表
设置背景图片 和 内部边距为1：
注意：必须下移【背景图片】置于底层，否则预览时背景图片挡住图表，用户无法与图表互动。
注意：可以通过【选择】功能，来选中各个图层进行设置。
6. 设置右侧图表（同上）
7. 设置底部组合图和堆叠柱状图的背景图片
组合图背景图片设置：
堆叠柱状图背景图片设置：
8. 设置所有图表的标题
修改标题并设置标题字体、字体居中、字体颜色、字体大小等。
修改完成后效果图：
9. 设置标题背景图片
设置每个图表标题的背景图片，并且设置图片置底。
10. 设置中间区域
设置KPI的字体颜色 和 大小 和 背景图片：
设置动态数字的字体颜色 和 大小：
11. 设置数据筛选器字体样式
常规样式/悬浮样式：站酷高端黑、标准、1.5x、黄色
选中样式：站酷高端黑、标准、1.5x、蓝色
12. 设置全局背景
最终效果
