블로그에 트레이딩뷰 위젯 차트 넣는 방법 : 구글 블로거, 워드프레스, 티스토리

구글 블로그, 워드프레스에 트레이딩뷰 차트 삽입

구글 블로그와 워드프레스, 티스토리에 html 및 스크립트를 이용해서

트레이딩뷰 위젯 차트를 삽입할 수 있음

코드

<div class="tradingview-widget-container">
  <div class="tradingview-widget-container__widget"></div>
  <script async="" src="https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js" type="text/javascript">
  {
  "width": "100%",
  "height": "480",
  "symbol": "NASDAQ:NVDA",
  "interval": "D",
  "timezone": "Asia/Seoul",
  "theme": "light",
  "style": "1",
  "locale": "en",
  "hide_legend": true,
  "allow_symbol_change": false,
  "calendar": false,
  "support_host": "https://www.tradingview.com"
}
  </script>
</div>

사용 방법

symbol 수정

symbol 부분을 원하는 티커로 수정해서 사용

-> NASDAQ:NVDA

사이즈 수정

width 와 height 를 수정해서 사이즈를 변경

개인적으로는 width: 100% 로 하고 height 는 480px 로 함

예시