如何在Vega-lite图表中添加辅助Y轴?

阿什莉·戴维斯(Ashley Davis)

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

如何使用Vega-Lite在轴上绘制几个变量?

有没有办法将第二个序列放在次要Y轴上?我说的是在右侧放置另一个Y轴,以便时间序列可以具有不同的比例,但仍可以进行比较。

下图演示了我所追求的图表类型:

我想创建的图表类型

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

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

更新

我已经部分解决了我的问题,但还没有100%解决。

通过在我的Vega-lite图表中添加“轴”和“方向”字段,我已经能够将第二个系列移到右侧,如您在此处看到的:

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

我现在遇到的问题是,当我尝试创建具有两个不同时间序列,具有完全不同比例的值的图表时,会得到一些无用的信息。

在此处输入图片说明

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

您可以从以下屏幕截图中看到该图表:

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

双轴图

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章