我如何在 Vue.Js 项目中使用交易视图图表小部件？

Question

我正在尝试将交易视图图表添加到我的 Vue.js 项目中，但我找不到使用它的方法。这是 html 标签谁能帮我知道如何使用它？

<div class="tradingview-widget-container">
  <div id="tradingview_bf88f"></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:AAPL",
      "interval": "D",
      "timezone": "Etc/UTC",
      "theme": "dark",
      "style": "1",
      "locale": "en",
      "toolbar_bg": "#f1f3f6",
      "enable_publishing": false,
      "allow_symbol_change": true,
      "container_id": "tradingview_bf88f"
    }
  );
  </script>
</div>

Answer 1

您可以将 this vue js 组件用于 tradingview 实时图表小部件。我想这正是你想要的。

更新答案：

请注意，在该组件的当前版本 (1.0.1) 中，文档中存在错误。您应该像这样导入此组件：

import VueTradingView from 'vue-trading-view/src/vue-trading-view';

我如何在 Vue.Js 项目中使用交易视图图表小部件？

How can I use Trading View chart widget in Vue.Js Project?

javascript

vue.js

tradingview-api

vuejs3