Javascript 如何在Vega d3图表中设置最小x轴而不是0
我指的是织女星图表下面的代码,可以在。其中“域”:[0,3]用于设置x轴和y轴的范围。这里,如果我设置[-0.5,3],x轴将从-0.5开始,但是如果我想要有正数,比如0.5it,x轴将不会从该值开始,而是从0开始。有没有别的办法来解决这件事Javascript 如何在Vega d3图表中设置最小x轴而不是0,javascript,vega,Javascript,Vega,我指的是织女星图表下面的代码,可以在。其中“域”:[0,3]用于设置x轴和y轴的范围。这里,如果我设置[-0.5,3],x轴将从-0.5开始,但是如果我想要有正数,比如0.5it,x轴将不会从该值开始,而是从0开始。有没有别的办法来解决这件事 { "name": "image", "width": 200, "height": 200, "padding": {"left":30, "top":10, "bottom":30, "right":10}, "data": [
{
"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}
}
}
}
]
}
添加属性“零”:在比例中为false
"scales": [
{"name": "x", "domain": [0, 3], "range": "width", "zero": false},
{"name": "y", "domain": [0, 3], "range": "height"}
]