--- Highcharts 11.4.0 official release ---

highcharts · Mar 5, 2024 · 7b46132 · 7b46132
1 parent 3ecf2de
commit 7b46132
Show file tree

Hide file tree

Showing 15 changed files with 226 additions and 27 deletions.
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "highcharts",
-    "version": "11.3.0",
+    "version": "11.4.0",
     "description": "JavaScript charting framework",
     "main": "lib/highcharts.js",
     "authors": [

diff --git a/build-properties.json b/build-properties.json
@@ -1,6 +1,6 @@
 {
-  "date": "",
-  "version": "11.3.0-modified",
+  "date": "2024-03-04",
+  "version": "11.4.0",
   "products": {
     "Highcharts": {
       "cdnpath": "",

diff --git a/changelog/changelog.html b/changelog/changelog.html
diff --git a/changelog/highcharts-dashboards/1.3.1.md b/changelog/highcharts-dashboards/1.3.1.md
@@ -1,5 +1,6 @@
-# Changelog for Highcharts Dashboards v1.3.1 (2024-02-14)
+# Changelog for Highcharts Dashboards v1.3.1 (2024-03-05)
 
+- Added cloud monitoring demo.
 
 ## Bug fixes
 - Fixed the wrong length of columns in JSONConverter, when x is the same.

diff --git a/changelog/highcharts-gantt/11.4.0.md b/changelog/highcharts-gantt/11.4.0.md
@@ -0,0 +1,3 @@
+# Changelog for Highcharts Gantt v11.4.0 (2024-03-05)
+
+- Most changes listed under Highcharts 11.4.0 above also apply to Highcharts Gantt 11.4.0.
diff --git a/changelog/highcharts-maps/11.4.0.md b/changelog/highcharts-maps/11.4.0.md
@@ -0,0 +1,9 @@
+# Changelog for Highcharts Maps v11.4.0 (2024-03-05)
+
+- Most changes listed under Highcharts 11.4.0 above also apply to Highcharts Maps 11.4.0.
+
+## Bug fixes
+- Fixed [#20476](https://github.com/highcharts/highcharts/issues/20476), `dataLabels` were overlapping map navigation buttons.
+- Fixed [#20441](https://github.com/highcharts/highcharts/issues/20441), point visibility was reverted after interaction with a map.
+- Fixed [#18857](https://github.com/highcharts/highcharts/issues/18857), map animated from top left on any `series.update`.
+- Fixed [#20231](https://github.com/highcharts/highcharts/issues/20231), if `mapPoint.name` was given, `point.name` didn't take effect.
diff --git a/changelog/highcharts-stock/11.4.0.md b/changelog/highcharts-stock/11.4.0.md
@@ -0,0 +1,12 @@
+# Changelog for Highcharts Stock v11.4.0 (2024-03-05)
+
+- Most changes listed under Highcharts 11.4.0 above also apply to Highcharts Stock 11.4.0.
+- Added [#20275](https://github.com/highcharts/highcharts/issues/20275), possibility to set [xAxis.overscroll](https://api.highcharts.com/highstock/xAxis.overscroll) in pixels or percentage.
+- Improved implementation of `attractToPoint` to make use of KD-tree.
+- Improved semantics of Stock Tools and popups to for better accessibility, specifically use `<button>` elements rather than spans.
+
+## Bug fixes
+- Fixed [#20318](https://github.com/highcharts/highcharts/issues/20318), `navigator` series data wasn't set with `dataSorting` enabled on initial run.
+- Fixed [#19808](https://github.com/highcharts/highcharts/issues/19808), the range selector week button behaved weirdly after using the scrollbar.
+- Fixed [#20430](https://github.com/highcharts/highcharts/issues/20430), mousewheel zoom with overscroll stuck.
+- Fixed [#20327](https://github.com/highcharts/highcharts/issues/20327), `rangeSelector` allowed to set range larger than possible extremes.
diff --git a/changelog/highcharts/11.4.0.md b/changelog/highcharts/11.4.0.md
@@ -0,0 +1,27 @@
+# Changelog for Highcharts v11.4.0 (2024-03-05)
+
+- Added new option [sankey.nodeDistance](https://api.highcharts.com/highcharts/series.sankey.nodeDistance) and the possibility of setting [sankey.nodeWidth](https://api.highcharts.com/highcharts/series.sankey.nodeWidth) to `auto`. The same option pair is also supported by organization chart and treegraph series.
+- Enhanced the pinch zoom behavior to redraw the axes and series continuously. Previously it created a preview by scaling the graphs, then did a full review at the end. Also a deeper refactor and unification of the whole zoom, pan and mousewheel logic.
+- Added new option [organization.hangingSide](https://api.highcharts.com/highcharts/series.organization.hangingSide) which allows nodes to hang from the right side in inverted organization charts. See  [#17240](https://github.com/highcharts/highcharts/issues/17240).
+
+## Bug fixes
+- Fixed [#20334](https://github.com/highcharts/highcharts/issues/20334), chart width exceeded container width on Windows when the chart itself caused page scrollbars.
+- Fixed [#20572](https://github.com/highcharts/highcharts/issues/20572), destroying a chart after point hover sometimes produced an error.
+- Fixed [#15921](https://github.com/highcharts/highcharts/issues/15921) by applying `fillColor` to series from `highContrastTheme.colors` if set.
+- Fixed [#20166](https://github.com/highcharts/highcharts/issues/20166), ticks and gridlines were visible outside the axis in some corner cases.
+- Fixed code scan issues [56](https://github.com/highcharts/highcharts/security/code-scanning/56), incomplete string escaping or encoding in SVGRenderer, and [72](https://github.com/highcharts/highcharts/security/code-scanning/72), incomplete multi-character sanitization in SVGRenderer.
+- Fixed code scan issue [73](https://github.com/highcharts/highcharts/security/code-scanning/73), incomplete multi-character sanitization in SVGElement node title.
+- Fixed code scan issue [90](https://github.com/highcharts/highcharts/security/code-scanning/90), permissive regex in `mapcharts.js`.
+- Fixed code scan issue [111](https://github.com/highcharts/highcharts/security/code-scanning/111), potential prototype pollution in `Utilities.ts`.
+- Fixed code scan issue [112](https://github.com/highcharts/highcharts/security/code-scanning/112), potential prototype pollution in `NavigationBinding.ts`.
+- Fixed [#20329](https://github.com/highcharts/highcharts/issues/20329), detached elements and events in the Accessibility module produced a memory leak.
+- Fixed [#20394](https://github.com/highcharts/highcharts/issues/20394), `series.color` only initially impacted the color of x-range points.
+- Fixed [#20435](https://github.com/highcharts/highcharts/issues/20435), point events update didn't work.
+- Fixed [#20516](https://github.com/highcharts/highcharts/issues/20516), `this` was not bound to plot line or plot band object in event callbacks.
+- Fixed [#20429](https://github.com/highcharts/highcharts/issues/20429), toggling bellcurve visibility threw error.
+- Fixed [#20440](https://github.com/highcharts/highcharts/issues/20440) and [#20569](https://github.com/highcharts/highcharts/issues/20569), multiple series zones broke graph.
+- Fixed regression since v11.3, column range series had area-style legend marker.
+- Fixed [#20433](https://github.com/highcharts/highcharts/issues/20433), boosted scatter chart did not work without axis min/max-options.
+- Fixed [#20307](https://github.com/highcharts/highcharts/issues/20307) and [#20301](https://github.com/highcharts/highcharts/issues/20301), alignment and overlap detection for rotated data labels didn't work correctly.
+- Fixed [#19730](https://github.com/highcharts/highcharts/issues/19730), [centerInCategory](https://api.highcharts.com/highcharts/plotOptions.column.centerInCategory) on inverted column chart had incorrect series order.
+- Fixed [#20264](https://github.com/highcharts/highcharts/issues/20264), the packed bubble series was not rendered correctly in an inverted chart.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "highcharts",
-  "version": "11.3.0",
+  "version": "11.4.0",
   "description": "JavaScript charting framework",
   "module": "es-modules/masters/highcharts.src.js",
   "author": "Highsoft AS <support@highcharts.com> (http://www.highcharts.com/about)",

diff --git a/samples/dashboards/studies/sun-horizon/demo.js b/samples/dashboards/studies/sun-horizon/demo.js
@@ -227,6 +227,7 @@ const offscreenLabel = (chart, celestialBody) => {
 // Display the moon phase
 const moonPhase = chart => {
     const { fraction, phase } = SunCalc.getMoonIllumination(date),
+        renderer = chart.renderer,
         radius = 25;
 
     // The following code is borrowed from
@@ -252,23 +253,42 @@ const moonPhase = chart => {
     }
 
     if (!chart.moon) {
-        chart.moon = chart.renderer.g().add();
-        chart.moon.shadow = chart.renderer.circle()
+        chart.moon = renderer.g().add();
+        chart.moon.frame = renderer.rect().attr({
+            fill: '#ffffff20',
+            r: 3,
+            stroke: '#ffffff80',
+            'stroke-width': 1
+        }).add(chart.moon);
+        chart.moon.shadow = renderer.circle()
             .attr({
                 fill: '#eeeeee44'
             })
+            .translate(10, 25)
             .add(chart.moon);
-        chart.moon.light = chart.renderer.path()
+        chart.moon.light = renderer.path()
             .attr({
                 fill: '#eeeeee'
             })
+            .translate(10, 25)
             .add(chart.moon);
-        chart.moon.label = chart.renderer.text()
+        chart.moon.header = renderer.text('Moon phase')
+            .css({
+                textTransform: 'uppercase',
+                fontSize: '8px'
+            })
+            .attr({
+                'text-anchor': 'middle',
+                x: radius + 10,
+                y: 20
+            })
+            .add(chart.moon);
+        chart.moon.label = renderer.text()
             .attr({
                 'alignment-baseline': 'middle',
                 'text-anchor': 'middle',
-                x: radius,
-                y: radius
+                x: radius + 10,
+                y: radius + 25
             })
             .add(chart.moon);
     }
@@ -280,8 +300,12 @@ const moonPhase = chart => {
 
     chart.moon.attr({
         translateX: chart.plotWidth - 2 * radius -
-            (chart.scrollablePixelsX || 0) - 10,
-        translateY: 10
+            (chart.scrollablePixelsX || 0) - 15,
+        translateY: -5
+    });
+    chart.moon.frame.attr({
+        width: 2 * radius + 20,
+        height: 2 * radius + 35
     });
     chart.moon.shadow.attr({
         cx: radius,

diff --git a/ts/Accessibility/Options/A11yDefaults.ts b/ts/Accessibility/Options/A11yDefaults.ts
@@ -531,7 +531,7 @@ const Options: DeepPartial<A11yOptions> = {
          * The default option is `auto`, which applies the high contrast theme
          * the user's system has a high contrast theme active.
          *
-         * @since next
+         * @since 11.4.0
          */
         highContrastMode: 'auto',
 

diff --git a/ts/Core/Renderer/SVG/SVGElement.ts b/ts/Core/Renderer/SVG/SVGElement.ts
@@ -2116,7 +2116,7 @@ class SVGElement implements SVGElementLike {
             tempElement: SVGDOMElement;
 
         // Read pixel values directly
-        if (val.endsWith('px')) {
+        if (/px$/.test(val)) {
             ret = pInt(val);
 
         // Other values like em, pt etc need to be measured

diff --git a/ts/Series/Sankey/SankeySeriesDefaults.ts b/ts/Series/Sankey/SankeySeriesDefaults.ts
@@ -320,7 +320,7 @@ const SankeySeriesDefaults: PlotOptionsOf<SankeySeries> = {
      * This option applies only when the `nodeWidth` option is `auto`, making
      * the node width respond to the number of columns.
      *
-     * @since next
+     * @since 11.4.0
      * @sample highcharts/series-sankey/node-distance
      *         Sankey with dnode distance of 100% means equal to node width
      * @sample highcharts/series-organization/node-distance

diff --git a/ts/Series/Treegraph/TreegraphSeriesDefaults.ts b/ts/Series/Treegraph/TreegraphSeriesDefaults.ts
@@ -266,7 +266,7 @@ const TreegraphSeriesDefaults = {
      * This option applies only when the `nodeWidth` option is `auto`, making
      * the node width respond to the number of columns.
      *
-     * @since next
+     * @since 11.4.0
      * @sample highcharts/series-treegraph/node-distance
      *         Node distance of 100% means equal to node width
      * @type   {number|string}
@@ -282,7 +282,7 @@ const TreegraphSeriesDefaults = {
      * are sized to fill up the plot area in the longitudinal direction,
      * regardless of the number of levels.
      *
-     * @since next
+     * @since 11.4.0
      * @see    [treegraph.nodeDistance](#nodeDistance)
      * @sample highcharts/series-treegraph/node-distance
      *         Node width is auto and combined with node distance