Trading View Chart Library

Github Chart library

[github] (https://github.com/tradingview/charting_library) 사용설명

차트 라이브러리의 소스는 위의 github에서 가져올 수 있지만 접근 제한이 걸려 있다.
이것을 사용하기 위해서는 github 접근 허가를 받아야 한다.

트레이딩 뷰 차트 라이브러리 신청하기

신청폼 url

혹은 https://www.tradingview.com/free-charting-libraries/ 에서 "Advanced Charts" 에서 "Learn more" 클릭후 "Get the libray" 클릭

widgetOptions

symbol

예 : Coinbase:BTC/USD

datafeed

예 : new (window as any).Datafeeds.UDFCompatibleDatafeed(this._datafeedUrl),

interval

resolution 이나 interval은 바의 시간이다.
default resolution 을 세팅 할 수 있다.

new TradingView.widget({
  interval: '1D',
});

container_id: this._containerId,

library_path: this._libraryPath,

locale

예 : 'ko',

load_last_chart: false,

disabled_features: [

// 'left_toolbar', 'edit_buttons_in_legend', 'hide_last_na_study_output', 'symbol_info', 'dont_show_boolean_study_arguments', 'legend_context_menu', 'display_market_status', 'use_localstorage_for_settings', // local에 저장되어있는 세팅 // 'header_widget', // 상단 툴바 'timeframes_toolbar', // 하단 툴바 'widget_logo' ],

charts_storage_url: this._chartsStorageUrl, // 추가

client_id: this._clientId,

user_id: this._userId,

fullscreen: this._fullscreen,

autosize: this._autosize,

hide_top_toolbar: false,

style: 1,

timezone: this.timezone,

theme (ThemeName):

'Dark';

overrides: {

'mainSeriesProperties.showCountdown': false, // 추가 'paneProperties.background': this.themeColorObj.bg, //백그라운드 배경색 'paneProperties.vertGridProperties.color': this.themeColorObj.vertiLine, 'paneProperties.horzGridProperties.color': this.themeColorObj.horiLine, 'symbolWatermarkProperties.transparency': 90, 'paneProperties.topMargin': 15, 'paneProperties.bottomMargin': 15, 'scalesProperties.textColor': this.themeColorObj.txt, // 전체 글자컬러 색 'mainSeriesProperties.candleStyle.upColor': '#d3225d', 'mainSeriesProperties.candleStyle.downColor': '#4094e8', 'mainSeriesProperties.candleStyle.drawWick': true, 'mainSeriesProperties.candleStyle.drawBorder': true, 'mainSeriesProperties.candleStyle.borderUpColor': '#d3225d', 'mainSeriesProperties.candleStyle.borderDownColor': '#4094e8', 'mainSeriesProperties.candleStyle.wickUpColor': '#d3225d', 'mainSeriesProperties.candleStyle.wickDownColor': '#4094e8', 'mainSeriesProperties.candleStyle.barColorsOnPrevClose': false, }