@amcharts/amcharts5 5.1.9 → 5.1.10

package/examples/javascript/xy-evenly-spaced-date-axis/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-evenly-spaced-date-axis",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

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

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

package/examples/javascript/xy-line-highlight-on-legend-hover/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-line-highlight-on-legend-hover",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/xy-live-data/package.json

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

package/examples/javascript/xy-multiple-synced-value-axes/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-multiple-synced-value-axes",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/xy-ohlc/package.json

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

package/examples/javascript/xy-real-time-data-sorting/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-real-time-data-sorting",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/xy-smoothed-line/package.json

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

package/examples/javascript/xy-stacked-and-clustered-column/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-stacked-and-clustered-column",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/xy-stacked-column/package.json

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

package/examples/javascript/xy-stacked-step/package.json

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

package/examples/javascript/xy-stock/package.json

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

package/examples/javascript/xy-stock-comparing/package.json

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

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-flow-chord",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-flow-chord-directed",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/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.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-flow-sankey",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/gauge/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-gauge",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-gauge-bands",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-force-directed",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-pack",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-partition",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-sunburst",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-tree",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-hierarchy-treemap",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/json/README.md

@@ -0,0 +1,6 @@
+Steps to use
+============
+
+1. Run `yarn`
+
+2. Run `yarn start` for development, or `yarn build` for production

package/examples/typescript/json/index.css

@@ -0,0 +1,11 @@
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  padding: 0;
+  margin: 0;
+  background-color: #ffffff;
+}
+
+#chartdiv {
+  width: 100%;
+  height: 80vh;
+}

package/examples/typescript/json/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>amCharts 5 Example - json</title>
+    <link rel="stylesheet" href="index.css" />
+  </head>
+  <body>
+    <div id="chartdiv"></div>
+    <script src="dist/index.js"></script>
+  </body>
+</html>

package/examples/typescript/json/index.ts

@@ -0,0 +1,94 @@
+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);
+
+  // 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;
+
+  function generateData() {
+    value = Math.round((Math.random() * 10 - 5) + value);
+    am5.time.add(date, "day", 1);
+    return {
+      date: date.getTime(),
+      value: value
+    };
+  }
+
+  function generateDatas(count: number) {
+    const data = [];
+    for (let i = 0; i < count; ++i) {
+      data.push(generateData());
+    }
+    return data;
+  }
+
+
+  // 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
+    },
+    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);
+
+
+  // Make stuff animate on load
+  // https://www.amcharts.com/docs/v5/concepts/animations/#Forcing_appearance_animation
+  series.appear(1000);
+  chart.appear(1000, 100);
+});

package/examples/typescript/json/package.json

@@ -0,0 +1,18 @@
+{
+  "private": true,
+  "name": "amcharts5-example-json",
+  "version": "0.1.0",
+  "devDependencies": {
+    "@amcharts/amcharts5": "^5.1.10",
+    "source-map-loader": "^3.0.0",
+    "ts-loader": "^9.2.2",
+    "typescript": "^4.3.4",
+    "webpack": "^5.1.3",
+    "webpack-cli": "^4.1.0",
+    "webpack-dev-server": "^3.11.0"
+  },
+  "scripts": {
+    "build": "webpack",
+    "start": "webpack serve --mode development"
+  }
+}

package/examples/typescript/json/tsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "esModuleInterop": true,
+    "sourceMap": true,
+    "inlineSources": true,
+    "moduleResolution": "node",
+    "module": "esnext",
+    "target": "es5",
+    "lib": ["es6"]
+  }
+}

package/examples/typescript/json/webpack.config.js

@@ -0,0 +1,45 @@
+var $path = require("path");
+
+module.exports = {
+  mode: "production",
+
+  devtool: "source-map",
+
+  stats: "errors-warnings",
+
+  target: ["web", "es5"],
+
+  entry: {
+    index: "./index.ts",
+  },
+
+  devServer: {
+    publicPath: "/dist/",
+    liveReload: true,
+    overlay: true,
+    noInfo: true,
+    open: true
+  },
+
+  output: {
+    path: $path.join(__dirname, "dist"),
+    publicPath: "dist/",
+    filename: "[name].js",
+    chunkFilename: "[name].js"
+  },
+
+  resolve: {
+    extensions: [".ts", ".tsx", ".js"]
+  },
+
+  module: {
+    rules: [{
+      test: /.tsx?$/,
+      loader: "ts-loader"
+    }, {
+      test: /.js$/,
+      use: ["source-map-loader"],
+      enforce: "pre"
+    }]
+  }
+};

package/examples/typescript/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.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/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.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/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.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/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.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-with-bubbles",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/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.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-misc-40-charts",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-misc-microchart-grid",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-pie-chart",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-pie-donut-chart",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-pie-variable-radius",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/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.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-heat-map",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-line",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-time-line",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-sliced-funnel",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-sliced-pictorial-stacked",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.9",
+    "@amcharts/amcharts5": "^5.1.10",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",