如何在 React/Next.js 应用程序中嵌入预设仪表板/图表？

Question

我在已发布的仪表板中创建了一个示例饼图，然后我从“共享 > 嵌入代码”复制了<iframe />代码片段并粘贴到/test页面中。

export default function Test() {
  return (
    <>
      <iframe
        width="600"
        height="400"
        seamless
        frameBorder="0"
        scrolling="no"
        src="https://c2e8b9ae.us2a.app.preset.io/superset/explore/p/G48PLPkAFEJ/?standalone=1&height=400"
      ></iframe>
    </>
  );
}

但它显示“ manage.app.preset.io 拒绝连接”。 请帮助我，我做错了什么？

Answer 1

由于跨域限制，此功能与 Preset Cloud 不兼容： https ://preset.atlassian.net/browse/PPR-191