Vega 1.5升级至5.5后Y轴首尾无刻度，如何配置显示？

问题描述 #

将Vega规范从1.5版本升级到5.5版本后，Y轴首尾位置不再显示刻度（呈现开放状态），旧版本中Y轴首尾是带有刻度的。

效果对比 #

• Vega 5.5 Y轴效果：
  
• Vega 1.5 Y轴效果：
  

当前轴配置代码 #

"axes": [
    {
        "scale": "y_group",
        "tickCount": 5,
        "tickSize": 5,
        "orient": "right",
        "offset": {
            "scale": "scaling",
            "field": "data"
        },
        "encode": {
            "ticks": {
                "update": {
                    "stroke": {"scale": "colors", "field": "data"}
                }
            },
            "labels": {"update": {
                "stroke": {"scale": "colors", "field": "data"},
                "strokeWidth": {"value": 0.5}
            }},
            "domain": {"update": {
                "stroke": {"scale": "colors", "field": "data"},
                "strokeWidth": {"value": 0.5}
            }}
        }
    }
],

解决方法 #

Vega 5.x版本中，默认会对轴的刻度范围做nice优化（自动扩展范围以适配美观的刻度值），这会导致首尾刻度不与数据极值对齐，从而出现开放状态。要恢复首尾刻度，需要修改对应Y轴的scale配置，将nice属性设置为false，让刻度严格贴合数据的实际范围：

假设你的y_group scale配置原本是类似这样：

"scales": [
    {
        "name": "y_group",
        "type": "linear",
        "domain": {"data": "your-data", "field": "y-field"},
        "range": "height"
    }
]

修改后：

"scales": [
    {
        "name": "y_group",
        "type": "linear",
        "domain": {"data": "your-data", "field": "y-field"},
        "range": "height",
        "nice": false  // 添加这一行，关闭自动范围优化
    }
]

如果上述方法后仍未生效，还可以尝试在轴配置中显式指定tickValues来强制包含首尾刻度值，比如通过数据计算获取极值后传入，但这种方式需要提前确定刻度值，不如修改scale的nice属性灵活。另外，也可以检查轴配置中是否存在domain相关的覆盖设置，确保没有人为缩小轴的显示范围。

内容的提问来源于stack exchange，提问作者ahat long