主页 / coding / 问题 / 79167319
Accepted
Jeff T
Asked: 2024-11-08 00:35:12 +0800 CST

如何让 vega-lite 中的 y 轴刻度成为间隔均匀的“漂亮”整数？

  • 772

我第一次在 deneb 中使用 vega-lite。我创建了一条具有多个 y 轴的线。在右侧 y 轴上，Vega 会自动将数据点的精确值分配为刻度标签和间隔（见附图）。例如，对于 % 轴，我希望它是 20%、25%、30%...我希望刻度是整数，刻度之间的间隔均匀。与左侧 y 轴的做法类似。我试过“tickCount”，但没有用。我也在下面粘贴了我的代码。这可能是数据类型问题吗？非常感谢任何帮助！

三轴图

我尝试让 vega 自动分配刻度和间隔，因为我预计默认设置是使用整数。结果 vega 使用数据表的精确值作为刻度和间隔。

 `{
      "data": {"name": "dataset"},
      "encoding": {
        "x": {
          "field": "PERIOD_YEAR",
          "type": "nominal"
          }
   },
    "layer": [
    {
      "mark": {
        "type": "line"
      },
      "encoding": {
          "y":{
            "field": "QTY",
            "type": "quantitative"
        }
      }
    },
   {
      "mark": {
        "type": "line"
      },
      "encoding": {
        "y":{
          "field": "GM%_Less LC__formatted",
          "sort":"-y"
          }
        }
      },
    {
    "mark": {
    "type": "line"
    },
    "encoding": {
    "y": {
    "field": "GM $/unit_Less LC__formatted",
    "sort":"-y",
    "axis": {"offset":80}
      }
    }
    }
    ],
    "resolve": {"scale": {"y":"independent"}}
    }`
powerbi

1 个回答

  1. Best Answer

    如果将类型设置为定量，则会得到不错的刻度值。您可以将域范围设置为您想要的任何值。我很困惑，因为我以为你已经尝试过了？这是你想要的结果吗？

    在此处输入图片描述

    {
  "data": {
    "name": "dataset"
  },
  "encoding": {
    "x": {
      "field": "Year"
    }
  },
  "layer": [
    {
      "mark": {
        "type": "line"
      },
      "encoding": {
        "y": {
          "field": "Quantity",
          "type": "quantitative"
        }
      }
    },
    {
      "mark": {
        "type": "line"
      },
      "encoding": {
        "y": {
          "field": "GM %",
          "sort": "-y", "type": "quantitative", "scale":{"zero":false}
        }
      }
    },
    {
      "mark": {
        "type": "line"
      },
      "encoding": {
        "y": {
          "field": "GM $ / Unit",
          "sort": "-y", "type": "quantitative","scale":{"zero":false},
          "axis": {
            "offset": 80
          }
        }
      }
    }
  ],
  "resolve": {
    "scale": {
      "y": "independent"
    }
  }
}
    • 0

相关问题