본문 바로가기
Programming/Websites & API

[블로그] 트레이딩뷰 실시간 차트 삽입하기

by 코딩하는 금융인 2023. 10. 9.

안녕하세요.

오늘은 주식 관련 글을 포스팅할 때 유용한 트레이딩뷰의 실시간 차트를 HTML 코드로 삽입하는 방법에 대해 알아보겠습니다.

 

 트레이딩뷰 Widgets HTML 코드 삽입하기

▣ 트레이딩뷰(TradingView)

주식, 선물, 비트코인 등 다양한 금융상품의 차트분석 서비스 및 전문 트레이더의 분석글 열람이 가능한 사이트

: 사이트 바로가기

 

TradingView — Track All Markets

Where the world charts, chats and trades markets. We're a supercharged super-charting platform and social network for traders and investors. Free to sign up.

www.tradingview.com

- 트레이딩뷰 사이트를 들어가 More > All widgets 클릭

트레이딩뷰 사이트

- TradingView Widget 이 나오고 Symbol을 설정하고 차트 이미지에 대한 Settings을 기호에 따라 해주고 (사이즈 조절, Language 한국어 필수) Apply > HTML Copy code 클릭으로 HTML 코드 복사

- 한가지 팁을 공유하자면, span class = "blue-text" 부분에서 차트 밑 각주에 대한 텍스트를 수정할 수 있음 (Code를 블로그에 붙여넣고 수정 가능)

트레이딩뷰 차트 widget 설정

- 이제는 복사한 HTML 코드를 티스토리 글쓰기 > HTML 모드에서 원하는 곳에 붙여넣기 해주면 됨

티스토리 HTML 모드 예시

- HTML 모드에 넣어주고 미리보기를 통해서 차트가 제대로 들어갔는지 확인하면 끝 (아래 예시 참조)

 

 

반응형

댓글