1

有人可以向我解释 vincent 文档中关于堆叠条的以下行:

https://github.com/wrobstory/vincent/blob/master/examples/stacked_bar_examples.py

y2=ValueRef(field='y2', scale='y')

我在数据集中没有看到任何名为“y2”的字段,所以我对它的来源感到困惑

4

1 回答 1

0

y2字段由 Vegastack变换(此处的代码)生成。

在 Vega 中,rect标记可以由y+y2y+定义height。请参阅Vega 文档中的Marks#Shared Visual Properties :

对于涉及笛卡尔范围的标记(例如,矩形标记),水平尺寸由(按优先顺序)x 和x2 属性、x 和宽度属性以及x2 和宽度属性确定。如果指定了所有三个 x、x2 和宽度,则忽略宽度值。y、y2 和 height 属性的处理方式类似。

查看Vega Live Editor 中的堆叠条演示,其中包括:

...
  "marks": [
    {
      "type": "rect",
      "properties": {
        "enter": {
          "x": {"scale": "x", "field": "data.x"},
          "width": {"scale": "x", "band": true, "offset": -1},
          "y": {"scale": "y", "field": "y"},
          "y2": {"scale": "y", "field": "y2"},
          "fill": {"scale": "color", "field": "data.c"}
        },
        "update": {
          "fillOpacity": {"value": 1}
        },
        "hover": {
          "fillOpacity": {"value": 0.5}
        }
      }
    }
  ]
...

尝试在实时编辑器中y2更改。height

于 2015-07-13T18:33:25.817 回答