npm - @amcharts/amcharts5 - Versions diffs - 5.2.49 → 5.3.0 - Mend

@amcharts/amcharts5 5.2.49 → 5.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (887) hide show

package/examples/typescript/{json → json-pie}/tsconfig.json RENAMED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

package/examples/typescript/{json → json-pie}/webpack.config.js RENAMED Viewed

File without changes

package/examples/typescript/json-xy/README.md ADDED Viewed

@@ -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-xy/index.css ADDED Viewed

@@ -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/{javascript/json → typescript/json-xy}/index.html RENAMED Viewed

@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="UTF-8" />
-    <title>amCharts 5 Example - json</title>
+    <title>amCharts 5 Example - json-xy</title>
     <link rel="stylesheet" href="index.css" />
   </head>
   <body>

package/examples/typescript/json-xy/index.ts ADDED Viewed

@@ -0,0 +1,203 @@
+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"]
+});
+// Parse chart config
+// https://www.amcharts.com/docs/v5/concepts/serializing/
+am5plugins_json.JsonParser.new(root).parse({
+  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"
+        }
+      },
+    ],
+  },
+}, {
+  parent: root.container
+}).then((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);
+});

package/examples/typescript/{json → json-xy}/package.json RENAMED Viewed

@@ -1,9 +1,9 @@
 {
   "private": true,
-  "name": "amcharts5-example-json",
+  "name": "amcharts5-example-json-xy",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.2.49",
+    "@amcharts/amcharts5": "^5.3.0",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/json-xy/tsconfig.json ADDED Viewed

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

package/examples/typescript/json-xy/webpack.config.js ADDED Viewed

@@ -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 CHANGED Viewed

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-animating-along-lines",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.2.49",
+    "@amcharts/amcharts5": "^5.3.0",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-animating-along-lines/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

package/examples/typescript/map-day-and-night/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-day-and-night",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.2.49",
+    "@amcharts/amcharts5": "^5.3.0",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-day-and-night/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

package/examples/typescript/map-globe-rotate-to-country/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-globe-rotate-to-country",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.2.49",
+    "@amcharts/amcharts5": "^5.3.0",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-globe-rotate-to-country/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

package/examples/typescript/map-globe-with-projected-circles/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-globe-with-projected-circles",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.2.49",
+    "@amcharts/amcharts5": "^5.3.0",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-globe-with-projected-circles/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

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

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

package/examples/typescript/map-with-bubbles/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

package/examples/typescript/map-zoom-to-country/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-map-zoom-to-country",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.2.49",
+    "@amcharts/amcharts5": "^5.3.0",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/map-zoom-to-country/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

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

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

package/examples/typescript/misc-40-charts/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

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

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

package/examples/typescript/misc-microchart-grid/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

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

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

package/examples/typescript/pie-chart/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

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

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

package/examples/typescript/pie-donut-chart/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

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

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

package/examples/typescript/pie-variable-radius/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

package/examples/typescript/radar-column-iwatch-style/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "name": "amcharts5-example-radar-column-iwatch-style",
   "version": "0.1.0",
   "devDependencies": {
-    "@amcharts/amcharts5": "^5.2.49",
+    "@amcharts/amcharts5": "^5.3.0",
     "source-map-loader": "^3.0.0",
     "ts-loader": "^9.2.2",
     "typescript": "^4.3.4",

package/examples/typescript/radar-column-iwatch-style/tsconfig.json CHANGED Viewed

@@ -6,7 +6,7 @@
     "inlineSources": true,
     "moduleResolution": "node",
     "module": "esnext",
-    "target": "es5",
+    "target": "es2015",
     "lib": ["es6"]
   }
 }

package/examples/typescript/radar-heat-map/index.ts CHANGED Viewed

@@ -18,15 +18,15 @@ root.setThemes([
 // Create chart
 // https://www.amcharts.com/docs/v5/charts/radar-chart/
-const chart = root.container.children.push(  am5radar.RadarChart.new(root, {
-    innerRadius: am5.percent(50),
-    panX: false,
-    panY: false,
-    wheelX: "panX",
-    wheelY: "zoomX",
-    maxTooltipDistance: 0,
-    layout: root.verticalLayout
-  }));
+const chart = root.container.children.push(am5radar.RadarChart.new(root, {
+  innerRadius: am5.percent(50),
+  panX: false,
+  panY: false,
+  wheelX: "panX",
+  wheelY: "zoomX",
+  maxTooltipDistance: 0,
+  layout: root.verticalLayout
+}));
 // Create axes and their renderers
@@ -46,11 +46,11 @@ yRenderer.labels.template.setAll({
 yRenderer.grid.template.set("visible", false);
-const yAxis = chart.yAxes.push(  am5xy.CategoryAxis.new(root, {
-    maxDeviation: 0,
-    renderer: yRenderer,
-    categoryField: "weekday"
-  }));
+const yAxis = chart.yAxes.push(am5xy.CategoryAxis.new(root, {
+  maxDeviation: 0,
+  renderer: yRenderer,
+  categoryField: "weekday"
+}));
 const xRenderer = am5radar.AxisRendererCircular.new(root, {
   visible: false,
@@ -64,24 +64,24 @@ xRenderer.labels.template.setAll({
 xRenderer.grid.template.set("visible", false);
-const xAxis = chart.xAxes.push(  am5xy.CategoryAxis.new(root, {
-    renderer: xRenderer,
-    categoryField: "hour"
-  }));
+const xAxis = chart.xAxes.push(am5xy.CategoryAxis.new(root, {
+  renderer: xRenderer,
+  categoryField: "hour"
+}));
 // Create series
 // https://www.amcharts.com/docs/v5/charts/radar-chart/#Adding_series
-const series = chart.series.push(  am5radar.RadarColumnSeries.new(root, {
-    calculateAggregates: true,
-    stroke: am5.color(0xffffff),
-    clustered: false,
-    xAxis: xAxis,
-    yAxis: yAxis,
-    categoryXField: "hour",
-    categoryYField: "weekday",
-    valueField: "value"
-  }));
+const series = chart.series.push(am5radar.RadarColumnSeries.new(root, {
+  calculateAggregates: true,
+  stroke: am5.color(0xffffff),
+  clustered: false,
+  xAxis: xAxis,
+  yAxis: yAxis,
+  categoryXField: "hour",
+  categoryYField: "weekday",
+  valueField: "value"
+}));
 series.columns.template.setAll({
   tooltipText: "{value}",
@@ -117,11 +117,11 @@ series.set("heatRules", [{
 // Add heat legend
 // https://www.amcharts.com/docs/v5/concepts/legend/heat-legend/
-const heatLegend = chart.children.push(  am5.HeatLegend.new(root, {
-    orientation: "horizontal",
-    endColor: am5.color(0xfffb77),
-    startColor: am5.color(0xfe131a)
-  }));
+const heatLegend = chart.children.push(am5.HeatLegend.new(root, {
+  orientation: "horizontal",
+  endColor: am5.color(0xfffb77),
+  startColor: am5.color(0xfe131a)
+}));
 // Set data

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

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