簡體   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