Skip to main content

Advanced Real-Time Chart Widget

This is the React component for the Advanced Real-Time Chart Widget


import { AdvancedRealTimeChart } from "react-ts-tradingview-widgets";
<AdvancedRealTimeChart theme="dark" autosize></AdvancedRealTimeChart>
NASDAQ:AAPL Chart By TradingView

Used Private types#

Interval1 / 3 / 5 / 15 / 30 / 60 / 120 / 180 / 240 / D / W
Range1D / 5D / 1M / 3M / 6M / YTD / 12M / 60M / ALL

Used Public types#

ColorThemelight / dark
Style0 / 1 / 2 / 3 / 4 / 5 / 6 / 7 / 8 / 9
WidgetFeaturesAll features can be found here


widthnumber/stringfalse980Sets a static width on the component
heightnumber/stringfalse610Sets a static height on the component
autosizebooleanfalsefalseSets the width and height to 100%
symbolstringfalseNASDAQ:AAPLSets the default ticker symbol
intervalIntervalfalseDSets the default interval, overrides range
rangeRangefalseundefinedSets the default range, overrides interval
timezonestringfalseUTCSets the default timezone
themeColorThemefalselightSets the default theme
styleStylefalse1Sets the default style (Bars, Candles)
localestringfalseenSets the default locale
toolbar_bgstringfalse#f1f3f6Sets the default toolbar background
enable_publishingbooleanfalsefalseShow the publishing button on the chart
hide_top_toolbarbooleanfalsefalseHide top toolbar
hide_legendbooleanfalsefalseShow symbol description
withdaterangesbooleanfalsefalseShow bottom toolbar
hide_side_toolbarbooleanfalsefalseHide side toolbar
allow_symbol_changebooleanfalsetrueAllow symbol change in chart
save_imagebooleanfalsetrueGet image button
show_popup_buttonbooleanfalsefalseShow the popup button to popup the chart in a new window
popup_widthstringfalse600Sets the default width of the popup
popup_heightstringfalse400Sets the default height of the popup
detailsbooleanfalsefalseShow details sidebar
hotlistbooleanfalsefalseShow hotlist sidebar
calendarbooleanfalsefalseShow calendar sidebar
watchliststring[]falseundefinedShow watchlist with added symbols
studiesstring[]falseundefinedAdd default indicators to chart
disabled_featuresWidgetFeatures[]falseundefinedDisable specific features in the chart
disabled_featuresWidgetFeatures[]falseundefinedEnable specific features in the chart
container_idstringfalseadvanced-chart-widget-containerSet container_id generated here