Danh : Différence entre versions

De wiki
Aller à : navigation, rechercher
 
(9 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
creation du chinoix
 
creation du chinoix
  
{{GraphChart|width=400|height=100|type=line|x=1,2,3,4,5,6,7,8|y=10, 12, 6, 14, 2, 10, 7, 9}}
+
{{#tag:graph|
<nowiki>{{GraphChart|width=400|height=100|type=line|x=1,2,3,4,5,6,7,8|y=10, 12, 6, 14, 2, 10, 7, 9}}</nowiki>
+
{
 +
  "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