找回密码
 立即注册

QQ登录

只需一步,快速开始

@Martin.Zhang
超级版主   /  发表于:2022-5-19 09:41  /   查看:2114  /  回复:6
本帖最后由 Bella.Yuan 于 2023-1-5 18:02 编辑

案例介绍:
Div 简版模式集成

根据客户需求,需要从外部输入参数,点击查询按钮,刷新本页面中所集成的仪表板,仪表板控件之间点击可以实现相互联动。

本功能难点,页面参数获取,仪表板参数传递。

实现方式:
1.创建仪表板,在仪表板中设置全局参数。
2.全局筛选器,为所选择的数据集设置参数过滤。
3.设计仪表板 。
image.png841022338.png
4.集成过程。
  1. var baseUrl = 'http://IP:51980/';
  2. var token = 'token';
  3. var dashboardId = '3eebe0d5-42d6-4341-9d70-03ba39abe228';
复制代码
baseUrl:为wyn地址
token:为wyn中token
dashboardID:仪表板id

方法介绍:dashboardb
  1. //dashboardId 仪表板id
复制代码
此方法用途为:在对应的div区域,集成仪表板中的某一个组件,并且传递参数

具体内容,详见案例:
仪表板:
wyn-export-20220519093931.zip (390.69 KB, 下载次数: 56)

6 个回复

倒序浏览
137294886
金牌服务用户   /  发表于:2023-6-13 17:09:29
沙发
实用,棒
回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2023-6-13 17:58:11
板凳
回复 使用道具 举报
Lanae.LiLQ
注册会员   /  发表于:2024-3-13 11:08:42
地板
求教,这个集成案例放在本地怎么运行?
回复 使用道具 举报
Eden.SunWyn认证
超级版主   /  发表于:2024-3-13 12:13:03
5#
Lanae.LiLQ 发表于 2024-3-13 11:08
求教,这个集成案例放在本地怎么运行?

教程中有demo文件,一个是报表的导出文件,一个是代码文件,您下载后,替换其中的ip、端口、报表id等就可以。

这是7.0 之后的div集成,您也可以看看:
https://www.grapecity.com.cn/sol ... vintegration/report
回复 使用道具 举报
胡涂涂
注册会员   /  发表于:2024-3-22 16:27:40
6#
Eden.Sun 发表于 2024-3-13 12:13
教程中有demo文件,一个是报表的导出文件,一个是代码文件,您下载后,替换其中的ip、端口、报表id等就可 ...

3D div集成的可以提供个示例吗
回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2024-3-22 17:40:20
7#
您好,现在所有的div集成已经迁移npm集成。

引用我们的npm包即可做集成:   @grapecity/wyn-integration
参考的话可以参考这个:
https://www.grapecity.com.cn/sol ... E%E8%AE%A1%E5%99%A8
image.png307048339.png

现在所有的集成,都可以直接使用我们封装好的包。包括所有文档:
image.png113719176.png
public.zip (207.11 KB, 下载次数: 20)
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部