Version 5.13.0

Author: martynasma

package.json

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

packages/shared/CHANGELOG.md

@@ -5,6 +5,22 @@ 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.13.0] - 2025-06-05
+
+### Added 
+- `exactLocationX` and `exactLocationY` added to `XYSeries`. If this is set to `true`, data items will ignore `locationX`/`locationY` setting but will place the data point at exact X/Y value. This will work only with `DateAxis`. If used on a `ColumnSeries`/`CandlestickSeries` it will affect its bullets only.
+- `autoHidePanelControls` added to `StockChart`.
+- `containStroke` added to `Rectangle`. If this is set to `true`, rectangle will be drawn in such a way that its stroke is contained within the rectangle's width and height. Useful if you have thicker `strokeWidth` for `ColumnSeries`.
+- Super Trend indicator added to `StockChart`.
+- `getFillGradientFromSprite` setting added to `Tooltip` (default: `false`).
+
+### Fixed
+- Fixed unserialized drawings like doodles looking jagged (setitng `exactLocationX` to `true` by default on all drawings).
+- Improved step calculation on a logarithmic `ValueAxis`.
+- `Treemap` was not showing pointer cursor on active nodes.
+- `IndicatorControl` no longer will insert a custom indicator created in its callback into `StockChart`'s indicator list if it was already inserted in the callback.
+
+
 ## [5.12.3] - 2025-05-30
 
 ### Added
@@ -46,7 +62,6 @@ adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 - `"drawingsupdated"` event of `StockChart` was being dispatched when drawing was selected. (wasn't exactly fixed in `5.11.3`)
 
 
-
 ## [5.11.3] - 2025-04-09
 
 ### Added

src/.internal/charts/hierarchy/HierarchyDefaultTheme.ts

@@ -425,9 +425,14 @@ export class HierarchyDefaultTheme extends Theme {
 		r("HierarchyNode", ["treemap", "node"]).setAll({
 			tooltipY: percent(40),
 			isMeasured: false,
-			position: "absolute"
+			position: "absolute",
+			cursorOverStyle: "pointer"
 		});
 
+		r("HierarchyNode", ["treemap", "node", "last"]).setAll({			
+			cursorOverStyle: "default"
+		});		
+
 		{
 			const rule = r("RoundedRectangle", ["treemap", "node", "shape"]);
 

src/.internal/charts/stock/StockChart.ts

@@ -144,6 +144,15 @@ export interface IStockChartSettings extends IContainerSettings {
 	 */
 	hideDrawingGrips?: boolean;
 
+	/**
+	 * If set to `true`, panel controls will automatically hide when mouse is
+	 * not over the chart.
+	 *
+	 * @default false
+	 * @since 5.13.0
+	 */
+	autoHidePanelControls?: boolean;
+
 }
 
 export interface IStockChartPrivate extends IContainerPrivate {
@@ -870,12 +879,32 @@ export class StockChart extends Container {
 			const index = this.panelsContainer.children.indexOf(panel);
 			const len = this.panels.length;
 			const visible = "visible"
+			const autoHidePanelControls = this.get("autoHidePanelControls", false);
+
+			panelControls.set(visible, !autoHidePanelControls);
 
 			panelControls.upButton.setPrivate(visible, false);
 			panelControls.downButton.setPrivate(visible, false);
 			panelControls.expandButton.setPrivate(visible, false);
 			panelControls.closeButton.setPrivate(visible, false);
 
+
+			if(autoHidePanelControls) {
+				panel.plotContainer.events.on("pointerover", () => {
+					panelControls.show();
+				})
+
+				panelControls.events.on("pointerover", () => {
+					panelControls.show();
+				})
+
+				panel.plotContainer.events.on("pointerout", () => {
+					if(!panelControls.isHover()){
+						panelControls.hide();
+					}
+				})
+			}
+
 			if (len > 1) {
 				panelControls.expandButton.setPrivate(visible, true);
 

src/.internal/charts/stock/StockChartDefaultTheme.ts

@@ -46,14 +46,15 @@ export class StockChartDefaultTheme extends Theme {
 				strictMinMaxSelection: true
 			},
 			autoSetPercentScale: true,
-			drawingSelectionEnabled: false
+			drawingSelectionEnabled: false,
+			autoHidePanelControls: false
 		});
 
 		r("StockPanel").setAll({
 			panY: true,
 			wheelY: "zoomX",
 			panX: true,
-			minHeight: 1
+			minHeight: 1			
 		});
 
 		r("StockPanel").states.create("hidden", {
@@ -679,6 +680,7 @@ export class StockChartDefaultTheme extends Theme {
 		r("Grid", ["oversold"]).setAll({
 			strokeOpacity: 0.4,
 		});
+		
 
 		// series fill below oversold
 		r("Graphics", ["overboughtoversold", "oversold", "fill"]).setAll({
@@ -687,11 +689,20 @@ export class StockChartDefaultTheme extends Theme {
 		});
 
 		// series fill above oversold
+		
 		r("Graphics", ["overboughtoversold", "overbought", "fill"]).setAll({
 			visible: true,
 			fillOpacity: 0.2
 		});
 
+		r("Graphics", ["fill", "supertrend", "upper"]).setAll({
+			fillOpacity: 0.2
+		})
+
+		r("Graphics", ["fill", "supertrend", "lower"]).setAll({
+			fillOpacity: 0.2
+		})		
+
 		r("Graphics", ["fill", "bollingerbands", "upper"]).setAll({
 			fillOpacity: 0.2
 		})
@@ -804,7 +815,7 @@ export class StockChartDefaultTheme extends Theme {
 		r("LineSeries", ["movingaverage"]).setAll({
 			legendValueText: "[{seriesColor} bold]{valueY.formatNumber('#.00')}[/]",
 			legendLabelText: "{shortName} ({period.formatNumber('#.')},{field},{type},{offset.formatNumber('#.')})"
-		})
+		})		
 
 		r("ColumnSeries", ["movingaveragedeviation"]).setAll({
 			legendValueText: "[{deviationColor}; bold]{valueY.formatNumber('#.00')}[/]",
@@ -846,6 +857,11 @@ export class StockChartDefaultTheme extends Theme {
 			legendLabelText: "{shortName} ({period.formatNumber('#.')},{kSmoothing.formatNumber('#.')},{dSmoothing.formatNumber('#.')})"
 		})
 
+		r("LineSeries", ["supertrend"]).setAll({
+			legendValueText: "",
+			legendLabelText: "{shortName} ({period.formatNumber('#.')},{multiplier.formatNumber('#.')})"
+		})		
+
 		r("LineSeries", ["trix"]).setAll({
 			legendValueText: "[{seriesColor} bold]{valueY.formatNumber('#.00')}[/] [{signalColor} bold]{signal.formatNumber('#.00')}[/]",
 			legendLabelText: "{shortName} ({period.formatNumber('#.')})"
@@ -1143,6 +1159,15 @@ export class StockChartDefaultTheme extends Theme {
 			seriesColor: color(0xab82da)
 		})
 
+		r("SuperTrend").setAll({
+			name: l.translateAny("Super Trend"),
+			shortName: l.translateAny("Super Trend"),
+			period: 10,
+			upperColor: ic.get("negative"),
+			lowerColor: ic.get("positive"),
+			multiplier: 3
+		})
+
 		r("WilliamsR").setAll({
 			name: l.translateAny("Williams %R"),
 			shortName: l.translateAny("Williams %R"),
@@ -1278,7 +1303,7 @@ export class StockChartDefaultTheme extends Theme {
 			scrollable: true,
 			fixedLabel: true,
 			searchable: true,
-			indicators: ["Acceleration Bands", "Accumulation Distribution", "Accumulative Swing Index", "Aroon", "Average True Range", "Awesome Oscillator", "Bollinger Bands", "Bull Bear Power", "Chaikin Money Flow", "Chaikin Oscillator", "Commodity Channel Index", "Disparity Index", "Heikin Ashi", "MACD", "Median Price", "Momentum", "Moving Average", "Moving Average Cross", "Moving Average Deviation", "Moving Average Envelope", "On Balance Volume", "Price Volume Trend", "Relative Strength Index", "Standard Deviation", "Stochastic Momentum Index", "Stochastic Oscillator", "Trix", "Typical Price", "Volume", "Volume Profile", "VWAP", "Williams R", "ZigZag"]
+			indicators: ["Acceleration Bands", "Accumulation Distribution", "Accumulative Swing Index", "Aroon", "Average True Range", "Awesome Oscillator", "Bollinger Bands", "Bull Bear Power", "Chaikin Money Flow", "Chaikin Oscillator", "Commodity Channel Index", "Disparity Index", "Heikin Ashi", "MACD", "Median Price", "Momentum", "Moving Average", "Moving Average Cross", "Moving Average Deviation", "Moving Average Envelope", "On Balance Volume", "Price Volume Trend", "Relative Strength Index", "Standard Deviation", "Stochastic Momentum Index", "Stochastic Oscillator", "Super Trend", "Trix", "Typical Price", "Volume", "Volume Profile", "VWAP", "Williams R", "ZigZag"]
 		});
 
 		r("ComparisonControl").setAll({

src/.internal/charts/stock/drawing/DrawingSeries.ts

@@ -185,6 +185,7 @@ export class DrawingSeries extends LineSeries {
 	protected _afterNew() {
 		this.addTag("drawing");
 		this.setPrivate("allowChangeSnap", true);
+		this.set("exactLocationX", true);
 
 		if (this._tag) {
 			this.addTag(this._tag);