Danh : Différence entre versions
| (9 révisions intermédiaires par le même utilisateur non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
creation du chinoix | creation du chinoix | ||
| − | {{ | + | {{#tag:graph| |
| − | + | { | |
| + | "version": 2, | ||
| + | "width": 800, | ||
| + | "height": 200, | ||
| + | "padding": {"top": 10, "left": 65, "bottom": 20, "right": 10}, | ||
| + | |||
| + | "data": [ | ||
| + | { | ||
| + | "name": "table", | ||
| + | "values": [ | ||
| + | {"date": "14-07", "amount": 722 }, | ||
| + | {"date": "14-08", "amount": 6330 }, | ||
| + | {"date": "14-09", "amount": 6418 }, | ||
| + | {"date": "14-10", "amount": 4719 }, | ||
| + | {"date": "14-11", "amount": 9035 }, | ||
| + | {"date": "14-12", "amount": 7638 }, | ||
| + | {"date": "15-01", "amount": 6721 }, | ||
| + | {"date": "15-02", "amount": 6157 }, | ||
| + | {"date": "15-03", "amount": 4074 }, | ||
| + | {"date": "15-04", "amount": 5025 }, | ||
| + | {"date": "15-05", "amount": 5603 }, | ||
| + | {"date": "15-06", "amount": 3395 }, | ||
| + | {"date": "15-07", "amount": 6191 }, | ||
| + | {"date": "15-08", "amount": 4299 }, | ||
| + | {"date": "15-09", "amount": 2793 }, | ||
| + | {"date": "15-10", "amount": 3025 }, | ||
| + | {"date": "15-11", "amount": 4299 }, | ||
| + | {"date": "15-12", "amount": 3748 }, | ||
| + | ] | ||
| + | } | ||
| + | ], | ||
| + | |||
| + | "signals": [ | ||
| + | { | ||
| + | "name": "tooltip", | ||
| + | "init": {}, | ||
| + | "streams": [ | ||
| + | {"type": "rect:mouseover", "expr": "datum"}, | ||
| + | {"type": "rect:mouseout", "expr": "{}"} | ||
| + | ] | ||
| + | } | ||
| + | ], | ||
| + | |||
| + | "predicates": [ | ||
| + | { | ||
| + | "name": "tooltip", "type": "==", | ||
| + | "operands": [{"signal": "tooltip._id"}, {"arg": "id"}] | ||
| + | } | ||
| + | ], | ||
| + | |||
| + | "scales": [ | ||
| + | { "name": "xscale", "type": "ordinal", "range": "width", | ||
| + | "domain": {"data": "table", "field": "date"} }, | ||
| + | { "name": "yscale", "type": "linear", "range": "height", "nice": true, | ||
| + | "domain": {"data": "table", "field": "amount"} } | ||
| + | ], | ||
| + | |||
| + | "axes": [ | ||
| + | { "type": "x", "scale": "xscale" }, | ||
| + | { "type": "y", "scale": "yscale" } | ||
| + | ], | ||
| + | |||
| + | "marks": [ | ||
| + | { | ||
| + | "type": "rect", | ||
| + | "from": {"data":"table"}, | ||
| + | "properties": { | ||
| + | "enter": { | ||
| + | "x": {"scale": "xscale", "field": "date"}, | ||
| + | "width": {"scale": "xscale", "band": true, "offset": -1}, | ||
| + | "y": {"scale": "yscale", "field": "amount"}, | ||
| + | "y2": {"field": {"group": "height"} } | ||
| + | }, | ||
| + | "update": { "fill": {"value": "steelblue"} }, | ||
| + | "hover": { "fill": {"value": "red"} } | ||
| + | } | ||
| + | }, | ||
| + | { | ||
| + | "type": "text", | ||
| + | "properties": { | ||
| + | "enter": { | ||
| + | "align": {"value": "center"}, | ||
| + | "fill": {"value": "#333"} | ||
| + | }, | ||
| + | "update": { | ||
| + | "x": {"scale": "xscale", "signal": "tooltip.date"}, | ||
| + | "dx": {"scale": "xscale", "band": true, "mult": 0.5}, | ||
| + | "y": {"scale": "yscale", "signal": "tooltip.amount", "offset": -5}, | ||
| + | "text": {"signal": "tooltip.amount"}, | ||
| + | "fillOpacity": { | ||
| + | "rule": [ | ||
| + | { | ||
| + | "predicate": {"name": "tooltip", "id": {"value": null} }, | ||
| + | "value": 0 | ||
| + | }, | ||
| + | {"value": 1} | ||
| + | ] | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | ] | ||
| + | } | ||
| + | | mode=interactive }} | ||
Version actuelle datée du 18 janvier 2019 à 14:48
creation du chinoix