【Wyn V6.0 Update1】更灵活的嵌入式分析能力（1）：自定义仪表板设计器

Wyn V6.0 Update1版本来了，新版本又增强了非常多的功能，作为一个企业级商业智能和报表软件，嵌入式能力是重中之重，用户可以直接使用Wyn作为单独的数据分析平台来用，也可以将Wyn嵌入到现有的业务系统，作为现有业务系统的增强功能来用；对于嵌入式集成来说，可以集成单独的文档，也可以调用API接口去集成各种功能，同样也希望针对Wyn的仪表板报表设计器在集成时可以进行个性化的自定义，因此在Wyn V6.0 Update1版本上针对嵌入式集成增强了哪些功能呢？下面就给大家详细的介绍一下。



1.仪表板设计器集成

• 隐藏设计器工具栏
  

用户将仪表板设计器集成到自己的业务系统，初始化设计器时不希望使用Wyn自带的设计器顶部工具栏，希望能够根据业务系统风格自己来定制化顶部工具栏的这些按钮功能。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制是否显示设计器顶部工具栏。
toolbar: 'show' | 'hide'

1. const designer = WynBi.create("DashboardDesigner", {
   
2.             baseUrl: baseUrl,
   
3.             token: token,
   
4.         });
   
5.         designer.initialize({
   
6.             container: document.querySelector("#designer"),
   
7.             features: {
   
8.                 toolbar: 'hide',
   
9.             },
   
10.         });

复制代码

显示状态

隐藏状态

• 隐藏属性设置面板
  

用户将仪表板设计器集成到自己的业务系统，经常会给最终用户开发图表的编辑能力，那么对于已经设计好的仪表板，不希望最终用户能够修改图标的属性设置，或者能够根据权限来控制哪些用户能够修改仪表板组件的属性设置，那么在初始化设计器时，用户希望能够隐藏属性设置面板。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制是否显示右侧属性设置面板。
showInspector: true | false

1.         designer.initialize({
   
2.             container: document.querySelector("#designer"),
   
3.             features: {
   
4.                 toolbar: 'show',
   
5.                 showInspector: true,
   
6.             },
   
7.         });

复制代码

显示状态

隐藏状态

• 隐藏数据绑定面板
  

用户将仪表板设计器集成到自己的业务系统，经常会给最终用户开放仪表板编辑的能力，但是又不希望最终用户能够看到当前仪表板所绑定的数据，或者能够根据权限来控制哪些用户能够看到仪表板所绑定的数据，那么在初始化设计器时，用户希望能够隐藏数据绑定面板。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制是否显示右侧数据绑定面板。
showDataBindingPanel: true | false

1.         designer.initialize({
   
2.             container: document.querySelector("#designer"),
   
3.             features: {
   
4.                 toolbar: 'show',
   
5.                 showInspector: true,
   
6.                 showDataBindingPanel: true,
   
7.             },
   
8.         });

复制代码

显示状态

隐藏状态

• 禁用数据绑定下拉选择
  

用户将仪表板设计器集成到自己的业务系统，经常会给最终用户开放仪表板设计的能力，让最终用户能够自己设计想要的仪表板风格，给最终用户指定使用的数据模型，同时不希望用户能够进行下拉选择，看到别的数据模型或数据集，那么在初始化设计器时，用户希望能够隐藏数据绑定的下拉选择。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制是否可以使用右侧数据绑定下拉选择。
disableChangeDataset: true | false

1. designer.initialize({
   
2.             container: document.querySelector("#designer"),
   
3.             features: {
   
4.                 toolbar: 'show',
   
5.                 showInspector: true,
   
6.                 showDataBindingPanel: true,
   
7.                 disableChangeDataset: true
   
8.             },
   
9. });

复制代码

启用状态

禁用状态

• 组件箱动态控制显示
  

用户将仪表板设计器集成到自己的业务系统，经常会给最终用户开放仪表板设计的能力，让最终用户能够自己设计想要的仪表板风格，但是不希望用户使用所有的组件，或者针对不同权限的用户来显示不同的仪表板组件箱，那么在初始化设计器时，用户希望能够控制显示左侧的组件箱。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制左侧组件箱的动态显示。

componentCategories: ["charts","visual","component","slicers","gallery","wizard"]

1. designer.initialize({
   
2.             container: document.querySelector("#designer"),
   
3.             features: {
   
4.                 toolbar: 'show',
   
5.                 showInspector: true,
   
6.                 showDataBindingPanel: true,
   
7.                 disableChangeDataset: false,
   
8.                 componentCategories: ["charts","visual","component","slicers","gallery","wizard"]
   
9.             },
   
10.         });

复制代码

效果：

• 动态控制组件的操作菜单
  

用户将仪表板设计器集成到自己的业务系统，经常会给最终用户开放仪表板设计的能力，让最终用户能够自己设计想要的仪表板风格，但是不希望用户在设计仪表板的时候，能够给组件添加任意的操作才懂，或者针对不同权限的用户来控制可以给组件添加不同的操作菜单功能，那么在初始化设计器时，用户希望能够控制图表组件的操作菜单功能。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制图表组件的操作菜单的动态显示。
actionbarItems : ["filter","sort","rank","modelParameters","convertVisual","edit","focus","showData","export","annotation","remove","clearCustomData","cleanSliceFilter","clearRuntimeFilter","shareScenario","openFullDashboard","clearSelection","analysisPath","mergeDatasets","contentSetting","backgroundImageID","conditionalFormat","editorLayout","expand","floorPlanId","mapInfo","referenceLine","trendLines"]

1. designer.initialize({
   
2.             container: document.querySelector("#designer"),
   
3.             features: {
   
4.                 toolbar: 'show',
   
5.                 showInspector: true,
   
6.                 showDataBindingPanel: true,
   
7.                 disableChangeDataset: false,
   
8.                 componentCategories: ["charts","gallery","wizard"],
   
9.                 actionbarItems : ["focus","annotation","shareScenario"],
   
10.             },
    
11.         });

复制代码

显示效果

• 隐藏设计器关闭按钮
  

用户将仪表板设计器集成到自己的业务系统，初始化设计器时不希望使用Wyn自带的设计器关闭按钮，希望能够根据业务系统风格自己来定制化设计器关闭按钮。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制是否显示设计器关闭按钮。
showCloseButton : true | false

1. designer.initialize({
   
2.             container: document.querySelector("#designer"),
   
3.             features: {
   
4.                 toolbar: 'show',
   
5.                 showInspector: true,
   
6.                 showDataBindingPanel: true,
   
7.                 disableChangeDataset: false,
   
8.                 componentCategories: ["charts","gallery","wizard"],
   
9.                 actionbarItems : ["focus","annotation","shareScenario"],
   
10.                 showCloseButton : false
    
11.             },
    
12.         });

复制代码

显示状态

隐藏状态

• 隐藏设计器帮助与支持按钮
  

用户将仪表板设计器集成到自己的业务系统，初始化设计器时不希望使用Wyn自带的帮助与支持按钮，希望能够隐藏这个按钮，或者根据业务系统风格自己来定制化设计器帮助与支持按钮。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制是否显示设计器帮助与支持按钮。
showHelpButton: true | false
显示状态

隐藏状态

• 隐藏设计器移动端视图按钮
  

用户将仪表板设计器集成到自己的业务系统，经常会给最终用户开放仪表板设计的能力，让最终用户能够自己设计想要的仪表板风格，但是不希望用户在设计仪表板的时候，去修改当前仪表板的移动端视图，或者针对不同权限的用户来控制去操作移动端视图，那么在初始化设计器时，用户希望能够控制是否显示移动端视图按钮。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制是否显示移动端视图按钮。
showMobileDesigner: true | false
显示状态

隐藏状态

• 控制设计器预览以及返回设计器
  

用户将仪表板设计器集成到自己的业务系统，初始化设计器时不希望使用Wyn自带的预览与返回编辑，希望能够隐藏这个按钮，或者根据业务系统风格自己来定制化设计器预览与返回编辑按钮。
在Wyn V6.0 Update1版本上，仪表板设计器集成增加了该功能，用户可以自己来控制设计器预览以及返回设计器功能。
designer.togglePreview();

• 提供保存仪表板文档API
  

当用户集成设计器时，隐藏设计器顶部工具栏，那么用户就需要自己来设计添加仪表板文档保存按钮。
在Wyn V6.0 Update1版本上，仪表板设计器提供保存仪表板文档的API，用户可以任意实现。
designer.save(
        name: 'xxx',
        categories: ['xx'],
        comment: 'xx',
        shouldPublish: false
)

• 提供隐藏显示数据绑定，属性设置面板API
  

当用户集成设计器时，隐藏设计器顶部工具栏，那么用户就需要自己来设计仪表板组件数据绑定和属性设置面板事件，用户可以更加灵活的跟自己的业务系统融合，通过业务系统的按钮触发数据绑定和属性设置面板的显示隐藏等。
在Wyn V6.0 Update1版本上，仪表板设计器提供隐藏显示数据绑定，属性设置面板API，用户可以任意实现。
        designer.showDataBindingPanel();
        designer.hideDataBindingPanel();
        designer.showInspector();
        designer.hideInspector();

• 提供动态添加组件API
  

当用户集成设计器时，不希望通过Wyn的组件箱来拖拽图表，而是自己自定义添加组件，自己通过事件触发添加不同的组件。
在Wyn V6.0 Update1版本上，仪表板设计器提供动态添加组件的API，用户可以任意实现。