Difference between revisions of "Graph"

From Northumberland Climbing
Jump to navigation Jump to search
(Created page with "== Embedded directly with <nowiki><graph></nowiki> == <!--T:50--> <!--T:51--> This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the...")
Tag: 2017 source edit
 
Tag: 2017 source edit
 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Embedded directly with <nowiki><graph></nowiki> == <!--T:50-->
+
{{Graph:Chart
 
+
| width=100
<!--T:51-->
+
  | height=100
This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page.
+
  | type=pie
</translate>
+
  | innerRadius=40
 
+
  | legend=Grades
<graph>
+
  | x=Mod,Diff,VDiff,HVD,Sev,HS,VS,HVS,E1,E2,E3,E4,E5
{
+
| y1=100,200,150,300,100,100,150,50,200
  "version": 2, "width": 400, "height": 200,
+
| showValues=
  "padding": {"top": 10, "left": 30, "bottom": 30, "right": 10},
+
}}
  "data": [
 
    {
 
      "name": "table",
 
      "values": [
 
        {"x": 1, "y": 28}, {"x": 2,  "y": 55},
 
        {"x": 3, "y": 43}, {"x": 4,  "y": 91},
 
        {"x": 5, "y": 81}, {"x": 6,  "y": 53},
 
        {"x": 7, "y": 19}, {"x": 8,  "y": 87},
 
        {"x": 9, "y": 52}, {"x": 10, "y": 48},
 
        {"x": 11, "y": 24}, {"x": 12, "y": 49},
 
        {"x": 13, "y": 87}, {"x": 14, "y": 66},
 
        {"x": 15, "y": 17}, {"x": 16, "y": 27},
 
        {"x": 17, "y": 68}, {"x": 18, "y": 16},
 
        {"x": 19, "y": 49}, {"x": 20, "y": 15}
 
      ]
 
    }
 
  ],
 
  "scales": [
 
    {
 
      "name": "x",
 
      "type": "ordinal",
 
      "range": "width",
 
      "domain": {"data": "table", "field": "x"}
 
    },
 
    {
 
      "name": "y",
 
      "range": "height",
 
      "nice": true,
 
      "domain": {"data": "table", "field": "y"}
 
    }
 
  ],
 
  "axes": [
 
    {"type": "x", "scale": "x"},
 
    {"type": "y", "scale": "y"}
 
  ],
 
  "marks": [
 
    {
 
      "type": "rect",
 
      "from": {"data": "table"},
 
      "properties": {
 
        "enter": {
 
          "x": {"scale": "x", "field": "x"},
 
          "width": {"scale": "x", "band": true, "offset": -1},
 
          "y": {"scale": "y", "field": "y"},
 
          "y2": {"scale": "y", "value": 0}
 
        },
 
        "update": {
 
          "fill": {"value": "steelblue"}
 
        },
 
        "hover": {
 
          "fill": {"value": "red"}
 
        }
 
      }
 
    }
 
  ]
 
}</graph>
 
 
 
<translate>
 

Latest revision as of 01:39, 21 August 2020