title: Embed Grafana dashboard in Angular 6 application
body: <p>I'd like to embed a Grafana dashboard inside an iframe into an Angular 6 application. I've generated an API key from the Grafana control panel, and I use it in the iframe URL as below:</p>
  
  <pre><code>&lt;iframe src="https://api_key:GENERATED_API_KEY=@SERVER_URL:3300/DASHBOARD_URL" style="width: 50%; height: 100%; border: none"&gt;
  &lt;/iframe&gt;
  </code></pre>
  
  <p>It works in Firefox, but when I try to run the application from Chrome, it displays the following error in the console:</p>
  
  <blockquote>
    <p>Subresource requests whose URLs contain embedded credentials (e.g.
    <code>https://user:pass@host/</code>) are blocked</p>
  </blockquote>
  
  <p>Is there any workaround for this problem?</p>
  
  <p>Thanks in advance,</p>