产品定价 立即试用
Trendz Analytics
文档 > 共享查看 > 添加到仪表盘
入门
指南 安装 如何激活Trendz
目录

在仪表板添加 Trendz 部件

使用 Trendz Analytics 平台创建的所有交互式可视化均可分享给其他用户,并嵌入 ThingsBoard 仪表板或外部站点。本指南将说明具体操作。

在ThingsBoard仪表板添加可视化

使用分享向导添加

  • 点击可视化右上角的分享按钮。
  • 选择是在新仪表板还是现有仪表板上添加视图。
  • 选择视图应添加到的仪表板状态。
  • 启用从筛选器创建别名:如需创建用于在视图中筛选数据的仪表板别名,请启用此选项。例如,若视图显示多设备数据,可使用仪表板状态别名按设备名称筛选。别名值变更后,Trendz视图内的筛选器会自动更新。
  • 点击”保存”按钮。

通过直接链接添加Trendz视图

导入部件包并已保存Trendz可视化后,按以下步骤添加到仪表板:

  • 在Trendz中打开目标可视化
  • 点击分享按钮,再点击复制链接按钮,可分享URL将复制到剪贴板
  • 打开目标ThingsBoard仪表板并点击”编辑”按钮
  • 高级分析包中选择高级分析视图静态部件并添加到仪表板
  • 切换到部件的高级标签页,粘贴第1步复制的URL
  • 保存仪表板

image

使用仪表板时间窗口

默认情况下,所有Trendz可视化使用独立时间范围。也可修改此行为,将部件配置为从ThingsBoard仪表板获取时间。该选项对静态Trendz部件和带别名的Trendz视图均可用。

  • 打开仪表板编辑模式
  • 选择目标Trendz部件
  • 切换到高级标签页
  • 勾选使用仪表板时间窗口

在外网嵌入可视化

也可通过添加指向目标可视化的iframe将Trendz可视化嵌入到您的网站。

在网站中添加以下URL格式的iframe:http://{TRENDZ_URL}/viewMode/{VIEW_ID}?jwt={JWT_TOKEN}。其中:

  • TRENDZ_URL - Trendz服务地址
  • VIEW_ID - Trendz中已保存可视化的ID
  • JWT_TOKEN - 用于ThingsBoard认证的JWT令牌

视图被屏蔽问题

若Trendz未启用HTTPS,分享到第三方网站或ThingsBoard仪表板的可视化可能为空白。

原因是多数浏览器会屏蔽混合内容请求:若ThingsBoard使用HTTPS而Trendz未使用,浏览器会屏蔽对Trendz的请求。可在浏览器控制台查看具体错误。

解决办法:为Trendz UI启用HTTPS。具体步骤见Trendz安装指南。

下一步