Version 5.0.0-beta.29

examples/shared/xy-line/index.ts

@@ -14,6 +14,12 @@ root.setThemes([
   am5themes_Animated.new(root)
 ]);
 
+// Specify date fields, so that they are formatted accordingly in tooltips
+// https://www.amcharts.com/docs/v5/concepts/formatters/data-placeholders/#Formatting_placeholders
+root.dateFormatter.setAll({
+  dateFields: ["valueX"]
+});
+
 
 // Create chart
 // https://www.amcharts.com/docs/v5/charts/xy-chart/
@@ -87,7 +93,7 @@ const series = chart.series.push(am5xy.LineSeries.new(root, {
 }));
 
 const tooltip = series.set("tooltip", am5.Tooltip.new(root, {}));
-tooltip.label.set("text", "{valueY}");
+tooltip.label.set("text", "{valueX}: {valueY}");
 
 
 // Add scrollbar

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@amcharts/amcharts5",
-  "version": "5.0.0-beta.28",
+  "version": "5.0.0-beta.29",
   "author": "amCharts <contact@amcharts.com> (https://www.amcharts.com/)",
   "description": "amCharts 5",
   "homepage": "https://www.amcharts.com/",

packages/geodata/CHANGELOG.md

@@ -7,6 +7,9 @@ adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 
 ## [UNRELEASED] - ????-??-??
 
+### Fixed
+- Fixed area IDs in map of Slovenia.
+
 
 ## [5.0.2] - 2021-09-24
 

packages/shared/CHANGELOG.md

@@ -5,18 +5,42 @@ 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.29] - 2021-10-01
+
+### Added
+- Wherever date or number format can be set (`DateFormatter`, `NumberFormatter`, `DateAxis`, `ValueAxis`, `Exporting`) it can now be set as `Intl.DateTimeFormatOptions` (for date format) or `Intl.NumberFormatOptions` (for number format) object in additional to string-based format. [More info](https://www.amcharts.com/docs/v5/tutorials/formatting-date-time-and-numbers-using-intl-object/).
+- New list type `ListAutoDispose` added.
+
+### Changed
+- `XYCursor` will now ignore mouse movement if chart is obstructed by other element, unless zoomin/panning.
+- `series`, `xAxes`, and `yAxes` on an `XYChart` are now `ListAutoDispose`, which means that removing items from those lists will automatically dispose them. Set `autoDispose = false` on those lists if you are planning on removing and reusing items.
+
+### Fixed
+- `Sunburst` nodes were shown on drill-down when they were not supposed to in some cases.
+- `Hierarchy` node elements were ignoring `templateField`.
+- It was impossible to move `XYChart` scrollbars to some other container.
+- Fixed memory leaking when scrolling `LineSeries`, and when disposing series or other items.
+- `XYCursor` was not firing `selectended` event if `behavior` was set to `"selectX"`, `"selectY"`, or `"selectXY"`.
+- `XYCursor` was hiding selection when when behavior was set to `"selectX"`, `"selectY"`, or `"selectXY"`.
+- `SerialChart.series.clear()` was not working properly.
+
+
 ## [5.0.0-beta.28] - 2021-09-28
 
 ### Added
 - Two new settings in `Pattern`: `strokeDasharray` and `strokeDashoffset`.
 - `Graphics` and `Picture` can now have shadows with additional settings: `shadowColor`, `shadowBlur`, `shadowOffsetX`, `shadowOffsetY`, and `shadowOpacity`. [More info](https://www.amcharts.com/docs/v5/concepts/colors-gradients-and-patterns/shadows/).
+- New setting in `ListTemplate`: `autoDispose` (default: `true`). If set to `true` will dispose items removed from the list.
 
 ### Changed
 - `width` and `height` settings in `Pattern` are now optional.
 
 ### Fixed
 - Fixed the priority of `template` and `templateField`.
 - It's now possible for the user to override the `template` of the `ListTemplate`.
+- Fixed a memory leak where series' entities were not properly disposed.
+- `DataProcessor` was not parsing dates as `Date` objects unless `dateFormat` was also set (which is completely not needed).
+- `setRaw` and `setPrivateRaw` no longer trigger events if the value didn't change.
 
 
 ## [5.0.0-beta.27] - 2021-09-27

src/.internal/charts/flow/Flow.ts

@@ -319,8 +319,8 @@ export abstract class Flow extends Series {
 		const target = dataItem.get("target");
 		const sourceFill = source.get("fill");
 		const targetFill = target.get("fill");
-		link.set("fillGradient", undefined);
-		link.set("strokeGradient", undefined);
+		link.remove("fillGradient");
+		link.remove("strokeGradient");
 
 		switch (fillStyle) {
 
@@ -354,7 +354,7 @@ export abstract class Flow extends Series {
 				link.set("fillGradient", gradient);
 				break;
 			case "none":
-				link.set("fill", undefined);
+				link.set("fill", undefined); // do not use remove!
 				break;
 		}
 
@@ -390,7 +390,7 @@ export abstract class Flow extends Series {
 				break;
 
 			case "none":
-				link.set("stroke", undefined);
+				link.remove("stroke");
 				break;
 		}
 	}

src/.internal/charts/flow/SankeyLink.ts

@@ -70,18 +70,18 @@ export class SankeyLink extends FlowLink {
 			const source = this.get("source");
 			if (source) {
 				const sourceNode = source.get("node");
-				sourceNode.events.on("positionchanged", () => {
+				this._disposers.push(sourceNode.events.on("positionchanged", () => {
 					this.markDirty();
-				})
+				}))
 			}
 		}
 		if (this.isDirty("target")) {
 			const target = this.get("target");
 			if (target) {
 				const targetNode = target.get("node");
-				targetNode.events.on("positionchanged", () => {
+				this._disposers.push(targetNode.events.on("positionchanged", () => {
 					this.markDirty();
-				})
+				}))
 			}
 		}
 

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

@@ -197,9 +197,9 @@ export abstract class Hierarchy extends Series {
 	 */
 	public readonly nodes: ListTemplate<HierarchyNode> = new ListTemplate(
 		Template.new({}),
-		() => HierarchyNode._new(this._root, {
+		() => HierarchyNode.new(this._root, {
 			themeTags: $utils.mergeTags(this.nodes.template.get("themeTags", []), [this._tag, "hierarchy", "node"])
-		}, [this.nodes.template])
+		}, this.nodes.template)
 	);
 
 	/**
@@ -239,9 +239,9 @@ export abstract class Hierarchy extends Series {
 	 */
 	public readonly labels: ListTemplate<Label> = new ListTemplate(
 		Template.new({}),
-		() => Label._new(this._root, {
+		() => Label.new(this._root, {
 			themeTags: $utils.mergeTags(this.labels.template.get("themeTags", []), [this._tag, "hierarchy", "node"])
-		}, [this.labels.template])
+		}, this.labels.template)
 	);
 
 	public _currentDownDepth: number | undefined;

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

@@ -195,6 +195,9 @@ export abstract class LinkedHierarchy extends Hierarchy {
 
 		const d = circle.get("radius", this.width()) * 2;
 		label.setAll({ maxWidth: d, maxHeight: d });
+
+		circle._setDataItem(dataItem);
+		outerCircle._setDataItem(dataItem);
 
 		return node;
 	}
@@ -274,13 +277,16 @@ export abstract class LinkedHierarchy extends Hierarchy {
 		const fill = dataItem.get("fill");
 		const circle = dataItem.get("circle");
 		const children = dataItem.get("children");
+
 		if (circle) {
-			circle.setAll({ fill: fill, stroke: fill });
+			circle._setDefault("fill", fill);
+			circle._setDefault("stroke", fill);
 		}
 
 		const outerCircle = dataItem.get("outerCircle");
 		if (outerCircle) {
-			outerCircle.setAll({ fill: fill, stroke: fill });
+			outerCircle._setDefault("fill", fill);
+			outerCircle._setDefault("stroke", fill);
 
 			if (!children || children.length == 0) {
 				outerCircle.setPrivate("visible", false);

src/.internal/charts/hierarchy/Pack.ts

@@ -135,11 +135,12 @@ export class Pack extends Hierarchy {
 		node.animate({ key: "x", to: x, duration: duration, easing: easing })
 		node.animate({ key: "y", to: y, duration: duration, easing: easing })
 
-		const fill = dataItem.get("fill");
-
 		if (circle) {
+			const fill = dataItem.get("fill");
+
 			circle.animate({ key: "radius", to: radius, duration: duration, easing: easing })
-			circle.setAll({ fill: fill });
+			circle._setDefault("fill", fill);
+			circle._setDefault("stroke", fill);
 		}
 	}
 

src/.internal/charts/hierarchy/Partition.ts

@@ -197,9 +197,11 @@ export class Partition extends Hierarchy {
 
 		if (rectangle) {
 			const fill = dataItem.get("fill");
+
 			rectangle.animate({ key: "width", to: w, duration: duration, easing: easing })
 			rectangle.animate({ key: "height", to: h, duration: duration, easing: easing })
-			rectangle.setAll({ fill: fill });
+			rectangle._setDefault("fill", fill);
+			rectangle._setDefault("stroke", fill);			
 		}
 	}
 
@@ -256,6 +258,7 @@ export class Partition extends Hierarchy {
 		const rectangle = node.children.moveValue(this.rectangles.make(), 0);
 		node.setPrivate("tooltipTarget", rectangle);
 		dataItem.setRaw("rectangle", rectangle);
+		rectangle._setDataItem(dataItem);
 
 		const label = dataItem.get("label");
 

src/.internal/charts/hierarchy/Sunburst.ts

@@ -259,7 +259,11 @@ export class Sunburst extends Partition {
 			slice.animate({ key: "innerRadius", to: sliceInnerRadius, duration: duration, easing: easing })
 			slice.animate({ key: "startAngle", to: sliceStartAngle, duration: duration, easing: easing })
 			slice.animate({ key: "arc", to: arc, duration: duration, easing: easing })
-			slice.setAll({ fill: dataItem.get("fill") });
+
+			const fill = dataItem.get("fill");
+
+			slice._setDefault("fill", fill);
+			slice._setDefault("stroke", fill);
 		}
 	}
 
@@ -314,6 +318,8 @@ export class Sunburst extends Partition {
 		node.setPrivate("tooltipTarget", slice);
 		dataItem.setRaw("slice", slice);
 
+		slice._setDataItem(dataItem);
+
 		slice.on("arc", () => {
 			this._updateLabel(dataItem);
 		})

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

@@ -242,12 +242,13 @@ export class Treemap extends Hierarchy {
 		node.animate({ key: "width", to: w, duration: duration, easing: easing })
 		node.animate({ key: "height", to: h, duration: duration, easing: easing })
 
-		const fill = dataItem.get("fill");
-
 		if (rectangle) {
+			const fill = dataItem.get("fill");
+
 			rectangle.animate({ key: "width", to: w, duration: duration, easing: easing })
 			rectangle.animate({ key: "height", to: h, duration: duration, easing: easing })
-			rectangle.setAll({ fill: fill });
+			rectangle._setDefault("fill", fill);
+			rectangle._setDefault("stroke", fill);
 		}
 	}
 

src/.internal/charts/map/MapChart.ts

@@ -430,13 +430,7 @@ export class MapChart extends SerialChart {
 			if (zoomControl !== previous) {
 				this._disposeProperty("zoomControl");
 				if (previous) {
-					previous.setPrivate("chart", undefined)
-					if (previous.get("autoDispose")) {
-						previous.dispose();
-					}
-					else {
-						this.children.removeValue(previous)
-					}
+					previous.dispose();
 				}
 				if (zoomControl) {
 					zoomControl.setPrivate("chart", this);

src/.internal/charts/radar/AxisRendererCircular.ts

@@ -124,7 +124,7 @@ export class AxisRendererCircular extends AxisRenderer {
 	public _afterNew() {
 		this._settings.themeTags = $utils.mergeTags(this._settings.themeTags, ["renderer", "circular"]);
 		super._afterNew();
-		this._setPrivate("letter", "X");
+		this.setPrivateRaw("letter", "X");
 		this.setRaw("position", "absolute");
 	}
 

src/.internal/charts/radar/AxisRendererRadial.ts

@@ -108,7 +108,7 @@ export class AxisRendererRadial extends AxisRenderer {
 	public _afterNew() {
 		this._settings.themeTags = $utils.mergeTags(this._settings.themeTags, ["renderer", "radial"]);
 		super._afterNew();
-		this._setPrivate("letter", "Y");
+		this.setPrivate("letter", "Y");
 		this.setRaw("position", "absolute");
 	}
 

src/.internal/charts/radar/RadarChart.ts

@@ -204,7 +204,7 @@ export class RadarChart extends XYChart {
 				this._updateMask(series.bulletsContainer, innerRadius, radius);
 			}
 			else {
-				series.bulletsContainer.set("mask", undefined);
+				series.bulletsContainer.remove("mask");
 			}
 		})