@amcharts/amcharts5 5.1.8 → 5.1.11

package/examples/javascript/json/index.js

@@ -0,0 +1,206 @@
+import * as am5 from "@amcharts/amcharts5";
+
+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/javascript/json/package.json

@@ -0,0 +1,16 @@
+{
+  "private": true,
+  "name": "amcharts5-example-json",
+  "version": "0.1.0",
+  "devDependencies": {
+    "@amcharts/amcharts5": "^5.1.11",
+    "source-map-loader": "^3.0.0",
+    "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/javascript/json/webpack.config.js

@@ -0,0 +1,38 @@
+var $path = require("path");
+
+module.exports = {
+  mode: "production",
+
+  devtool: "source-map",
+
+  stats: "errors-warnings",
+
+  target: ["web", "es5"],
+
+  entry: {
+    index: "./index.js",
+  },
+
+  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"
+  },
+
+  module: {
+    rules: [{
+      test: /.js$/,
+      use: ["source-map-loader"],
+      enforce: "pre"
+    }]
+  }
+};

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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

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

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-venn-diagram",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/wordcloud-with-data/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-wordcloud-with-data",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/wordcloud-with-text/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-wordcloud-with-text",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

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

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

package/examples/javascript/xy-animated-bullet-at-the-end-of-the-series/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-animated-bullet-at-the-end-of-the-series",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

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

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

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

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

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

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

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

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

package/examples/javascript/xy-comparing-series-google-analytics-style/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-comparing-series-google-analytics-style",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

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

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

package/examples/javascript/xy-draggable-range/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-draggable-range",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/xy-drawing-series-with-mouse-or-touch/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-drawing-series-with-mouse-or-touch",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

package/examples/javascript/xy-dumbbell plot/package.json

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-xy-dumbbell plot",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.1.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",

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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "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.8",
+    "@amcharts/amcharts5": "^5.1.11",
     "source-map-loader": "^3.0.0",
     "webpack": "^5.1.3",
     "webpack-cli": "^4.1.0",