Блог

Главная - Вопросы по программированию - Веб-диаграмма TradingView в UWP

Веб-диаграмма TradingView в UWP

#html #xaml #uwp

#HTML #xaml #uwp

Вопрос:

Я довольно новичок в программировании, но я хотел бы создать простое приложение UWP для своего телефона, чтобы просто видеть графики форекс на ходу — к сожалению, для этого не так много связанных приложений.

Мне очень нравятся веб-диаграммы TradingView, и они предоставляют веб-виджеты в реальном времени, которые подходят для этой задачи 🙂

Возможно ли отобразить их в приложении UWP?

Пример:

 <!-- TradingView Widget BEGIN -->
<script type="text/javascript" src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>
<script type="text/javascript">
new TradingView.widget({
  "width": 980,
  "height": 610,
  "symbol": "NASDAQ:AAPL",
  "interval": "D",
  "timezone": "Etc/UTC",
  "theme": "White",
  "style": "1",
  "locale": "en",
  "toolbar_bg": "#f1f3f6",
  "enable_publishing": false,
  "allow_symbol_change": true,
  "hideideas": true,
  "show_popup_button": true,
  "popup_width": "1000",
  "popup_height": "650"
});
</script>
<!-- TradingView Widget END -->

Спасибо за ответы 🙂

Мэтт

Ответ №1:

Библиотека TradingView WebCharts js предназначена для веб-приложения. Она не на 100% подходит для приложения UWP (JS).

Я сделал демонстрацию и обнаружил, что document.write внутренняя библиотека JS TradingView приведет к сбою приложения UWP (JS).

Итак, в качестве личного обходного пути для использования TradingView в UWP. Вы можете выполнить следующие шаги:

  1. Загрузите js-библиотеку https://d33t3vvu2t2yu5.cloudfront.net/tv.js WebCharts и добавьте js-библиотеку в свой проект.(UWP не поддерживает удаленную ссылку на js).

  2. Открыть package.appxmanifest файл-> Content URIs тег-> добавить https://dwq4do82y8xi7.cloudfront.net , как показано ниже: введите описание изображения здесь

  3. Откройте загруженную библиотеку js и выполните поиск document.write(widgetHtml) . Измените строку результатов, как показано ниже:

     /*document.write(widgetHtml)*/document.getElementById("container").innerHTML=widgetHtml

  4. Добавьте символ Div с id="container" в html:

     <body>
   <div id="container"></div>
   <script src="js/main.js"></script>
</body>

Теперь вы можете запускать веб-диаграммы в приложении UWP.

Вот полная демонстрация: TradingViewSample.