Stock Heatmap Widget
This is the React component for the Stock Heatmap Widget
Example#
Used Private types#
| Type | Value |
|---|---|
| BlockSize | market_cap_basic / number_of_employees / dividend_yield_recent / price_earnings_ttm / price_sales_current / price_book_fq / volume|60 / volume|240 / volume / volume|1W / volume|1M / Value.Traded|60 / Value.Traded|240 / Value.Traded / Value.Traded|1W / Value.Traded|1M |
| BlockColor | change|60 / change|240 / change / Perf.W / Perf.1M / Perf.3M / Perf.6M / Perf.Y / Perf.YTD / premarket_change / postmarket_change / relative_volume_10d_calc / Volatility.D / gap |
Used Public types#
| Type | Value |
|---|---|
| ColorTheme | light / dark |
| Exchanges | See here |
Properties#
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
| dataSource | string | false | SPX500 | Default dataSource |
| exchanges | Exchanges | false | ["SPX500"] | Choose which exchanges to create a heatmap for |
| grouping | no_group / sector | false | sector | Grouping of the heatmap |
| blockSize | BlockSize | false | market_cap_basic | Size of the blocks in the heatmap |
| blockColor | BlockColor | false | change | Color of the blocks in the heatmap |
| locale | Locales | false | en | Sets the default locale |
| autosize | boolean | false | false | Sets the width and height to 100% |
| symbolUrl | string | false | "" | Make widget redirect to symbol url |
| colorTheme | ColorTheme | false | light | Sets the default theme |
| isZoomEnabled | boolean | false | true | Enables zoom |
| hasTopBar | boolean | false | true | Enables top bar |
| isSetDataSetEnabled | boolean | false | true | Enables set data set button. Can only be enabled if hasTopBar is true |