繁体   English   中英

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

[英]How do I add a secondary Y axis to my vega-lite chart?

这个问题展示了一种向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

双轴图

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM