@amcharts/amcharts5 5.1.9 → 5.1.12

package/examples/typescript/json/index.ts

@@ -0,0 +1,206 @@
+import * as am5 from "@amcharts/amcharts5";
+import * as am5xy from "@amcharts/amcharts5/xy";
+import am5themes_Animated from "@amcharts/amcharts5/themes/Animated";
+import * as am5plugins_json from "@amcharts/amcharts5/plugins/json";
+
+
+// Create root element
+// https://www.amcharts.com/docs/v5/getting-started/#Root_element
+const root = am5.Root.new("chartdiv");
+
+// Set themes
+// https://www.amcharts.com/docs/v5/concepts/themes/
+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"]
+});
+
+
+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"
+            },
+          },
+        }
+      },
+    },
+    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
+  chart.series.getIndex(0).appear(1000);
+  chart.appear(1000, 100);
+}
+
+main();

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.12",
+    "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.resolve(__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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-animating-along-lines/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-day-and-night/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-globe-rotate-to-country/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-globe-with-projected-circles/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-with-bubbles/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-zoom-to-country/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/misc-40-charts/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/misc-microchart-grid/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/pie-chart/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/pie-donut-chart/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/pie-variable-radius/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/radar-column-iwatch-style/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/radar-heat-map/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/radar-line/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/radar-time-line/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/sliced-funnel/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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.12",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/sliced-pictorial-stacked/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

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

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

package/examples/typescript/sliced-pyramid/webpack.config.js

@@ -22,7 +22,7 @@ module.exports = {
   },
 
   output: {
-    path: $path.join(__dirname, "dist"),
+    path: $path.resolve(__dirname, "dist"),
     publicPath: "dist/",
     filename: "[name].js",
     chunkFilename: "[name].js"

package/examples/typescript/venn-diagram/package.json

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