如何使用 API 在 Angular 应用程序中检索 Superset 仪表板缩略图？

Question

Stack Overflow 社区您好，

我正在致力于将 Superset 与我的 Angular 应用程序集成，并且在尝试获取 Superset 仪表板的缩略图时面临着挑战。目前，我正在使用以下 API 端点：

/api/v1/仪表板/{pk}/缩略图/{摘要}/

我提供了必要的参数（pk、digest），并将“force”参数设置为 false 后，我收到以下响应：{“message”：“OK Async”}。

这是我当前的 Angular 代码的片段：

// Angular service code
this.thumbnailService.getThumbnail(pk, digest).subscribe(
  (response) => {
    // Currently, I'm getting {"message":"OK Async"} in the response.
    // I want to get the actual image instead.
    console.log('Response:', response);
  },
  (error) => {
    console.error('Error fetching thumbnail:', error);
  }
);

预先感谢您提供的任何帮助或见解！

但是，我的目标是直接获取响应中的缩略图而不是异步消息。我已经查看了 Superset 文档，但找不到明确的解决方案。如果有人有在 Angular 应用程序中获取 Superset 仪表板缩略图的经验，并且可以提供有关如何直接获取图像的指导，我将非常感谢您的帮助。

Answer 1

您正在记录整个响应，其中可能包含标题，并且图像可能低一级，分配给变量，例如。

response.theImage

。

检查响应的数据类型并查看该类型的可用属性。