如何在 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