Difference between revisions of "Graph"

From Northumberland Climbing
Jump to navigation Jump to search
Tag: 2017 source edit
Tag: 2017 source edit
Line 1: Line 1:
{{Graph:Chart|width=600|height=100|xAxisTitle=X|yAxisTitle=Y
+
{{Graph:Chart|width=300|height=300|type=pie|legend=Legend
|type=rect|x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}
 
 
 
{{Graph:Chart|width=100|height=100|type=pie|legend=Legende
 
 
  |x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200
 
  |x=A,B,C,D,E,F,G,H,I|y1=100,200,150,300,100,100,150,50,200
 
  |y2=7,8,9,8,8,9,10,9,5|showValues=}}
 
  |y2=7,8,9,8,8,9,10,9,5|showValues=}}
  
== Embedded directly with <nowiki><graph></nowiki> == <!--T:50-->
+
{{Graph:Chart|width=600|height=100|xAxisTitle=X|yAxisTitle=Y
 
+
|type=rect|x=1,2,3,4,5,6,7,8|y=10,12,6,14,2,10,7,9}}
<!--T:51-->
 
This example is a <code><nowiki><graph></nowiki></code> tag containing the graph JSON inside the current page.
 
</translate>
 
 
 
<graph>
 
{
 
  "version": 2, "width": 400, "height": 200,
 
  "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>
 

Revision as of 02:21, 21 August 2020