<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>

Preview

Table of Contents