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

Question

I created a sample pie chart in a published dashboard, then I copied <iframe /> code snippet from "Share > Embed code" and pasted in a /test page.

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>
    </>
  );
}

But it shows " manage.app.preset.io refused to connect ". Please help me, what I am doing wrong?

Answer 1

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