Всплывающее окно по клику

У меня есть всплывающее окно, которое появляется по клику на кнопку, всплывающее окно содержит график.

<dialog style="z-index: 100; background-color:#131722">
  <p><!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div id="tradingview_b2ba6"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/BITFINEX-BTCUSD/" rel="noopener" target="_blank"><span class="blue-text">BTCUSD Chart</span></a> by TradingView</div>
  <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  <script type="text/javascript">
  new TradingView.widget(
  {
  "width": 980,
  "height": 610,
  "symbol": "BITFINEX:BTCUSD",
  "interval": "D",
  "timezone": "Etc/UTC",
  "theme": "Dark",
  "style": "1",
  "locale": "en",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "hide_top_toolbar": true,
  "hide_legend": true,
  "save_image": false,
  "show_popup_button": true,
  "popup_width": "980",
  "popup_height": "610",
  "container_id": "tradingview_b2ba6"
}
  );
  </script>
</div>

<!-- TradingView Widget END --></p>

  <button id="close">close</button>
</dialog>

Как мне сделать, чтобы это всплывающее окно открывалось не на этой же странице(site.com), а на странице допустим site.com/graph.php но без редиректа, и при нажатии на кнопку закрыть снова возвращало на site.com