如何在Vega d3圖表中設置最小x軸而不是0

我指的是preview中提供的以下代碼的VEGA圖表。有「域」：[0，3]用於設置x和y軸的範圍。這裏，如果我設置[-0.5，3]，x軸將從-0.5開始，但是如果我想要有正數，例如0.5它，x軸不會從該值開始，而是從0開始。是否有其他選擇排序這件事情的方法？如何在Vega d3圖表中設置最小x軸而不是0

{ 
    "name": "image", 
    "width": 200, 
    "height": 200, 
    "padding": {"left":30, "top":10, "bottom":30, "right":10}, 
    "data": [ 
    { 
     "name": "data", 
     "values": [ 
     {"x":0.5, "y":0.5, "img":"data/ffox.png"}, 
     {"x":1.5, "y":1.5, "img":"data/gimp.png"}, 
     {"x":2.5, "y":2.5, "img":"data/7zip.png"} 
     ] 
    } 
    ], 
    "scales": [ 
    {"name": "x", "domain": [0, 3], "range": "width"}, 
    {"name": "y", "domain": [0, 3], "range": "height"} 
    ], 
    "axes": [ 
    {"type": "x", "scale": "x"}, 
    {"type": "y", "scale": "y"} 
    ], 
    "marks": [ 
    { 
     "type": "image", 
     "from": {"data": "data"}, 
     "properties": { 
     "enter": { 
      "url": {"field": "data.img"}, 
      "width": {"value": 50}, 
      "height": {"value": 50}, 
      "x": {"scale": "x", "field": "data.x"}, 
      "y": {"scale": "y", "field": "data.y"}, 
      "align": {"value": "center"}, 
      "baseline": {"value": "middle"} 
     }, 
     "update": { 
      "opacity": {"value": 1.0} 
     }, 
     "hover": { 
      "opacity": {"value": 0.5} 
     } 
     } 
    } 
    ] 
}

來源

2015-07-28 Tharik Kanaka

添加屬性「零」：在秤假

"scales": [ 
{"name": "x", "domain": [0, 3], "range": "width", "zero": false}, 
{"name": "y", "domain": [0, 3], "range": "height"} 
    ]

來源

2015-07-29 05:04:14

如何在Vega d3圖表中設置最小x軸而不是0

回答

相關問題