Шаблон:Graph:Chart: различия между версиями

Материал из Депупедии
Перейти к навигации Перейти к поиску
Нет описания правки
Нет описания правки
Строка 2: Строка 2:
{
{
   "$schema": "https://vega.github.io/schema/vega/v5.json",
   "$schema": "https://vega.github.io/schema/vega/v5.json",
   "description": "A basic line chart example.",
   "description": "A basic bar chart example, with value labels shown upon mouse hover.",
   "width": 500,
   "width": 400,
   "height": 200,
   "height": 200,
   "padding": 5,
   "padding": 5,


   "signals": [
   "data": [
     {
     {
       "name": "interpolate",
       "name": "table",
       "value": "linear",
       "values": [
      "bind": {
        {"category": "A", "amount": 28},
         "input": "select",
         {"category": "B", "amount": 55},
         "options": [
         {"category": "C", "amount": 43},
          "basis",
        {"category": "D", "amount": 91},
          "cardinal",
        {"category": "E", "amount": 81},
          "catmull-rom",
        {"category": "F", "amount": 53},
          "linear",
        {"category": "G", "amount": 19},
          "monotone",
         {"category": "H", "amount": 87}
          "natural",
       ]
          "step",
          "step-after",
          "step-before"
         ]
       }
     }
     }
   ],
   ],


   "data": [
   "signals": [
     {
     {
       "name": "table",
       "name": "tooltip",
       "values": [
       "value": {},
        {"x": 0, "y": 28, "c":0}, {"x": 0, "y": 20, "c":1},
      "on": [
        {"x": 1, "y": 43, "c":0}, {"x": 1, "y": 35, "c":1},
         {"events": "rect:mouseover", "update": "datum"},
        {"x": 2, "y": 81, "c":0}, {"x": 2, "y": 10, "c":1},
         {"events": "rect:mouseout", "update": "{}"}
        {"x": 3, "y": 19, "c":0}, {"x": 3, "y": 15, "c":1},
        {"x": 4, "y": 52, "c":0}, {"x": 4, "y": 48, "c":1},
        {"x": 5, "y": 24, "c":0}, {"x": 5, "y": 28, "c":1},
        {"x": 6, "y": 87, "c":0}, {"x": 6, "y": 66, "c":1},
         {"x": 7, "y": 17, "c":0}, {"x": 7, "y": 27, "c":1},
         {"x": 8, "y": 68, "c":0}, {"x": 8, "y": 16, "c":1},
        {"x": 9, "y": 49, "c":0}, {"x": 9, "y": 25, "c":1}
       ]
       ]
     }
     }
Строка 48: Строка 36:
   "scales": [
   "scales": [
     {
     {
       "name": "x",
       "name": "xscale",
       "type": "point",
       "type": "band",
      "domain": {"data": "table", "field": "category"},
       "range": "width",
       "range": "width",
       "domain": {"data": "table", "field": "x"}
       "padding": 0.05,
      "round": true
     },
     },
     {
     {
       "name": "y",
       "name": "yscale",
       "type": "linear",
       "domain": {"data": "table", "field": "amount"},
      "range": "height",
       "nice": true,
       "nice": true,
      "zero": true,
       "range": "height"
      "domain": {"data": "table", "field": "y"}
    },
    {
      "name": "color",
      "type": "ordinal",
       "range": "category",
      "domain": {"data": "table", "field": "c"}
     }
     }
   ],
   ],


   "axes": [
   "axes": [
     {"orient": "bottom", "scale": "x"},
     { "orient": "bottom", "scale": "xscale" },
     {"orient": "left", "scale": "y"}
     { "orient": "left", "scale": "yscale" }
   ],
   ],


   "marks": [
   "marks": [
     {
     {
       "type": "group",
       "type": "rect",
       "from": {
       "from": {"data":"table"},
         "facet": {
      "encode": {
           "name": "series",
         "enter": {
           "data": "table",
          "x": {"scale": "xscale", "field": "category"},
           "groupby": "c"
          "width": {"scale": "xscale", "band": 1},
          "y": {"scale": "yscale", "field": "amount"},
           "y2": {"scale": "yscale", "value": 0}
        },
        "update": {
           "fill": {"value": "steelblue"}
        },
        "hover": {
           "fill": {"value": "red"}
         }
         }
       },
       }
       "marks": [
    },
        {
    {
          "type": "line",
       "type": "text",
           "from": {"data": "series"},
      "encode": {
           "encode": {
        "enter": {
            "enter": {
           "align": {"value": "center"},
              "x": {"scale": "x", "field": "x"},
           "baseline": {"value": "bottom"},
              "y": {"scale": "y", "field": "y"},
          "fill": {"value": "#333"}
              "stroke": {"scale": "color", "field": "c"},
        },
              "strokeWidth": {"value": 2}
        "update": {
            },
          "x": {"scale": "xscale", "signal": "tooltip.category", "band": 0.5},
            "update": {
          "y": {"scale": "yscale", "signal": "tooltip.amount", "offset": -2},
              "interpolate": {"signal": "interpolate"},
          "text": {"signal": "tooltip.amount"},
              "strokeOpacity": {"value": 1}
          "fillOpacity": [
            },
             {"test": "datum === tooltip", "value": 0},
             "hover": {
             {"value": 1}
              "strokeOpacity": {"value": 0.5}
           ]
             }
           }
         }
         }
       ]
       }
     }
     }
   ]
   ]
}
}
</graph>
</graph>

Версия от 18:01, 8 марта 2023

Источник — http://depupedia.com/index.php?title=Шаблон:Graph:Chart&oldid=2008