@syncfusion/ej2-treemap 19.4.48 → 20.1.47-14088
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +96 -80
- package/README.md +69 -69
- package/dist/ej2-treemap.umd.min.js +1 -10
- package/dist/ej2-treemap.umd.min.js.map +1 -1
- package/dist/es6/ej2-treemap.es2015.js +80 -71
- package/dist/es6/ej2-treemap.es2015.js.map +1 -1
- package/dist/es6/ej2-treemap.es5.js +138 -129
- package/dist/es6/ej2-treemap.es5.js.map +1 -1
- package/helper/e2e/index.js +3 -3
- package/helper/e2e/treemap-helper.js +13 -13
- package/license +9 -9
- package/package.json +78 -78
- package/src/treemap/layout/legend.js +1 -1
- package/src/treemap/model/base-model.d.ts +485 -485
- package/src/treemap/model/base.js +19 -19
- package/src/treemap/model/interface.d.ts +17 -17
- package/src/treemap/model/pdf-export.js +2 -2
- package/src/treemap/model/theme.js +2 -2
- package/src/treemap/treemap-model.d.ts +221 -221
- package/src/treemap/treemap.d.ts +2 -1
- package/src/treemap/treemap.js +51 -46
- package/src/treemap/user-interaction/highlight-selection.js +12 -12
- package/src/treemap/user-interaction/tooltip.js +14 -10
- package/src/treemap/utils/enum.d.ts +5 -1
- package/src/treemap/utils/helper.js +5 -5
- package/.eslintrc.json +0 -244
- package/.github/PULL_REQUEST_TEMPLATE/Bug.md +0 -72
- package/.github/PULL_REQUEST_TEMPLATE/Feature.md +0 -49
- package/dist/global/ej2-treemap.min.js +0 -11
- package/dist/global/ej2-treemap.min.js.map +0 -1
- package/dist/global/index.d.ts +0 -14
- package/tslint.json +0 -111
package/CHANGELOG.md
CHANGED
|
@@ -1,80 +1,96 @@
|
|
|
1
|
-
<!-- markdownlint-disable MD010 -->
|
|
2
|
-
|
|
3
|
-
<!-- markdownlint-disable MD030 -->
|
|
4
|
-
|
|
5
|
-
<!-- markdownlint-disable MD004 -->
|
|
6
|
-
|
|
7
|
-
# Changelog
|
|
8
|
-
|
|
9
|
-
## [Unreleased]
|
|
10
|
-
|
|
11
|
-
##
|
|
12
|
-
|
|
13
|
-
### TreeMap
|
|
14
|
-
|
|
15
|
-
####
|
|
16
|
-
|
|
17
|
-
- `#
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
#### Bug Fixes
|
|
36
|
-
|
|
37
|
-
- `#
|
|
38
|
-
|
|
39
|
-
## 17.1.
|
|
40
|
-
|
|
41
|
-
### TreeMap
|
|
42
|
-
|
|
43
|
-
#### Bug Fixes
|
|
44
|
-
|
|
45
|
-
- `#
|
|
46
|
-
|
|
47
|
-
## 17.1.
|
|
48
|
-
|
|
49
|
-
### TreeMap
|
|
50
|
-
|
|
51
|
-
####
|
|
52
|
-
|
|
53
|
-
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
-
|
|
1
|
+
<!-- markdownlint-disable MD010 -->
|
|
2
|
+
|
|
3
|
+
<!-- markdownlint-disable MD030 -->
|
|
4
|
+
|
|
5
|
+
<!-- markdownlint-disable MD004 -->
|
|
6
|
+
|
|
7
|
+
# Changelog
|
|
8
|
+
|
|
9
|
+
## [Unreleased]
|
|
10
|
+
|
|
11
|
+
## 20.1.59 (2022-06-07)
|
|
12
|
+
|
|
13
|
+
### TreeMap
|
|
14
|
+
|
|
15
|
+
#### Bug Fixes
|
|
16
|
+
|
|
17
|
+
- `#I380447` - Exceptions will no longer be thrown if the TreeMap's id name contains an underscore character.
|
|
18
|
+
|
|
19
|
+
## 20.1.55 (2022-05-12)
|
|
20
|
+
|
|
21
|
+
### TreeMap
|
|
22
|
+
|
|
23
|
+
#### Bug Fixes
|
|
24
|
+
|
|
25
|
+
- `#I377352` - The samples in the TreeMap sample browser can now be edited in the StackBlitz.
|
|
26
|
+
|
|
27
|
+
## 18.2.44 (2020-07-07)
|
|
28
|
+
|
|
29
|
+
### TreeMap
|
|
30
|
+
|
|
31
|
+
#### New Features
|
|
32
|
+
|
|
33
|
+
- `#280380` - `isResized` argument is exposed in the `loaded` event arguments for indicating that the component is resized.
|
|
34
|
+
|
|
35
|
+
#### Bug Fixes
|
|
36
|
+
|
|
37
|
+
- `#280380` - Color of the treemap item will be maintained when the fill color of the selection settings is not provided.
|
|
38
|
+
|
|
39
|
+
## 17.1.48 (2019-05-21)
|
|
40
|
+
|
|
41
|
+
### TreeMap
|
|
42
|
+
|
|
43
|
+
#### Bug Fixes
|
|
44
|
+
|
|
45
|
+
- `#I235721` - The issue with color value in individual nodes of levels in treemap has been resolved.
|
|
46
|
+
|
|
47
|
+
## 17.1.44 (2019-05-07)
|
|
48
|
+
|
|
49
|
+
### TreeMap
|
|
50
|
+
|
|
51
|
+
#### Bug Fixes
|
|
52
|
+
|
|
53
|
+
- `#I234615` - The issue with value from the "fill" property is not applied when we have both the "fill" and "colorValuePath" APIs has been fixed.
|
|
54
|
+
|
|
55
|
+
## 17.1.42 (2019-04-23)
|
|
56
|
+
|
|
57
|
+
### TreeMap
|
|
58
|
+
|
|
59
|
+
#### Bug Fixes
|
|
60
|
+
|
|
61
|
+
- `#I233284` – The issue of breaking the treemap, if data contains the "_" character in its value has been fixed.
|
|
62
|
+
|
|
63
|
+
## 17.1.32-beta (2019-03-13)
|
|
64
|
+
|
|
65
|
+
### TreeMap
|
|
66
|
+
|
|
67
|
+
#### New Features
|
|
68
|
+
|
|
69
|
+
- The right-to-left (RTL) rendering support has been provided.
|
|
70
|
+
- Load on-demand option has been provided to load and render the child items dynamically.
|
|
71
|
+
- Responsive support has been provided to the TreeMap legend.
|
|
72
|
+
- The 'doubleClick', 'rightClick', and 'legendRendering' events have been provided in TreeMap.
|
|
73
|
+
|
|
74
|
+
## 16.4.40-beta (2018-12-10)
|
|
75
|
+
|
|
76
|
+
### TreeMap
|
|
77
|
+
|
|
78
|
+
#### New Features
|
|
79
|
+
|
|
80
|
+
- Support has been added for desaturation color mapping.
|
|
81
|
+
- Support has been added to hide specific legend items and bind legend text from data source.
|
|
82
|
+
- Support has been added for highlighting or selecting the legend items along with shapes.
|
|
83
|
+
- Support has been added to bind colors for the items from the data source.
|
|
84
|
+
|
|
85
|
+
## 16.2.41 (2018-06-25)
|
|
86
|
+
|
|
87
|
+
### TreeMap
|
|
88
|
+
|
|
89
|
+
The TreeMap is used to displayed the hierarchical or multi-level data to visualize the nested rectangles.
|
|
90
|
+
|
|
91
|
+
- **Layout Mode** - TreeMap supports different type of layouts like Squarified, SliceAndDiceHorizontal, SliceAndDiceVertical and SliceAndDiceAuto.
|
|
92
|
+
- **Legend** - TreeMap supports legend feature with different mode. Default and Interactive.
|
|
93
|
+
- **LabelTemplate** - Leaf item labels can be customized by the label template.
|
|
94
|
+
- **ColorMapping** - TreeMap supports the color mapping feature. It used to customize the leaf item fill colors based on range or values.
|
|
95
|
+
- **User-Interactions** - TreeMap supports the Drilldown, Tooltip, Highlight and Selection user interaction features.
|
|
96
|
+
- **Print and Export** - TreeMap supports printing and exporting as different file types.
|
package/README.md
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
# ej2-treemap
|
|
2
|
-
|
|
3
|
-
The tree map control provides a simple and effective way to visualize flat or hierarchical data as clustered rectangles with a specific, weighted attribute determining the size of each rectangle.
|
|
4
|
-
|
|
5
|
-
![TreeMap] (https://ej2.syncfusion.com/products/images/treemap/readme.gif)
|
|
6
|
-
|
|
7
|
-
> TreeMap is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=treemap)
|
|
8
|
-
|
|
9
|
-
## Setup
|
|
10
|
-
|
|
11
|
-
To install TreeMap and its dependent packages, use the following command
|
|
12
|
-
|
|
13
|
-
```sh
|
|
14
|
-
npm install @syncfusion/ej2-treemap
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
## Resources
|
|
18
|
-
|
|
19
|
-
* [Getting Started](https://ej2.syncfusion.com/documentation/treemap/getting-started.html?lang=typescript)
|
|
20
|
-
* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/default.html)
|
|
21
|
-
* [Product Page](https://www.syncfusion.com/products/javascript/treemap)
|
|
22
|
-
|
|
23
|
-
## Supported Frameworks
|
|
24
|
-
|
|
25
|
-
TreeMap component is also offered in following list of frameworks.
|
|
26
|
-
|
|
27
|
-
1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-treemap?utm_source=npm&utm_campaign=treemap)
|
|
28
|
-
2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-treemap?utm_source=npm&utm_campaign=treemap)
|
|
29
|
-
3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-treemap?utm_source=npm&utm_campaign=treemap)
|
|
30
|
-
4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/TreeMap/Default#/material)
|
|
31
|
-
5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/TreeMap/Default#/material)
|
|
32
|
-
6. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/treemap)
|
|
33
|
-
|
|
34
|
-
## Use case samples
|
|
35
|
-
|
|
36
|
-
* Olympic medal categories details ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/customization.html))
|
|
37
|
-
* Countries population details ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/drilldown.html))
|
|
38
|
-
|
|
39
|
-
## Key Features
|
|
40
|
-
|
|
41
|
-
* [**Data sources**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/pie.html) - Binds the tree map component with an array of JSON objects or DataManager. Both the heirarcical and flat collection data sources are supported.
|
|
42
|
-
* [**Levels**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/default.html) - Renders with any number of levels and items.
|
|
43
|
-
* [**Layout**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/layout.html) - Supports four types of layouts: square, horizontal, vertical, and auto.
|
|
44
|
-
* [**Drill-down**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/drilldown.html) - Provides drill-down option to have a closer look at the lower level of a hierarchy.
|
|
45
|
-
* [**Data label**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/label.html) - Provides additional information about the nodes.
|
|
46
|
-
* [**Label template**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/customization.html) - Uses any custom HTML element as data label for each node.
|
|
47
|
-
* [**Color mapping**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/label.html) - Applies colors to the nodes based on various conditions. Tree map supports three types of color mapping: range, equal, and desaturation.
|
|
48
|
-
* [**Legend**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/election.html) - Denotes the color mapping categories.
|
|
49
|
-
* [**Selection and Highlight**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/selection.html) - Supports selecting or highlighting the nodes to bring center of attraction.
|
|
50
|
-
* [**Tooltip**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/tooltip.html) - Provides additonal information about the nodes on mouse hover.
|
|
51
|
-
* [**Print and Export**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/print.html) - Provides options to print and export the rendered tree map for future use.
|
|
52
|
-
|
|
53
|
-
## Support
|
|
54
|
-
|
|
55
|
-
Product support is available for through following mediums.
|
|
56
|
-
|
|
57
|
-
* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=treemap) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=treemap).
|
|
58
|
-
* New [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues).
|
|
59
|
-
* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
|
|
60
|
-
|
|
61
|
-
## License
|
|
62
|
-
|
|
63
|
-
Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/treemap/license?utm_source=npm&utm_campaign=treemap).
|
|
64
|
-
|
|
65
|
-
## Changelog
|
|
66
|
-
|
|
67
|
-
Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/treemap/CHANGELOG.md?utm_source=npm&utm_campaign=treemap)
|
|
68
|
-
|
|
69
|
-
© Copyright
|
|
1
|
+
# ej2-treemap
|
|
2
|
+
|
|
3
|
+
The tree map control provides a simple and effective way to visualize flat or hierarchical data as clustered rectangles with a specific, weighted attribute determining the size of each rectangle.
|
|
4
|
+
|
|
5
|
+
![TreeMap] (https://ej2.syncfusion.com/products/images/treemap/readme.gif)
|
|
6
|
+
|
|
7
|
+
> TreeMap is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=treemap)
|
|
8
|
+
|
|
9
|
+
## Setup
|
|
10
|
+
|
|
11
|
+
To install TreeMap and its dependent packages, use the following command
|
|
12
|
+
|
|
13
|
+
```sh
|
|
14
|
+
npm install @syncfusion/ej2-treemap
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Resources
|
|
18
|
+
|
|
19
|
+
* [Getting Started](https://ej2.syncfusion.com/documentation/treemap/getting-started.html?lang=typescript)
|
|
20
|
+
* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/default.html)
|
|
21
|
+
* [Product Page](https://www.syncfusion.com/products/javascript/treemap)
|
|
22
|
+
|
|
23
|
+
## Supported Frameworks
|
|
24
|
+
|
|
25
|
+
TreeMap component is also offered in following list of frameworks.
|
|
26
|
+
|
|
27
|
+
1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-treemap?utm_source=npm&utm_campaign=treemap)
|
|
28
|
+
2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-treemap?utm_source=npm&utm_campaign=treemap)
|
|
29
|
+
3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-treemap?utm_source=npm&utm_campaign=treemap)
|
|
30
|
+
4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/TreeMap/Default#/material)
|
|
31
|
+
5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/TreeMap/Default#/material)
|
|
32
|
+
6. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/treemap)
|
|
33
|
+
|
|
34
|
+
## Use case samples
|
|
35
|
+
|
|
36
|
+
* Olympic medal categories details ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/customization.html))
|
|
37
|
+
* Countries population details ([Live Demo](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/drilldown.html))
|
|
38
|
+
|
|
39
|
+
## Key Features
|
|
40
|
+
|
|
41
|
+
* [**Data sources**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/pie.html) - Binds the tree map component with an array of JSON objects or DataManager. Both the heirarcical and flat collection data sources are supported.
|
|
42
|
+
* [**Levels**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/default.html) - Renders with any number of levels and items.
|
|
43
|
+
* [**Layout**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/layout.html) - Supports four types of layouts: square, horizontal, vertical, and auto.
|
|
44
|
+
* [**Drill-down**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/drilldown.html) - Provides drill-down option to have a closer look at the lower level of a hierarchy.
|
|
45
|
+
* [**Data label**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/label.html) - Provides additional information about the nodes.
|
|
46
|
+
* [**Label template**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/customization.html) - Uses any custom HTML element as data label for each node.
|
|
47
|
+
* [**Color mapping**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/label.html) - Applies colors to the nodes based on various conditions. Tree map supports three types of color mapping: range, equal, and desaturation.
|
|
48
|
+
* [**Legend**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/election.html) - Denotes the color mapping categories.
|
|
49
|
+
* [**Selection and Highlight**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/selection.html) - Supports selecting or highlighting the nodes to bring center of attraction.
|
|
50
|
+
* [**Tooltip**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/tooltip.html) - Provides additonal information about the nodes on mouse hover.
|
|
51
|
+
* [**Print and Export**](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=treemap#/material/treemap/print.html) - Provides options to print and export the rendered tree map for future use.
|
|
52
|
+
|
|
53
|
+
## Support
|
|
54
|
+
|
|
55
|
+
Product support is available for through following mediums.
|
|
56
|
+
|
|
57
|
+
* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=treemap) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=treemap).
|
|
58
|
+
* New [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues).
|
|
59
|
+
* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
|
|
60
|
+
|
|
61
|
+
## License
|
|
62
|
+
|
|
63
|
+
Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/treemap/license?utm_source=npm&utm_campaign=treemap).
|
|
64
|
+
|
|
65
|
+
## Changelog
|
|
66
|
+
|
|
67
|
+
Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/controls/treemap/CHANGELOG.md?utm_source=npm&utm_campaign=treemap)
|
|
68
|
+
|
|
69
|
+
© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|