Différences

Ci-dessous, les différences entre deux révisions de la page.

--- test [2021/02/23 12:07]
vanlindtmarc
+++ test [2021/02/23 12:57] (Version actuelle)
vanlindtmarc
@@ Ligne 1: / Ligne 1: @@
-<html>
+<achart>
-<div id="chart-container">
+{
-const dataSource = {
+          series: [
-  chart: {
+          {
-    caption: "App Publishing Trend",
+            data: [
-    subcaption: "2012-2016",
+              {
-    xaxisname: "Years",
+                x: 'Code',
-    yaxisname: "Total number of apps in store",
+                y: [
-    formatnumberscale: "1",
+                  new Date('2019-03-02').getTime(),
-    plottooltext:
+                  new Date('2019-03-04').getTime()
-      "<b>$dataValue</b> apps were available on <b>$seriesName</b> in $label",
+                ]
-    theme: "fusion"
+              },
-  },
+              {
-  categories: [
+                x: 'Test',
-    {
+                y: [
-      category: [
+                  new Date('2019-03-04').getTime(),
-        {
+                  new Date('2019-03-08').getTime()
-          label: "2012"
+                ]
+              },
+              {
+                x: 'Validation',
+                y: [
+                  new Date('2019-03-08').getTime(),
+                  new Date('2019-03-12').getTime()
+                ]
+              },
+              {
+                x: 'Deployment',
+                y: [
+                  new Date('2019-03-12').getTime(),
+                  new Date('2019-03-18').getTime()
+                ]
+              }
+            ]
+          }
+        ],
+          chart: {
+          height: 350,
+          type: 'rangeBar'
         },
-        {
+        plotOptions: {
-          label: "2013"
+          bar: {
+            horizontal: true
+          }
         },
-        {
+        xaxis: {
-          label: "2014"
+          type: 'datetime'
-        },
-        {
-          label: "2015"
-        },
-        {
-          label: "2016"
         }
-      ]
-    }
-  ],
-  dataset: [
-    {
-      seriesname: "iOS App Store",
-      data: [
-        {
-          value: "125000"
-        },
-        {
-          value: "300000"
-        },
-        {
-          value: "480000"
-        },
-        {
-          value: "800000"
-        },
-        {
-          value: "1100000"
         }
-      ]
+</achart>
-    },
-    {
-      seriesname: "Google Play Store",
-      data: [
-        {
-          value: "70000"
-        },
-        {
-          value: "150000"
-        },
-        {
-          value: "350000"
-        },
-        {
-          value: "600000"
-        },
-        {
-          value: "1400000"
-        }
-      ]
-    },
-    {
-      seriesname: "Amazon AppStore",
-      data: [
-        {
-          value: "10000"
-        },
-        {
-          value: "100000"
-        },
-        {
-          value: "300000"
-        },
-        {
-          value: "600000"
-        },
-        {
-          value: "900000"
-        }
-      ]
-    }
-  ]
-};
-FusionCharts.ready(function() {
-  var myChart = new FusionCharts({
-    type: "mscolumn3d",
-    renderAt: "chart-container",
-    width: "100%",
-    height: "100%",
-    dataFormat: "json",
-    dataSource
-  }).render();
-});
-</div>
-</html>

Outils pour utilisateurs

Outils du site

Différences

Outils de la page