<StockMarket/>
Stock Market Widget
See the top five gaining, losing, and most active stocks for the day. It updates based on current market activity โ so you'll always see the most relevant stocks.
Options
Use the TradingView Stock Market Widget builder to generate the options for the <StockMarket/>
widget and pass into the options
prop.
example
<template>
<StockMarket :options="{
width: '100%',
height: 450,
colorTheme: 'dark',
dateRange: '12M',
exchange: 'US',
showChart: true,
locale: 'en',
largeChartUrl: '',
isTransparent: false,
showSymbolLogo: false,
showFloatingTooltip: false,
plotLineColorGrowing: 'rgba(41, 98, 255, 1)',
plotLineColorFalling: 'rgba(41, 98, 255, 1)',
gridLineColor: 'rgba(42, 46, 57, 0)',
scaleFontColor: 'rgba(134, 137, 147, 1)',
belowLineFillColorGrowing: 'rgba(41, 98, 255, 0.12)',
belowLineFillColorFalling: 'rgba(41, 98, 255, 0.12)',
belowLineFillColorGrowingBottom: 'rgba(41, 98, 255, 0)',
belowLineFillColorFallingBottom: 'rgba(41, 98, 255, 0)',
symbolActiveColor: 'rgba(41, 98, 255, 0.12)',
}"/>
</template>