Vega-Lite双轴小数Y轴刻度优化：保留3位小数且无重复

问题概述 #

• 双轴图表中第二个Y轴默认显示4位小数，需改为保留3位小数
• 设置"format":"0.3f"后，Y轴出现重复刻度
• 已通过动态计算（字段最大值的110%）设置第二个Y轴的maxDomain，未使用固定刻度数组values[]

解决方案 #

通过结合刻度生成优化属性与格式设置，实现3位小数显示且无重复刻度：

1. 优化刻度生成逻辑：在第二个Y轴的scale配置中添加nice: true，让Vega-Lite自动将刻度范围调整为更规整的数值区间，避免因小数精度导致的重复刻度。
2. 控制刻度数量：通过axis.tickCount指定合适的刻度数量（如5），减少刻度密度，进一步避免重复。
3. 设置小数格式：保留format: "0.3f"确保显示3位小数。

配置示例 #

{
  "mark": "line",
  "encoding": {
    "y": {
      "field": "your_second_y_field",
      "type": "quantitative",
      "axis": {
        "format": "0.3f",
        "tickCount": 5
      },
      "scale": {
        "maxDomain": {"expr": "data('source').reduce((max, d) => Math.max(max, d.your_second_y_field), 0) * 1.1"},
        "nice": true
      },
      "title": "第二个Y轴标题"
    }
  }
}

原理说明 #

• nice: true会自动调整刻度的起始和结束值，使其对齐到符合阅读习惯的数值，避免出现因精度问题产生的重复刻度。
• tickCount限制刻度数量，减少密集刻度导致的重复概率，同时让轴标签更清晰。
• format: "0.3f"确保所有刻度值统一显示为3位小数，满足格式要求。

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