<SymbolOverview/>
Symbol Overview Widget
Use the latest quotes, plus a simple chart of a simple, single stock. A great in-depth option for any web or mobile-geared landing pages.
Options
Use the TradingView Symbol Overview Widget builder to generate the options for the <SymbolOverview/> widget and pass into the options prop.
example
<template>
<SymbolOverview :options="{
width: '100%',
height: 450,
colorTheme: 'dark',
symbols: [
['Apple', 'AAPL|1D'],
['Google', 'GOOGL|1D'],
['Microsoft', 'MSFT|1D'],
],
chartOnly: false,
locale: 'en',
autosize: false,
showVolume: false,
showMA: false,
hideDateRanges: false,
hideMarketStatus: false,
hideSymbolLogo: false,
scalePosition: 'right',
scaleMode: 'Normal',
fontFamily:
'-apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif',
fontSize: '10',
noTimeScale: false,
valuesTracking: '1',
changeMode: 'price-and-percent',
chartType: 'area',
maLineColor: '#2962FF',
maLineWidth: 1,
maLength: 9,
lineWidth: 2,
lineType: 0,
dateRanges: ['1d|1', '1m|30', '3m|60', '12m|1D', '60m|1W', 'all|1M'],
}"/>
</template>