<StockHeatMap/>

Stock Heatmap Widget

This widget shows off a macro view on global stocks. Perfect for segmenting by sector, country or market cap.


Options

Use the TradingView Stock Heatmap Widget builder to generate the options for the <StockHeatMap/> widget and pass into the options prop.

example
<template>
  <StockHeatMap :options="{
    width: '100%',
    height: 450,
    colorTheme: 'dark',
    exchanges: [],
    dataSource: 'SPX500',
    grouping: 'no_group',
    blockSize: 'market_cap_basic',
    blockColor: 'Perf.YTD',
    locale: 'en',
    symbolUrl: '',
    hasTopBar: false,
    isDataSetEnabled: false,
    isZoomEnabled: true,
    hasSymbolTooltip: true,
  }"/>
</template>

Preview

Table of Contents