고급 실시간 차트위젯

여기 어떤 웹사이트던지 쉽게 임베드해 쓸 수 있는 파워풀하면서도 무료인 차트가 있습니다. 여러 가지 커스터마이즈 옵션으로 여러분만의 차트를 만들어 보십시오.

임베드 코드

HTML
React

설정

차트 백그라운드
격자선
x
리셋 적용

실제 응용사례

금융사이트에서 활용되고 있는 TradingView 차트 예제

데모

기술적분석
기본 영역 차트
왓치리스트
분석 플랫폼

고급 차트사용자를 만족시키려면 100여개 이상의 드로잉을 제공해야 합니다. 위젯에 디폴트로 들어가 있는 지표들도 넣을 수 있습니다. 당연히, 기본으로 제공되는 80+ 지표 또한 쓸 수 있습니다.  무한한 가능성이 있습니다 - 차트 왼쪽에 두번째 가격눈금을 넣는 일, 또 눈금을 백분율 또는 로근 눈금으로 바꾸는 일 등을 할 수도 있습니다. 여러 종목을 겹쳐 보면서 비교하거나 다른 서브차트로 넣을 수도 있습니다.

임베드 코드

HTML
React

일반유저용 기본 금융차트가 필요한 것이라면 위젯에 너무 많은 옵션을 넣지 않는 것이 좋습니다. 차트는 가장 기본 차트종류인 영역 차트 (Area chart) 로 할 수 있습니다 - 그다지 많은 공간을 차지하지 않으면서도 훌륭해 보입니다! 그래도 여전히 너무 버겁다면, 당사의 마켓오버뷰 및 심볼오버뷰 위젯을 살펴보십시오.

임베드 코드

HTML
React

차트와 연결되는 와치리스트를 넣을 수 있습니다. 와치리스트에 있는 종목을 클릭하면 차트에 그 종목이 나타납니다. 귀하의 유저에게 무엇을 보여줄 것이냐에 따라 미리 지정된 리스트나 다이내믹하게 변하는 리스트를 넣을 수도 있습니다.

임베드 코드

HTML
React

간단한 차트에서 시작하여 최고 수익주/손실주 핫리스트, 개별종목 세부사항, 뉴스, 경제일정칼렌다 등을 넣어 총체적인 분석이 가능한 차트플랫폼을 만들 수 있습니다.

임베드 코드

HTML
React

잦은 물음

거래소는 웹사이트마다 실시간 데이터 비용을 받고자 합니다. 거래소 규정에 따라 당사에서는 지연 데이터만 보내 드릴 수 있습니다. 여기 리스트에 거래소 리스트가 나와 있습니다. 포렉스와 크립토 데이터는 실시간으로 제공합니다.

저희는 전 세계의 많은 거래소로부터 데이터를 확보하고 있으며 정기적으로 새로운 거래소를 계속 추가하고 있습니다. 일부 거래소는 아직 지원되지 않습니다. 사용 가능한 마켓은 여기에 나열되어 있습니다. 표시하려는 데이터를 찾을 수 없나요? 이 양식을 사용해 지정해 주세요.

아직은 위젯에 파인 스크립트를 넣을 수 없습니다. 님의 스크립트를 넣어 만든 아이디어를 퍼블리쉬하고 그것을 임베드할 수는 있습니다.

아직은 위젯에 스트래티지를 넣을 수 없습니다. 님의 스트래티지를 넣어 만든 아이디어를 퍼블리쉬하고 그것을 임베드할 수는 있습니다.

그 말은 위젯에서는 그 심볼을 어떠한 타임프레임으로도 보여 드릴 수 없다는 뜻입니다.

안됩니다. 유료 업그레이드 플랜은 위젯 데이터와는 상관이 없습니다. 모든 업그레이드 플랜은 오로지 TradingView 쪽에만 영향을 끼집니다. 귀하의 사이트에 실시간 데이터를 뿌리고 싶다면 해당 거래소를 직접 컨택하십시오.

데이터 액세스용 API 는 없습니다. 당사의 REST API 는 당사 트레이딩 플랫폼을 통해 지원되는 브로커를 위한 것입니다.

아직은 트레이딩뷰에서 데이터 다운로드/익스포트는 할 수 없습니다.

트레이딩뷰는 위젯을 기본 트레이딩뷰 브랜딩과 함께 무료로 제공합니다. 하지만 다른 옵션도 있으니 여기로 문의해 주세요.

여러 옵션이 있으니 이 폼을 써서 컨택해 주십시오.

오토사이즈을 쓰도록 하십시오. 오토사이즈가 온이면 이 위젯은 둘러싸고 있는 엘리먼트의 모든 너비 및 높이를 100% 쓸 수 있게 됩니다. 올바르게 쓰려면 페어런트 높이를 특정값으로 세팅하는 것이 아주 중요합니다.

모든 위젯 세팅은 포인트-앤-클릭 컨스트럭터안에 나와 있습니다. 바꾸고자 하는 것이 그 안에 없다면 이 폼으로 컨택해 주십시오.

네 쓸 수 있습니다. 힌트를 드리겠습니다:

  1. 위젯을 쓰고자 하는페이지 어딘가에 위젯 스크립트를 카피/페이스트 하십시오:
    <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
  2. 세팅된 ID 어트리뷰트를 갖는 컨테이너 엘레먼트를 만드십시오.
  3. 위젯이 보이도록 new TradingView.widget() 펑크션을 콜하십시오. 파라미터 리스트에는 다른 세팅들과 함께 container_id 옵션도 들어가 있어야 하며 그 값은 앞서 새로 만든 컨테이너 ID 어트리뷰트 값이어야 합니다.

잠재적으로 이 문제는 raw code 를 다이내믹하게 인서트함으로써 일어날 수 있으며 그로 인해 브라우저가 임베드된 스크립트를 막게 됩니다. 보기로, innerHTML 을 통해 인젝션이 이뤄질 때 이런 일이 일어날 수 있습니다. 또한 어떤 라이브러리 (보기: jQuery) 를 써서 코드를 다이내믹하게 인젝트하려 할 때에도 적절한 위젯 초기화를 깨트릴 수 있습니다. 써드 파티 인프라 스트럭쳐가 운영하는 사이트에 코드를 임베딩하려면 그들의 지시를 따르거나 또는 플랫폼 개발자에게 도움을 받도록 하십시오.

이 폼으로 컨택해 주십시오.