javascript - 如何渲染 TradingView 小部件并使用 Javascript 将其保存为 png

Question

我正在尝试为 TradingView 小部件提供我自己的自定义参数，然后以某种方式截取屏幕截图或将其转换为 png。

这是 TradeView 用于自定义其高级图表小部件的工具。

（https://www.tradingview.com/widget/advanced-chart/）

我考虑过将小部件中的相同变量应用于普通 URL，并使用 puppeteer 截取屏幕截图。

例子。( https://www.tradingview.com/chart/?symbol=tsla&interval=60&width=400&container_id=tradingview_e6bca )

虽然它似乎不是以同样的方式工作。只有更改符号和间隔有效，但不更改宽度或 container_id（删除监视列表）。

<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
  <div id="tradingview_c04cc"></div>
  <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL 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": "NASDAQ:TSLA",
  "interval": "60",
  "timezone": "Etc/UTC",
  "theme": "light",
  "style": "1",
  "locale": "en",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "hide_side_toolbar": false,
  "allow_symbol_change": true,
  "container_id": "tradingview_e6bca"
}
  );
  </script>
</div>
<!-- TradingView Widget END -->

标签： javascripthtmlchartspuppeteer