Skip to main content

Stock Market Widget

This is the React component for the Stock Market Widget

Example#

import { StockMarket } from "react-ts-tradingview-widgets";
<StockMarket colorTheme="dark" height={400} width="100%"></StockMarket>

Used Private types#

TypeValue
exchangeUS / NASDAQ / NYSE / AMEX / OTC / ASX / CSE / NEO / TSX / TSXV / EGX / BER / DUS / FWB / SWB / HAM/ HAN / XETR / BSE / NSE / TASE / MIL / LUXSE / NEWCONNECT / KRX / NGM / BIST / LSE / LSIN / HNX

Used Public types#

TypeValue
ColorThemelight / dark
DateRange1D / 1M / 3M / 12M / 60M / ALL

Properties#

PropertyTypeRequiredDefaultDescription
colorThemeColorThemefalselightSets the default theme
dateRangeDateRangefalse12MDefault date range of chart
exchangestringfalseUSDefault exchange for widget
showChartbooleanfalsetrueInclude chart in widget
localeLocalesfalseenSets the default locale
largeChartUrlstringfalseundefinedMake widget redirect to larger chart
isTransparentbooleanfalsefalseTransparent background for component
showSymbolLogobooleanfalsetrueShow symbol of ticker
showFloatingTooltipbooleanfalsefalseShow floating tooltip on chart
widthnumber/stringfalse400Sets a static width on the component
heightnumber/stringfalse600Sets a static height on the component
autosizebooleanfalsefalseSets the width and height to 100%
plotLineColorGrowingstringfalsergba(33, 150, 243, 1)Price line growing color
plotLineColorFallingstringfalsergba(33, 150, 243, 1)Price line falling color
gridLineColorstringfalsergba(240, 243, 250, 1)Grid color
scaleFontColorstringfalsergba(120, 123, 134, 1)Font color
belowLineFillColorGrowingstringfalsergba(33, 150, 243, 0.12)Under line area growing color
belowLineFillColorFallingstringfalsergba(33, 150, 243, 0.12)Under line area falling color
belowLineFillColorGrowingBottomstringfalsergba(41, 98, 255, 0)Under line area growing bottom color
belowLineFillColorFallingButtomstringfalsergba(41, 98, 255, 0)Under line area falling bottom collor
symbolActiveColorstringfalsergba(33, 150, 243, 0.12)Active Ticker color