Skip to main content

Forex Heat Map Widget

This is the React component for the Forex Heat Map Widget

Example#

import { ForexHeatMap } from "react-ts-tradingview-widgets";
<ForexHeatMap colorTheme="dark" autosize></ForexHeatMap>

Used Public types#

TypeValue
ColorThemelight / dark

Properties#

PropertyTypeRequiredDefaultDescription
widthnumber/stringfalse700Sets a static width on the component
heightnumber/stringfalse400Sets a static height on the component
autosizebooleanfalsefalseSets the width and height to 100%
currenciesstring[]falseSee hereSets the default currencies
isTransparentbooleanfalsefalseTransparent background for component
colorThemeColorThemefalselightSets the default theme
localeLocalesfalseenSets the default locale
largeChartUrlstringfalseundefinedMake widget redirect to larger chart

Default currencies#

["EUR", "USD", "JPY", "GBP", "CHF", "AUD", "CAD", "NZD", "CNY"]