Javascript 如何在织女星中使用'rule'标记

Javascript 如何在织女星中使用'rule'标记,javascript,visualization,data-visualization,vega,Javascript,Visualization,Data Visualization,Vega,我在使用织女星中的规则标记创建跨越整个绘图宽度或高度的线条时遇到问题 房子有点稀疏。我下面的例子就是基于这个 看起来很直截了当,但我得到的是一个空的情节 问题在于x2的规格宽度 在这种情况下,它应该是: "x2": {"scale": "xscale", "value": 10}, 或 制定完整规范: { "width": 250, "height": 250, "padding": "auto", "scales": [ {"name": "xscale", "typ

我在使用织女星中的
规则
标记创建跨越整个绘图宽度或高度的线条时遇到问题

房子有点稀疏。我下面的例子就是基于这个

看起来很直截了当,但我得到的是一个空的情节


问题在于
x2的规格宽度

在这种情况下,它应该是:

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

制定完整规范:

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

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