vegaの `rule`マークの使い方

Question

vegaの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"} 
     } 
     } 
    } 
    ] 
} 

十分なストレートフォワードようだが、私はこの問題はx2の仕様幅であるvega editor

Answer 1

で空のプロットを取得しています。この場合

それがあるべきである次のいずれか

"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"} 
     } 
     } 
    } 
    ] 
} 

を