Customized Stock Market widget
The Stock Market widget ships with multiple customization options. You can adjust the widget’s size, theme, colors on the chart, and more.
On the demo below the default date range is set to three months. Additionally, the Show floating tooltip option is enabled. Therefore, you can access detailed information on the price movement via the floating tooltip. The tooltip appears as you hover over the series on the chart.
Embed code
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-hotlists.js" async>
{
"colorTheme": "light",
"dateRange": "3M",
"exchange": "NASDAQ",
"showChart": true,
"locale": "en",
"largeChartUrl": "",
"isTransparent": false,
"showSymbolLogo": false,
"showFloatingTooltip": true,
"width": "100%",
"height": "100%",
"plotLineColorGrowing": "rgba(56, 118, 29, 1)",
"plotLineColorFalling": "rgba(255, 0, 0, 1)",
"gridLineColor": "rgba(240, 243, 250, 0)",
"scaleFontColor": "rgba(19, 23, 34, 1)",
"belowLineFillColorGrowing": "rgba(39, 78, 19, 0.12)",
"belowLineFillColorFalling": "rgba(153, 0, 0, 0.12)",
"belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",
"belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",
"symbolActiveColor": "rgba(249, 203, 156, 0.12)"
}
</script>
</div>
<!-- TradingView Widget END --><!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div class="tradingview-widget-container__widget"></div>
<div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"><span class="blue-text">Track all markets on TradingView</span></a></div>
<script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-hotlists.js" async>
{
"colorTheme": "light",
"dateRange": "3M",
"exchange": "NASDAQ",
"showChart": true,
"locale": "en",
"largeChartUrl": "",
"isTransparent": false,
"showSymbolLogo": false,
"showFloatingTooltip": true,
"width": "100%",
"height": "100%",
"plotLineColorGrowing": "rgba(56, 118, 29, 1)",
"plotLineColorFalling": "rgba(255, 0, 0, 1)",
"gridLineColor": "rgba(240, 243, 250, 0)",
"scaleFontColor": "rgba(19, 23, 34, 1)",
"belowLineFillColorGrowing": "rgba(39, 78, 19, 0.12)",
"belowLineFillColorFalling": "rgba(153, 0, 0, 0.12)",
"belowLineFillColorGrowingBottom": "rgba(41, 98, 255, 0)",
"belowLineFillColorFallingBottom": "rgba(41, 98, 255, 0)",
"symbolActiveColor": "rgba(249, 203, 156, 0.12)"
}
</script>
</div>
<!-- TradingView Widget END -->