Version 5.0.0-beta.17

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@amcharts/amcharts5",
-  "version": "5.0.0-beta.16",
+  "version": "5.0.0-beta.17",
   "author": "amCharts <[email protected]> (https://www.amcharts.com/)",
   "description": "amCharts 5",
   "homepage": "https://www.amcharts.com/",

packages/shared/CHANGELOG.md

@@ -5,6 +5,16 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/).
 Please note, that this project, while following numbering syntax, it DOES NOT
 adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 
+## [5.0.0-beta.17] - 2021-09-15
+
+### Changed
+- Default for `Treemap` setting `layoutAlgorithm` changed to `"squarify"`.
+- Providing value in Hierarchy node's data will override sum of its children (except for `Pack`). 
+
+### Fixed
+- `ForceDirected` nodes were linked to invisible top node even though `topLevel` was set to `1` meaning top node should not be visible. This was causing issues with the layout of such nodes.
+
+
 ## [5.0.0-beta.16] - 2021-09-14
 
 ### Fixed

src/.internal/charts/hierarchy/Hierarchy.ts

@@ -25,6 +25,7 @@ export interface IHierarchyDataObject {
 	value?: number,
 	children?: IHierarchyDataObject[],
 	dataItem?: DataItem<IHierarchyDataItem>
+	customValue?: boolean;
 };
 
 export interface IHierarchyDataItem extends ISeriesDataItem {
@@ -410,7 +411,6 @@ export abstract class Hierarchy extends Series {
 			node.setAll({ toggleKey: undefined, cursorOverStyle: "default" });
 		}
 
-
 		if (dataItem.get("disabled") == null) {
 			if (depth >= topDepth + initialDepth) {
 				this.disableDataItem(dataItem, 0);
@@ -438,7 +438,13 @@ export abstract class Hierarchy extends Series {
 
 			dataItem.get("node").set("disabled", dataItem.get("disabled"));
 
-			const value = d3HierarchyNode.value;
+			let dataValue = d3HierarchyNode.data.value;
+			let value = d3HierarchyNode.value
+
+			if(dataValue != null){				
+				value = dataValue;
+			}
+
 			if ($type.isNumber(value)) {
 				dataItem.setRaw("sum", value);
 
@@ -474,6 +480,11 @@ export abstract class Hierarchy extends Series {
 				childrenDataArray.push(childData);
 				this._makeHierarchyData(childData, childDataItem);
 			})
+
+			const value = dataItem.get("valueWorking");
+			if ($type.isNumber(value)) {
+				data.value = value;
+			}
 		}
 		else {
 			const value = dataItem.get("valueWorking");

src/.internal/charts/hierarchy/LinkedHierarchy.ts

@@ -214,7 +214,7 @@ export abstract class LinkedHierarchy extends Hierarchy {
 		super._processDataItem(dataItem);
 
 		const parentDataItem = dataItem.get("parent");
-		if (parentDataItem) {
+		if (parentDataItem && parentDataItem.get("depth") >= this.get("topDepth")) {
 			const link = this.linkDataItems(parentDataItem, dataItem);
 			dataItem.setRaw("parentLink", link);
 		}

src/.internal/charts/hierarchy/Treemap.ts

@@ -77,7 +77,7 @@ export interface ITreemapSettings extends IHierarchySettings {
 	 * An algorithm to use when laying out node rectangles.
 	 *
 	 * @see {@link }
-	 * @default "binary"
+	 * @default "squarify"
 	 */
 	layoutAlgorithm?: "binary" | "squarify" | "slice" | "dice" | "sliceDice";
 

src/.internal/themes/DefaultTheme.ts

@@ -2188,8 +2188,8 @@ export class DefaultTheme extends Theme {
 			minRadius: percent(1),
 			maxRadius: percent(8),
 			initialFrames: 500,
-			centerStrength: 0.5,
-			manyBodyStrength: -15,
+			centerStrength: 0.8,
+			manyBodyStrength: -14,
 			velocityDecay: 0.5,
 			linkWithStrength: 0.5,
 			showOnFrame: 10,
@@ -2280,7 +2280,7 @@ export class DefaultTheme extends Theme {
 
 		this.rule("Treemap").setAll({
 			upDepth: 0,
-			layoutAlgorithm: "binary"
+			layoutAlgorithm: "squarify"
 		});
 
 		{