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>
| |