[]
魔数图是Wyn推出的模板化循环图表组件，专为多维度重复数据展示场景设计，可快速生成结构统一、信息丰富的可视化单元，显著提升仪表板搭建效率。
典型应用场景：
生产线监控（温度/湿度/产量实时看板）
订单全生命周期跟踪（进度/工序/时效管理）
团队KPI对比（销售/生产/服务质量指标）
效果图：下图展示各大区消费者支付偏好分布情况
可以看到魔数图以相同的布局循环显示各大区的支付偏好情况，接下来我们就通过这个示例演示完整实现该过程的操作步骤。
本文将指导您在Wyn中创建和使用魔数图。
创建Excel数据源（如内置Demo_销售数据）。
创建抽取模型（如内置Demo_销售数据抽取模型），并将多个表进行连接。
仪表板设计界面最左侧，单击组件按钮展开列表，选择魔数图，按住鼠标左键将其拖拽至仪表板设计区域，成功添加一个魔数图组件。
仪表板设计器绑定数据集/数据模型（如绑定内置Demo_销售数据抽取模型，然后在设计区域选中魔数图，根据实际需求，将对应的字段拖动到数据绑定区域，完成数据绑定。例如在本示例中，需将“大区”字段拖动到分类区域。分类字段就是魔数图循环的根据。
魔数图存在两种数据绑定：魔数图的数据绑定和模板中各组件的数据绑定
魔数图的数据绑定： 为魔数图绑定数据时，仅支持绑定分类（循环依据）、数值（条件格式化）和提示标签（悬浮说明）。未进入设计器时，选中魔数图组件即可绑定；进入设计器后，单击设计器空白处也可绑定仪表板已有数据集/数据模型。
示意图 | 数据绑定区域 | 说明 |
|---|---|---|
| 分类 | 绑定分类字段后，可实现数据循环渲染 |
数值 | 绑定数值类字段，可绑定一个或多个字段 数值是为魔数图添加条件格式化的数据，仅在条件格式化中起效 | |
提示标签 | 提示标签是指当鼠标移至图形时，会出现相应的提示信息。使用方法详见鼠标提示标签 | |
钻取 | 设置组件数据钻取路径，详见数据钻取 |
模板中各组件的数据绑定： 进入模板设计器后，可以添加各种各样的组件，此时选中组件即可为单个组件绑定数据。不同的组件能绑定的数据也不同。
魔数图通过自定义循环模板实现数据可视化，模板定义了单条记录的展示元素（如下图所示），系统将自动根据绑定的分类字段（如大区）进行智能循环渲染，生成完整的数据看板。
单击编辑模板按钮进入模板设计器，该设计过程与普通仪表板设计过程一致。
在模板设计器中，主要是以下两方面的设计，对应的实现方法介绍如下：
步骤一：富文本组件
1）使用富文本组件，插入表达式，选择大区字段，并设置聚合运算为“第一个值”，确定后即可显示大区名称。
2）选中富文本组件，设置富文本内容样式为水平居中对齐和垂直居中对齐。
3）选中富文本组件，设置外观样式，配置背景图片、重复填充和填充尺寸。
步骤二：饼图组件
1）使用饼图组件，绑定字段，将订单表“支付方式”字段拖动到系列区域，将订单明细表的“订单金额”字段拖动到数值区域。
2）选中饼图组件，关闭显示标题属性。
3）选中饼图组件，设置图例属性，配置图例位置为底部，水平对齐为左对齐。
4）选中饼图组件，设置外观样式，配置背景图片、重复填充和填充尺寸。
步骤三：保存模板并返回仪表设计器
1）单击模板设计器顶部的保存按钮保存模板，然后单击返回仪表板按钮返回仪表板设计器。
调整仪表板样式
1）选中饼图组件，设置布局大小。
2）选中魔数图组件，关闭显示标题属性。
3）选中魔数图组件，调整魔数图的显示布局以及样式。详见条目布局和条目(选中/悬浮)样式。
4）添加富文本组件，添加看板标题，并设置布局大小。
5）选中富文本组件，设置富文本内容样式为水平居中对齐和垂直居中对齐。
6）选中富文本组件，设置外观样式，配置背景图片、重复填充和填充尺寸。
7）为显示更美观，调整仪表板的布局大小，配置画布大小为固定尺寸，并设置画布宽度和画布高度。
预览并保存，调整后预览达到预期效果后保存仪表板。
1）预览效果：
2）保存仪表板。
示例文件包： 下载后，您可直接导入至对应版本系统中查看使用。
注意： 本示例压缩包基于8.1版本制作，请使用8.1及以上版本并参照导入与导出文档操作（低版本可能存在兼容性问题，建议升级）
组件完成数据绑定后，可自由调整字段属性（如格式修改、重命名、聚合方式切换）并执行快速运算，具体操作步骤请参考数据绑定与动态计算。
注意： 对数据集中字段进行的操作会在当前仪表板中的所有组件生效；而对组件数据绑定区字段进行的操作仅在当前组件生效。
数据处理完成后，可通过以下属性配置进一步优化组件展示效果：
属性 | 说明 | 系统图示 |
|---|---|---|
配置联动、跳转、刷新等行为 |
| |
分页设置 | 设置魔数图的分页属性 | |
组件标题的样式属性 | ||
设置魔数图的布局 | ||
设置魔数图的条目样式及鼠标选中/悬浮的样式 | ||
鼠标悬停时显示数据点详细信息 | ||
自定义空值/空白数据的显示规则 | ||
自定义钻取路径的显示样式 | ||
组件无数据时的显示内容和背景图片 | ||
调整组件位置于整体尺寸 | ||
调整组件外观样式 |
魔术图额外支持以下独有属性：
交互模式： 在属性设置中，可通过「数据交互>交互模式」自动标记交互模式，支持两种数据交互模式：按整个条目交互，或按条目内的单个组件交互。
属性 | 交互模式 | 说明 | 系统图示（以鼠标提示为例） |
|---|---|---|---|
| 条目 | 以条目为单位进行数据交互 | 当鼠标悬浮至条目中任何一个位置时，都将显示一样的提示，也就是整个条目的鼠标提示内容
|
条目-图表 | 以具体组件为单位进行数据交互 | 当鼠标悬浮至组件外的条目区域时，并不会显示提示。仅当鼠标悬浮至组件上时才会显示组件的提示
|
分页设置： 在属性设置中，可通过分页设置自动标记魔数图的分页设置属性，包括是否分页、分页对齐方式、文本样式等属性。
组件内置丰富的数据探索与分析功能，从多角度挖掘数据价值，为您的可视化分析提供专业级支持。
如果组件单独配置了属性，则该配置优先级将高于仪表板全局设置中的对应属性。
