网站做优化好还是推广好,网站美化模板,软件公司网站模版,济南市建设工程招标网官网前言
在现代数据分析领域#xff0c;随着对报表和数据分析的需求不断增长#xff0c;市场上涌现了许多嵌入式报表工具。这些工具能够与企业现有的OA、ERP、MES、CRM等应用系统深度集成#xff0c;实现对业务数据的自助式分析。然而#xff0c;在实际应用中#xff0c;不同…前言
在现代数据分析领域随着对报表和数据分析的需求不断增长市场上涌现了许多嵌入式报表工具。这些工具能够与企业现有的OA、ERP、MES、CRM等应用系统深度集成实现对业务数据的自助式分析。然而在实际应用中不同的系统往往具有独特的界面模式和风格这就要求嵌入式报表插件的UI界面需要与系统本身的UI风格相匹配。因此在本文中小编将以葡萄城公司的嵌入式BI工具——Wyn商业智能软件为例介绍如何自定义嵌入式BI工具的UI界面以满足系统的个性化需求。
环境准备
下载安装Wyn商业智能软件
安装指导Wyn商业智能设计器
1.自定义系统主题
1创建系统自定义主题
第一步打开系统主题设计器
第二步选择主题可选择为浅色或者深色用于系统中需要变深/变浅的场景。选择深色时使用时会变浅反之则会变深。 第三步设计系统配色可以直接输入颜色值的代码也可以单击色块选择颜色单击上方的菜单可以切换至不同的设计器或门户查看效果。 如果想要重置颜色点击“重置”即可。
第四步设计完成后点击保存就可以将我们设计的主题进行保存。
第五步创建完成后可在主题列表中看到自定义主题并且可以管理主题。如编辑更新主题下载配置文件下载主题压缩包删除等。
2使用系统自定义主题
在系统后台中打开系统外观界面。然后在门户外观设置下面找到系统主题单击下拉箭头选择自定义系统主题并保存设置。
2.替换图标
在第一节中自定义系统主题小编介绍了如何修改系统主题中的图标配色接下来小编将为大家介绍如何去替换整个图标。
在项目开发中可以通过替换CSS代码文件的方式替换报表设计器中的图标
font size3style/* 替换元素管理的图标 */
button[data-aidExplorer_toggle] i,
button[data-aid元素管理_toggle] i{background-image: url(icons/元素管理.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center center;}button[data-aidExplorer_toggle] svg,
button[data-aid元素管理_toggle] svg{display: none !important;}/* 替换表格的图标 */
div[data-aidTable] i,
div[data-aid表格] i{background-image: url(icons/表格.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center center;}div[data-aidTable] svg,
div[data-aid表格] svg{display: none !important;}/* 替换元素管理的图标 */
div[data-aidChart] i,
div[data-aid图表] i{background-image: url(icons/图表.png);background-size: 20px 20px;background-repeat: no-repeat;background-position: center center;}div[data-aidChart] svg,
div[data-aid图表] svg{display: none !important;}
/style/font实现效果如下所示
总结
以上就是如何自定义报表和仪表设计器的流程如果您想了解更多有关于自定义报表和仪表设计器的资料欢迎点击这里查看。
扩展链接
创意展示打造数据大屏的炫酷天气预报插件 聊一聊数字孪生与3D可视化
探秘移动端BI发展历程与应用前景解析
