Skip to main content

Advanced Real-Time Chart Widget

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

Example#

import { AdvancedRealTimeChart } from "react-ts-tradingview-widgets";
<AdvancedRealTimeChart theme="dark" autosize></AdvancedRealTimeChart>

Used Private types#

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

Used Public types#

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

Properties#

PropertyTypeRequiredDefaultDescription
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)
localeLocalesfalseenSets 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
enabled_featuresWidgetFeatures[]falseundefinedEnable specific features in the chart
container_idstringfalseadvanced-chart-widget-containerSet container_id generated here