如何使用`rule`大關維加

Question

我使用rule馬克維佳創建跨越情節的整個寬度或高度線路有問題。

的documentation for rule是有點稀疏。我正在根據this google groups post下面的示例進行操作。

{ 
    "width": 250, 
    "height": 250, 
    "padding": "auto", 
    "scales": [ 
    {"name": "xscale", "type": "linear", "range": "width", "domain": [0, 10]}, 
    {"name": "yscale", "type": "linear", "range": "height", "domain": [0, 10]} 
    ], 
    "axes": [ 
    {"type": "x", "scale": "xscale"}, 
    {"type": "y", "scale": "yscale"} 
    ], 
    "marks": [ 
    { 
     "type": "rule", 
     "properties": { 
     "enter": { 
      "x": {"scale": "xscale", "value": 0}, 
      "x2": {"scale": "xscale", "group": "width"}, 
      "y": {"scale": "yscale", "value": 5.5}, 
      "stroke": {"value": "green"} 
     } 
     } 
    } 
    ] 
} 

似乎直線前進足夠了，但我在vega editor

Answer 1

的問題得到一個空的情節是寬的x2規範。

在這種情況下，它應該是：

"x2": {"scale": "xscale", "value": 10}, 

或

"x2": {"signal": "width"}, 

製作完整的規範：

{ 
    "width": 250, 
    "height": 250, 
    "padding": "auto", 
    "scales": [ 
    {"name": "xscale", "type": "linear", "range": "width", "domain": [0, 10]}, 
    {"name": "yscale", "type": "linear", "range": "height", "domain": [0, 10]} 
    ], 
    "axes": [ 
    {"type": "x", "scale": "xscale"}, 
    {"type": "y", "scale": "yscale"} 
    ], 
    "marks": [ 
    { 
     "type": "rule", 
     "properties": { 
     "enter": { 
      "x": {"scale": "xscale", "value": 0}, 
      "x2": {"signal": "width"}, 
      "y": {"scale": "yscale", "value": 5.5}, 
      "stroke": {"value": "green"} 
     } 
     } 
    } 
    ] 
}