@amcharts/amcharts5 5.1.10 → 5.1.13

package/CHANGELOG.md

@@ -5,6 +5,43 @@ 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.1.13] - 2022-04-15
+
+### Added
+- `useLastColorForLegendMarker` setting added to `BaseColumnSeries` (applicable to all column-based series like `ColumnSeries`, `CandlestickSeries`)
+- `geodataNames` setting added to `MapSeries`. Allows setting translations to map features, e.g. countries. [More info](https://www.amcharts.com/docs/v5/charts/map-chart/map-translations/).
+- Read-only private setting `gridInterval` added to `DateAxis`.
+
+### Fixed
+- If geoJSON contained multipolygons with just one polygon, hovering over polygon was resulting in a JS error.
+- `DateAxis` displayed wrong time when time was switching to DST, when a timezone was set on a `Root` element. 
+
+
+## [5.1.12] - 2022-04-07
+
+### Fixed
+- Rounding a Date during daylight saving hour could produce incorrect result in some specific cases.
+
+
+## [5.1.11] - 2022-04-06
+
+### Added
+- `groupDataWithOriginals` and `groupDataCallback` settings added to `XYSeries`. [More info](https://www.amcharts.com/docs/v5/charts/xy-chart/axes/date-axis/#Custom_aggregation_functions).
+- `strictMinMaxSelection` setting added to `ValueAxis`. When set to `true`, the axis won't round `min` and `max` of a selection to the nearest round values, but will use actual min and max (`extraMin` and `extraMax` will still be added if set). This is a good feature when your series displays not actual but derivative values, like `valueYChangeSelection` as it helps to avoid frequent jumping of series to adjusted min and max of the axis.
+
+### Changed
+- Internal layout of `XYChart` containers was changed. `plotContainers` now goes to `yAxesAndPlotContainer`, and `plotContainer` and `topPlotContainer` goe into `plotContainers`.
+
+### Fixed
+- If `XYChart` was used without animated theme, and scrollbar's background was clicked to zoom to some specific spot, it resulted in scrollbar not being updated anymore when zoomed with wheel or zoom-out button.
+- Fixed and issue where nodes of `ForceDirected` series were flickering to 0,0 point when div of a chart was resized.
+- Fixed potential XSS injection issue with the accessibility of tooltips.
+- `container` setting in `ExportingMenu` was being ignored.
+- In some specific cases not all series were included in min/max calculation of a `ValueAxis` resulting not all series to be visible.
+- When whole series was out of selected scope, its last or first value (depending on seleciton) was still included when calculating min and max.
+- Layouts were allocating space for margins of hidden items.
+
+
 ## [5.1.10] - 2022-03-30
 
 ### Added
@@ -13,6 +50,7 @@ adhere to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) rules.
 ### Changed
 - Logarithmic scale on `ValueAxis` was revamped with a different approach. No changes from the configration, but might influence appearance/scale.
 - When calculating derivative values for series, `low`, `high`, and `open` used previous `low`, `high`, and `open` values. Now they all use `value` instead.
+- Updated to D3 v7.
 
 ### Fixed
 - In some cases, using a text placehodler, an empty string was shown insteaf of a zero.

package/examples/javascript/flow-chord/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-flow-chord",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/flow-chord-directed/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-flow-chord-directed",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/flow-chord-non-ribbon/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-flow-chord-non-ribbon",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/flow-sankey/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-flow-sankey",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/gauge/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-gauge",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/gauge-bands/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-gauge-bands",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/hierarchy-force-directed/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-force-directed",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/hierarchy-pack/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-pack",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/hierarchy-partition/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-partition",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/hierarchy-sunburst/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-sunburst",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/hierarchy-tree/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-tree",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/hierarchy-treemap/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-treemap",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/json/index.js

@@ -1,94 +1,206 @@
 import * as am5 from "@amcharts/amcharts5";
-import * as am5xy from "@amcharts/amcharts5/xy";
-import * as am5plugins_json from "@amcharts/amcharts5/plugins/json";
-
-const root = am5.Root.new("chartdiv");
 
-new am5plugins_json.JsonParser().parse(root, {
-  name: "XYChart",
-  settings: {
-    panX: false,
-    panY: false,
-    wheelX: "panX",
-    wheelY: "zoomX",
-  },
-  children: [
-  ],
-}).then((chart) => {
-  root.container.children.push(chart);
+import am5themes_Animated from "@amcharts/amcharts5/themes/Animated";
+import * as am5plugins_json from "@amcharts/amcharts5/plugins/json";
 
-  // Add cursor
-  // https://www.amcharts.com/docs/v5/charts/xy-chart/cursor/
-  const cursor = chart.set("cursor", am5xy.XYCursor.new(root, {
-    behavior: "zoomX"
-  }));
-  cursor.lineY.set("visible", false);
 
-  let date = new Date();
-  date.setHours(0, 0, 0, 0);
-  let value = 100;
+// Create root element
+// https://www.amcharts.com/docs/v5/getting-started/#Root_element
+const root = am5.Root.new("chartdiv");
 
-  function generateData() {
-    value = Math.round((Math.random() * 10 - 5) + value);
-    am5.time.add(date, "day", 1);
-    return {
-      date: date.getTime(),
-      value: value
-    };
-  }
+// Set themes
+// https://www.amcharts.com/docs/v5/concepts/themes/
+root.setThemes([
+  am5themes_Animated.new(root)
+]);
 
-  function generateDatas(count) {
-    const data = [];
-    for (let i = 0; i < count; ++i) {
-      data.push(generateData());
-    }
-    return data;
-  }
+// 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 axes
-  // https://www.amcharts.com/docs/v5/charts/xy-chart/axes/
-  const xAxis = chart.xAxes.push(am5xy.DateAxis.new(root, {
-    maxDeviation: 0,
-    baseInterval: {
-      timeUnit: "day",
-      count: 1
+async function main() {
+  const chart = await new am5plugins_json.JsonParser().parse(root, {
+    refs: {
+      data: [
+        {
+          "date": 1652425200000,
+          "value": 92
+        },
+        {
+          "date": 1652511600000,
+          "value": 95
+        },
+        {
+          "date": 1652598000000,
+          "value": 100
+        },
+        {
+          "date": 1652684400000,
+          "value": 100
+        },
+        {
+          "date": 1652770800000,
+          "value": 96
+        },
+        {
+          "date": 1652857200000,
+          "value": 97
+        },
+        {
+          "date": 1652943600000,
+          "value": 94
+        },
+        {
+          "date": 1653030000000,
+          "value": 89
+        },
+        {
+          "date": 1653116400000,
+          "value": 89
+        },
+        {
+          "date": 1653202800000,
+          "value": 87
+        },
+        {
+          "date": 1653289200000,
+          "value": 84
+        },
+        {
+          "date": 1653375600000,
+          "value": 81
+        },
+        {
+          "date": 1653462000000,
+          "value": 85
+        },
+        {
+          "date": 1653548400000,
+          "value": 89
+        },
+        {
+          "date": 1653634800000,
+          "value": 86
+        },
+        {
+          "date": 1653721200000,
+          "value": 90
+        },
+        {
+          "date": 1653807600000,
+          "value": 93
+        },
+        {
+          "date": 1653894000000,
+          "value": 94
+        },
+        {
+          "date": 1653980400000,
+          "value": 94
+        },
+        {
+          "date": 1654066800000,
+          "value": 96
+        }
+      ],
+      xAxis: {
+        type: "DateAxis",
+        settings: {
+          maxDeviation: 0.5,
+          baseInterval: {
+            timeUnit: "day",
+            count: 1
+          },
+          renderer: {
+            type: "AxisRendererX",
+            settings: {
+              pan: "zoom"
+            }
+          },
+          tooltip: {
+            type: "Tooltip",
+          },
+        }
+      },
+      yAxis: {
+        type: "ValueAxis",
+        settings: {
+          maxDeviation: 1,
+          renderer: {
+            type: "AxisRendererY",
+            settings: {
+              pan: "zoom"
+            },
+          },
+        }
+      },
     },
-    renderer: am5xy.AxisRendererX.new(root, {}),
-    tooltip: am5.Tooltip.new(root, {})
-  }));
-
-  const yAxis = chart.yAxes.push(am5xy.ValueAxis.new(root, {
-    renderer: am5xy.AxisRendererY.new(root, {})
-  }));
-
-
-  // Add series
-  // https://www.amcharts.com/docs/v5/charts/xy-chart/series/
-  const series = chart.series.push(am5xy.ColumnSeries.new(root, {
-    name: "Series",
-    xAxis: xAxis,
-    yAxis: yAxis,
-    valueYField: "value",
-    valueXField: "date",
-    tooltip: am5.Tooltip.new(root, {
-      labelText: "{valueY}"
-    })
-  }));
-
-
-  // Add scrollbar
-  // https://www.amcharts.com/docs/v5/charts/xy-chart/scrollbars/
-  chart.set("scrollbarX", am5.Scrollbar.new(root, {
-    orientation: "horizontal"
-  }));
-
-  let data = generateDatas(50);
-  series.data.setAll(data);
+    type: "XYChart",
+    settings: {
+      panX: false,
+      panY: false,
+      wheelX: "panX",
+      wheelY: "zoomX",
+      cursor: {
+        type: "XYCursor",
+        settings: {
+          behavior: "zoomX"
+        },
+        properties: {
+          lineY: {
+            settings: {
+              visible: false
+            },
+          },
+        },
+      },
+      scrollbarX: {
+        type: "Scrollbar",
+        settings: {
+          orientation: "horizontal"
+        }
+      },
+    },
+    properties: {
+      xAxes: [
+        "#xAxis",
+      ],
+      yAxes: [
+        "#yAxis",
+      ],
+      series: [
+        {
+          type: "LineSeries",
+          settings: {
+            name: "Series",
+            xAxis: "#xAxis",
+            yAxis: "#yAxis",
+            valueYField: "value",
+            valueXField: "date",
+            tooltip: {
+              type: "Tooltip",
+              settings: {
+                labelText: "{valueX}: {valueY}"
+              }
+            },
+          },
+          properties: {
+            data: "#data"
+          }
+        },
+      ],
+    },
+  });
 
+  root.container.children.push(chart);
 
   // Make stuff animate on load
   // https://www.amcharts.com/docs/v5/concepts/animations/#Forcing_appearance_animation
-  series.appear(1000);
+  chart.series.getIndex(0).appear(1000);
   chart.appear(1000, 100);
-});
+}
+
+main();

package/examples/javascript/json/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-json",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/map-animating-along-lines/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-animating-along-lines",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/map-day-and-night/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-day-and-night",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/map-globe-rotate-to-country/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-globe-rotate-to-country",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/map-globe-with-projected-circles/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-globe-with-projected-circles",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/map-with-bubbles/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-with-bubbles",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/map-zoom-to-country/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-zoom-to-country",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/misc-40-charts/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-misc-40-charts",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/misc-microchart-grid/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-misc-microchart-grid",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/pie-chart/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-pie-chart",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/pie-donut-chart/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-pie-donut-chart",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/pie-variable-radius/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-pie-variable-radius",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/radar-column-iwatch-style/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-column-iwatch-style",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/radar-heat-map/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-heat-map",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/radar-line/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-line",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/radar-time-line/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-time-line",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/sliced-funnel/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-sliced-funnel",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/sliced-pictorial-stacked/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-sliced-pictorial-stacked",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/sliced-pyramid/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-sliced-pyramid",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.10",
+    "@amcharts/amcharts5": "^5.1.13",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",