Как я могу использовать виджет "Торговый график" в Vue.Проект Js?

#javascript #vue.js #vuejs3 #tradingview-api

Вопрос:

Я пытаюсь добавить графики торговых представлений в свой 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>

Ответ №1:

Вы можете использовать эти компоненты vue js для виджета графиков tradingview в режиме реального времени. Я думаю, что это именно то, чего ты хочешь.

Обновленный Ответ:

Пожалуйста, обратите внимание, что в текущей версии этого компонента (1.0.1) есть ошибка в документации. Вы должны импортировать этот компонент следующим образом:

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

1. Спасибо! Я пытался использовать его, он не работал, и у меня не было документов о том, как его использовать . по крайней мере, я ничего не мог поделать с примерами.

2. Вы правы! В их документации на github есть ошибка. Я редактирую свой ответ. пожалуйста, прочтите обновленный ответ.

3. Спасибо! Это сработало, но у меня есть еще один вопрос. Вы знаете, как я могу передавать данные в компонент диаграммы ? Я пробовал разные вещи в разделе реквизит сценария, но ничего не смог добиться. можете ли вы помочь мне и с этим тоже ? 🙂

4. На самом деле передать данные в виджет графика vue tradingview невозможно. Вместо этого вы можете использовать библиотеки диаграмм trading-vue-js или tradingview-облегченные диаграммы .

5. Так вы имеете в виду, что я могу определить высоту только в виде жесткого кода ?