gpt4 book ai didi

vega-lite - 如何向我的 vega-lite 图表添加辅助 Y 轴?

转载 作者:行者123 更新时间:2023-12-02 23:49:21 26 4
gpt4 key购买 nike

这个问题展示了一种向 vega-lite 图表添加多个时间序列的方法:

How to plot several variables on an axis with Vega-Lite?

有没有办法将第二个系列放在辅助 Y 轴上?我正在讨论在右侧放置另一个 Y 轴,以便时间序列可以具有不同的尺度,但仍然可以进行比较。

下图演示了我想要的图表类型:

The kind of chart I want to create

这是一个示例图表,请向我展示如何将第二个时间序列移动到图表右侧的新 Y 轴:

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/3dbd3b83f2a67da8fe20ef444fd4958e

更新:

我已经部分解决了我的问题,但不是 100%。

通过将“axis”和“orient”字段添加到我的 vega-lite 图表中,我已经能够将第二个系列移动到右侧,如下所示:

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/5aea58ee98c2eec9913b309836181a5b

我现在遇到的问题是,当我尝试使用两个不同的时间序列(其值具有完全不同的尺度)创建这样的图表时,我得到的东西没有用。

enter image description here

从此图表中您可以看到,图表的两侧都使用相同的比例,这使得无法比较数据,因为第一个系列(比例较小)最终被完全压扁。

您可以从此处的屏幕截图中看到图表:

https://vega.github.io/editor/#/gist/vega-lite/ashleydavis/af1958d3f22bd876959ebcc97105dd14

现在的问题是如何使这些轴独立,以便数据重叠且易于比较?

(并不是说比较此示例中的数据有意义,但通常我需要能够做到这一点)。

最佳答案

是的,您可以使用 resolve 属性将轴和比例设置为独立。 Vega-Lite 会自动为您创建两个轴。

参见https://vega.github.io/vega-lite/docs/layer.html#combined-scales-and-guides .

dual axis chart

关于vega-lite - 如何向我的 vega-lite 图表添加辅助 Y 轴?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45610630/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com