Format: Ro: Diferență între versiuni

Versiunea de la data 31 iulie 2020 14:10

18293 / 2018

18793 / 2018

147 / 2019

@@ Linia 5: / Linia 5: @@
 <!--
 <graph>{
-	"version": 2,
+"width": 500,
-  "width": 500,
    "height": 200,
    "padding": {"top": 10, "left": 30, "bottom": 30, "right": 10},
@@ Linia 13: / Linia 12: @@
        "name": "table",
        "values": [
-         {"x": 1,  "y": 28}, {"x": 2,  "y": 55},
+         {"x": 0, "y": 28, "c":0}, {"x": 0, "y": 55, "c":1},
-         {"x": 3,  "y": 43}, {"x": 4,  "y": 91},
+         {"x": 1, "y": 43, "c":0}, {"x": 1, "y": 91, "c":1},
-         {"x": 5,  "y": 81}, {"x": 6,  "y": 53},
+         {"x": 2, "y": 81, "c":0}, {"x": 2, "y": 53, "c":1},
-         {"x": 7,  "y": 19}, {"x": 8,  "y": 87},
+         {"x": 3, "y": 19, "c":0}, {"x": 3, "y": 87, "c":1},
-         {"x": 9,  "y": 52}, {"x": 10, "y": 48},
+         {"x": 4, "y": 52, "c":0}, {"x": 4, "y": 48, "c":1},
-         {"x": 11, "y": 24}, {"x": 12, "y": 49},
+         {"x": 5, "y": 24, "c":0}, {"x": 5, "y": 49, "c":1},
-         {"x": 13, "y": 87}, {"x": 14, "y": 66},
+         {"x": 6, "y": 87, "c":0}, {"x": 6, "y": 66, "c":1},
-         {"x": 15, "y": 17}, {"x": 16, "y": 27},
+         {"x": 7, "y": 17, "c":0}, {"x": 7, "y": 27, "c":1},
-         {"x": 17, "y": 68}, {"x": 18, "y": 16},
+         {"x": 8, "y": 68, "c":0}, {"x": 8, "y": 16, "c":1},
-         {"x": 19, "y": 49}, {"x": 20, "y": 15}
+         {"x": 9, "y": 49, "c":0}, {"x": 9, "y": 15, "c":1}
+      ]
+    },
+    {
+      "name": "stats",
+      "source": "table",
+      "transform": [
+        {"type": "facet", "keys": ["data.x"]},
+        {"type": "stats", "value": "data.y"}
        ]
      }
@@ Linia 29: / Linia 36: @@
      {
        "name": "x",
-       "type": "linear",
+       "type": "ordinal",
        "range": "width",
-      "zero": false,
        "domain": {"data": "table", "field": "data.x"}
      },
@@ Linia 39: / Linia 45: @@
        "range": "height",
        "nice": true,
-       "domain": {"data": "table", "field": "data.y"}
+       "domain": {"data": "stats", "field": "sum"}
+    },
+    {
+      "name": "color",
+      "type": "ordinal",
+      "range": "category10"
      }
    ],
    "axes": [
-     {"type": "x", "scale": "x", "ticks": 20},
+     {"type": "x", "scale": "x"},
      {"type": "y", "scale": "y"}
    ],
    "marks": [
      {
-       "type": "area",
+       "type": "group",
-       "from": {"data": "table"},
+       "from": {
-       "properties": {
+        "data": "table",
-        "enter": {
+        "transform": [
-          "interpolate": {"value": "monotone"},
+          {"type": "facet", "keys": ["data.c"]},
-          "x": {"scale": "x", "field": "data.x"},
+          {"type": "stack", "point": "data.x", "height": "data.y"}
-          "y": {"scale": "y", "field": "data.y"},
+        ]
-          "y2": {"scale": "y", "value": 0},
+      },
-          "fill": {"value": "steelblue"}
+       "marks": [
-        },
+        {
-        "update": {
+          "type": "rect",
-          "fillOpacity": {"value": 1}
+          "properties": {
-        },
+            "enter": {
-        "hover": {
+              "x": {"scale": "x", "field": "data.x"},
-          "fillOpacity": {"value": 0.5}
+              "width": {"scale": "x", "band": true, "offset": -1},
+              "y": {"scale": "y", "field": "y"},
+              "y2": {"scale": "y", "field": "y2"},
+              "fill": {"scale": "color", "field": "data.c"}
+            },
+            "update": {
+              "fillOpacity": {"value": 1}
+            },
+            "hover": {
+              "fillOpacity": {"value": 0.5}
+            }
+          }
          }
-       }
+       ]
      }
    ]
 }</graph>