Skip to content

Commit 4eb7360

Browse files
JorrinKievitJorrinKievit
committed
Added heatmaps
1 parent dbbe372 commit 4eb7360

50 files changed

Lines changed: 486 additions & 66 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.prettierrc‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"singleQuote": false
3+
}

‎docs/docs/components/AdvancedRealTimeChartWidget.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ import "../style.css"
4949
| timezone | string | false | UTC | Sets the default timezone |
5050
| theme | [_**ColorTheme**_](#public-types) | false | light | Sets the default theme |
5151
| style | Style | false | 1 | Sets the default [style](https://www.tradingview.com/widget/advanced-chart/) (Bars, Candles) |
52-
| locale | string | false | en | Sets the default locale |
52+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
5353
| toolbar_bg | string | false | #f1f3f6 | Sets the default toolbar background |
5454
| enable_publishing | boolean | false | false | Show the publishing button on the chart |
5555
| hide_top_toolbar | boolean | false | false | Hide top toolbar |
@@ -67,5 +67,5 @@ import "../style.css"
6767
| watchlist | string[] | false | undefined | Show watchlist with added symbols |
6868
| studies | string[] | false | undefined | Add default indicators to chart |
6969
| disabled_features | [_**WidgetFeatures[]**_](#public-types) | false | undefined | Disable specific features in the chart |
70-
| enabled_features | [_**WidgetFeatures[]**_](#public-types) | false | undefined | Enable specific features in the chart |
70+
| enabled_features | [_**WidgetFeatures[]**_](#public-types) | false | undefined | Enable specific features in the chart |
7171
| container_id | string | false | advanced-chart-widget-container | Set container_id generated [here](https://www.tradingview.com/widget/advanced-chart/) |

‎docs/docs/components/CompanyProfile.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,5 +34,5 @@ import { CompanyProfile } from "react-ts-tradingview-widgets";
3434
| autosize | boolean | false | false | Sets the width and height to 100% |
3535
| colorTheme | [_**ColorTheme**_](#public-types) | false | light | Sets the default theme |
3636
| isTransparent | boolean | false | false | Transparent background for component |
37-
| locale | string | false | en | Sets the default locale |
37+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
3838
| largeChartUrl | string | false | undefined | Make widget redirect to larger chart |

‎docs/docs/components/CryptoCoinsHeatmap.md‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
---
2+
sidebar_position: 21
3+
---
4+
5+
# Crypto Coins Heatmap Widget
6+
7+
This is the React component for the [Crypto Coins Heatmap Widget](https://www.tradingview.com/widget/crypto-coins-heatmap/)
8+
9+
## Example
10+
11+
```
12+
import { CryptoCoinsHeatmap } from "react-ts-tradingview-widgets";
13+
14+
<CryptoCoinsHeatmap colorTheme="dark"></CryptoCoinsHeatmap>
15+
```
16+
17+
import { CryptoCoinsHeatmap } from "react-ts-tradingview-widgets";
18+
19+
<CryptoCoinsHeatmap colorTheme="dark"></CryptoCoinsHeatmap>
20+
21+
## Used Private types {#private-types}
22+
23+
| Type | Value |
24+
| ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
25+
| BlockSize | market_cap_calc / market_cap_diluted_calc / 24h_vol_cmc / tvl / 24h_vol_to_market_cap / market_cap_to_tvl |
26+
| BlockColor | change&vert;60 / change&vert;240 / change / Perf.W / Perf.1M / Perf.3M / Perf.6M / Perf.Y / Perf.YTD / 24h_vol_change_cmc / 24h_vol_cmc / Volatility.D / Volatility.D / gap |
27+
28+
## Used Public types {#public-types}
29+
30+
| Type | Value |
31+
| ---------- | ------------ |
32+
| ColorTheme | light / dark |
33+
34+
## Properties
35+
36+
| Property | Type | Required | Default | Description |
37+
| ------------------- | ------------------------------------------------------------ | -------- | ---------------- | --------------------------------------------------------------------- |
38+
| dataSource | Crypto / CryptoWithoutBTC / CryptoWithoutStable / CryptoDefi | false | Crypto | Default dataSource |
39+
| blockSize | [_**BlockSize**_](#private-types) | false | market_cap_basic | Size of the blocks in the heatmap |
40+
| blockColor | [_**BlockColor**_](#private-types) | false | change | Color of the blocks in the heatmap |
41+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
42+
| autosize | boolean | false | false | Sets the width and height to 100% |
43+
| symbolUrl | string | false | "" | Make widget redirect to symbol url |
44+
| colorTheme | [_**ColorTheme**_](#public-types) | false | light | Sets the default theme |
45+
| isZoomEnabled | boolean | false | true | Enables zoom |
46+
| hasTopBar | boolean | false | true | Enables top bar |
47+
| isSetDataSetEnabled | boolean | false | true | Enables set data set button. Can only be enabled if hasTopBar is true |

‎docs/docs/components/CryptocurrencyMarket.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,5 +43,5 @@ import { CryptoCurrencyMarket } from "react-ts-tradingview-widgets";
4343
| screener_type | crypto_mkt | false | crypto_mkt | Sets screener_type (Its always crypto_mkt) |
4444
| displayCurrency | USD / BTC | false | USD | Sets default Display currency |
4545
| colorTheme | [_**ColorTheme**_](#public-types) | false | light | Sets the default theme |
46-
| locale | string | false | en | Sets the default locale |
46+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
4747
| isTransparent | boolean | false | false | Transparent background for component |

‎docs/docs/components/EconomicCalendar.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,6 @@ import { EconomicCalendar } from "react-ts-tradingview-widgets";
3939
| width | number/string | false | 425 | Sets a static width on the component |
4040
| height | number/string | false | 450 | Sets a static height on the component |
4141
| autosize | boolean | false | false | Sets the width and height to 100% |
42-
| locale | string | false | en | Sets the default locale |
42+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
4343
| importanceFilter | [_**ImportanceFilter**_](#private-types) | false | -1,0,1 | High performance |
4444
| currencyFilter | string | false | undefined | Default countries |

‎docs/docs/components/ForexCrossRates.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ import { ForexCrossRates } from "react-ts-tradingview-widgets";
3434
| currencies | string[] | false | See [_**here**_](#currencies) | Sets the default currencies |
3535
| isTransparent | boolean | false | false | Transparent background for component |
3636
| colorTheme | [_**ColorTheme**_](#public-types) | false | light | Sets the default theme |
37-
| locale | string | false | en | Sets the default locale |
37+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
3838
| largeChartUrl | string | false | undefined | Make widget redirect to larger chart |
3939

4040
## Default currencies

‎docs/docs/components/ForexHeatMap.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ import { ForexHeatMap } from "react-ts-tradingview-widgets";
3434
| currencies | string[] | false | See [_**here**_](#currencies) | Sets the default currencies |
3535
| isTransparent | boolean | false | false | Transparent background for component |
3636
| colorTheme | [_**ColorTheme**_](#public-types) | false | light | Sets the default theme |
37-
| locale | string | false | en | Sets the default locale |
37+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
3838
| largeChartUrl | string | false | undefined | Make widget redirect to larger chart |
3939

4040
## Default currencies

‎docs/docs/components/FundamentalData.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,4 +37,4 @@ import { FundamentalData } from "react-ts-tradingview-widgets";
3737
| width | number/string | false | 480 | Sets a static width on the component |
3838
| height | number/string | false | 830 | Sets a static height on the component |
3939
| autosize | boolean | false | false | Sets the width and height to 100% |
40-
| locale | string | false | en | Sets the default locale |
40+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |

‎docs/docs/components/MarketData.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@ import { MarketData } from "react-ts-tradingview-widgets";
3737
| showSymbolLogo | boolean | false | true | Show symbol of ticker |
3838
| colorTheme | [_**ColorTheme**_](#public-types) | false | light | Sets the default theme |
3939
| isTransparent | boolean | false | false | Transparent background for component |
40-
| locale | string | false | en | Sets the default locale |
40+
| locale | [Locales](../types/Locales.md) | false | en | Sets the default locale |
4141
| largeChartUrl | string | false | undefined | Make widget redirect to larger chart |
4242

4343
## MarketDataSymbolsGroup properties {#symbol-group}

0 commit comments

Comments
 (0)