User:JohnBlackburne/GraphTest

{ "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"}

}

}

}

]

}

{{GraphChart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legend|type=stackedrect|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|colors=#ff0000, #00ff00}}

{{GraphChart|width=400|height=100|xAxisTitle=X|yAxisTitle=Y|legend=Legend|type=stackedrect|x=1,2,3,4,5,6,7,8|y1=10, 12, 6, 14, 2, 10, 7, 9 |y2=2,4,6,8,13,11,9,2|colors=#00ff00, #ff0000}}