Format: Ro: Diferență între versiuni
De la alegeri.md
Oleg (Discuție | contribuții) (→20) |
Oleg (Discuție | contribuții) |
||
(Nu s-a afișat o versiune intermediară efectuată de același utilizator) | |||
Linia 96: | Linia 96: | ||
--> | --> | ||
+ | |||
+ | ===-1=== | ||
+ | |||
+ | <graph>{ | ||
+ | "width": 400, | ||
+ | "height": 120, | ||
+ | "data": [ | ||
+ | { | ||
+ | "name": "table", | ||
+ | "values": [ | ||
+ | {"year":2008, "daily":26.541}, | ||
+ | {"year":2009, "daily":24.748}, | ||
+ | {"year":2010, "daily":24.803}, | ||
+ | {"year":2011, "daily":25.483}, | ||
+ | {"year":2012, "daily":24.729}, | ||
+ | {"year":2013, "daily":24.413}, | ||
+ | {"year":2014, "daily":24.879}, | ||
+ | ] | ||
+ | } | ||
+ | ], | ||
+ | "signals": [ | ||
+ | { | ||
+ | "name": "tooltip", | ||
+ | "init": {}, | ||
+ | "streams": [ | ||
+ | {"type": "symbol:mouseover", "expr": "datum"}, | ||
+ | {"type": "symbol:mouseout", "expr": "{}"} | ||
+ | ] | ||
+ | } | ||
+ | ], | ||
+ | "predicates": [ | ||
+ | { | ||
+ | "name": "tooltip", "type": "==", | ||
+ | "operands": [{"signal": "tooltip._id"}, {"arg": "id"}] | ||
+ | } | ||
+ | ], | ||
+ | "scales": [ | ||
+ | {"name": "time", "type": "linear", "nice": true, "zero": false, "round": true, | ||
+ | "range": "width", "domain": {"data":"table", "field":"year"}}, | ||
+ | {"name": "traffic", "nice": true, "zero": false, "round": true, | ||
+ | "range": "height", "domain": {"data":"table", "field":"daily"}}, | ||
+ | { | ||
+ | "name": "align", | ||
+ | "type": "ordinal", | ||
+ | "domain": ["left", "right", "top", "bottom"], | ||
+ | "range": ["right", "left", "center", "center"] | ||
+ | }, | ||
+ | { | ||
+ | "name": "base", | ||
+ | "type": "ordinal", | ||
+ | "domain": ["left", "right", "top", "bottom"], | ||
+ | "range": ["middle", "middle", "bottom", "top"] | ||
+ | }, | ||
+ | { | ||
+ | "name": "dx", | ||
+ | "type": "ordinal", | ||
+ | "domain": ["left", "right", "top", "bottom"], | ||
+ | "range": [-7, 6, 0, 50] | ||
+ | }, | ||
+ | { | ||
+ | "name": "dy", | ||
+ | "type": "ordinal", | ||
+ | "domain": ["left", "right", "top", "bottom"], | ||
+ | "range": [1, 1, -5, 6] | ||
+ | } | ||
+ | ], | ||
+ | "axes": [ | ||
+ | {"type": "x", "scale": "time", "title": "Year", "titleOffset": 35, "format": "4d", "ticks": 7}, | ||
+ | {"type": "y", "scale": "traffic", "title": "Daily (10k)", "titleOffset": 40, "grid": true, "ticks": 7} | ||
+ | ], | ||
+ | "marks": [ | ||
+ | { | ||
+ | "type": "line", | ||
+ | "from": {"data": "table"}, | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "interpolate": {"value": "monotone"}, | ||
+ | "x": {"scale": "time", "field": "year"}, | ||
+ | "y": {"scale": "traffic", "field": "daily"}, | ||
+ | "stroke": {"value": "#000"}, | ||
+ | "strokeWidth": {"value": 3} | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | { | ||
+ | "type": "symbol", | ||
+ | "from": {"data": "table"}, | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "x": {"scale": "time", "field": "year"}, | ||
+ | "y": {"scale": "traffic", "field": "daily"}, | ||
+ | "fill": {"value": "#fff"}, | ||
+ | "stroke": {"value": "#000"}, | ||
+ | "strokeWidth": {"value": 1}, | ||
+ | "size": {"value": 49} | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | { | ||
+ | "type": "text", | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "align": {"value": "center"}, | ||
+ | "fill": {"value": "#333"} | ||
+ | }, | ||
+ | "update": { | ||
+ | "x": {"scale": "time", "signal": "tooltip.year"}, | ||
+ | "dx": {"scale": "dx", "field": "right"}, | ||
+ | "y": {"scale": "traffic", "signal": "tooltip.daily", "offset": -12}, | ||
+ | "dy": {"scale": "dy", "field": "right"}, | ||
+ | "text": {"signal": "tooltip.daily"}, | ||
+ | "fillOpacity": { | ||
+ | "rule": [ | ||
+ | { | ||
+ | "predicate": { | ||
+ | "name": "tooltip", | ||
+ | "id": {"value": null} | ||
+ | }, | ||
+ | "value": 0 | ||
+ | }, | ||
+ | {"value": 1} | ||
+ | ] | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | ] | ||
+ | }</graph> | ||
+ | |||
+ | ===0=== | ||
+ | |||
+ | <graph> | ||
+ | { | ||
+ | "scales": [ | ||
+ | { | ||
+ | "padding": 0.2, | ||
+ | "range": "height", | ||
+ | "type": "ordinal", | ||
+ | "domain": { | ||
+ | "field": "category", | ||
+ | "data": "table" | ||
+ | }, | ||
+ | "name": "cat" | ||
+ | }, | ||
+ | { | ||
+ | "domain": { | ||
+ | "field": "value", | ||
+ | "data": "table" | ||
+ | }, | ||
+ | "name": "val", | ||
+ | "range": "width", | ||
+ | "type": "linear", | ||
+ | "round": "true", | ||
+ | "nice": "true" | ||
+ | }, | ||
+ | { | ||
+ | "range": "category20", | ||
+ | "type": "ordinal", | ||
+ | "domain": { | ||
+ | "field": "position", | ||
+ | "data": "table" | ||
+ | }, | ||
+ | "name": "color" | ||
+ | } | ||
+ | ], | ||
+ | "axes": [ | ||
+ | { | ||
+ | "tickSize": 0, | ||
+ | "scale": "cat", | ||
+ | "type": "y", | ||
+ | "tickPadding": 8 | ||
+ | }, | ||
+ | { | ||
+ | "scale": "val", | ||
+ | "type": "x" | ||
+ | } | ||
+ | ], | ||
+ | "signals": [ | ||
+ | { | ||
+ | "name": "tooltip", | ||
+ | "init": {}, | ||
+ | "streams": [ | ||
+ | {"type": "rect:mouseover", "expr": "datum"}, | ||
+ | {"type": "rect:mouseout", "expr": "{}"} | ||
+ | ] | ||
+ | } | ||
+ | ], | ||
+ | "predicates": [ | ||
+ | { | ||
+ | "name": "tooltip", "type": "==", | ||
+ | "operands": [{"signal": "tooltip._id"}, {"arg": "id"}] | ||
+ | } | ||
+ | ], | ||
+ | "height": 800, | ||
+ | "width": 600, | ||
+ | "marks": [ | ||
+ | { | ||
+ | "from": { | ||
+ | "data": "table", | ||
+ | "transform": [ | ||
+ | { | ||
+ | "type": "facet", | ||
+ | "groupby": [ | ||
+ | "category" | ||
+ | ] | ||
+ | } | ||
+ | ] | ||
+ | }, | ||
+ | "marks": [ | ||
+ | { | ||
+ | "type": "rect", | ||
+ | "name": "bars", | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "y": { | ||
+ | "field": "position", | ||
+ | "scale": "pos" | ||
+ | }, | ||
+ | "x": { | ||
+ | "field": "value", | ||
+ | "scale": "val" | ||
+ | }, | ||
+ | "x2": { | ||
+ | "scale": "val", | ||
+ | "value": 0 | ||
+ | }, | ||
+ | "fill": { | ||
+ | "field": "position", | ||
+ | "scale": "color" | ||
+ | }, | ||
+ | "height": { | ||
+ | "band": "true", | ||
+ | "scale": "pos" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | { | ||
+ | "from": { | ||
+ | "mark": "bars" | ||
+ | }, | ||
+ | "type": "text", | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "align": {"value": "center"}, | ||
+ | "fill": {"value": "#333"} | ||
+ | }, | ||
+ | "update": { | ||
+ | "x": { "field": "x2"}, | ||
+ | "dy": {"field":"height", "mult": 0.5}, | ||
+ | "y": {"field":"y"}, | ||
+ | "text": {"field": "datum.label"}, | ||
+ | "align": {"value":"center"}, | ||
+ | "baseline":{"value":"middle"}, | ||
+ | "fillOpacity": { | ||
+ | "rule": [ | ||
+ | { | ||
+ | "predicate": {"name": "tooltip", "id": {"value": null}}, | ||
+ | "value": 0 | ||
+ | }, | ||
+ | {"value": 1} | ||
+ | ] | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | ], | ||
+ | "type": "group", | ||
+ | "properties": { | ||
+ | "enter": { | ||
+ | "y": { | ||
+ | "field": "key", | ||
+ | "scale": "cat" | ||
+ | }, | ||
+ | "height": { | ||
+ | "band": "true", | ||
+ | "scale": "cat" | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | "scales": [ | ||
+ | { | ||
+ | "range": "height", | ||
+ | "type": "ordinal", | ||
+ | "name": "pos", | ||
+ | "domain": { | ||
+ | "field": "position" | ||
+ | } | ||
+ | } | ||
+ | ] | ||
+ | } | ||
+ | ], | ||
+ | "data": [ | ||
+ | { | ||
+ | "values": [ | ||
+ | { | ||
+ | "category": "A", | ||
+ | "position": 1, | ||
+ | "value": 1661.0, | ||
+ | "label": 40.0 | ||
+ | }, | ||
+ | { | ||
+ | "category": "A", | ||
+ | "position": 2, | ||
+ | "value": 2928.0, | ||
+ | "label": 35.0 | ||
+ | }, | ||
+ | { | ||
+ | "category": "A", | ||
+ | "position": 3, | ||
+ | "value": 9010.0, | ||
+ | "label": 69.0 | ||
+ | }, | ||
+ | { | ||
+ | "category": "A", | ||
+ | "position": 4, | ||
+ | "value": 6459.0, | ||
+ | "label": 97.0 | ||
+ | }, | ||
+ | { | ||
+ | "category": "B", | ||
+ | "position": 1, | ||
+ | "value": 1022.0, | ||
+ | "label": 39.0 | ||
+ | }, | ||
+ | { | ||
+ | "category": "B", | ||
+ | "position": 2, | ||
+ | "value": 1185.0, | ||
+ | "label": 33.0 | ||
+ | }, | ||
+ | { | ||
+ | "category": "B", | ||
+ | "position": 3, | ||
+ | "value": 567.0, | ||
+ | "label": 60.0 | ||
+ | }, | ||
+ | { | ||
+ | "category": "B", | ||
+ | "position": 4, | ||
+ | "value": 759.0, | ||
+ | "label": 84.0 | ||
+ | } | ||
+ | ], | ||
+ | "name": "table" | ||
+ | } | ||
+ | ] | ||
+ | } | ||
+ | </graph> | ||
===1=== | ===1=== |