gpt4 book ai didi

javascript - Dygraphs:具有两个 y 轴的一系列

转载 作者:行者123 更新时间:2023-11-28 08:40:39 26 4
gpt4 key购买 nike

我想做的是绘制一个系列,其中两个 y 轴“锁定”到相同的数据 - 例如,可以读取的 °F 和 °C 温度(或英尺和米等)偏离任一轴,但只会绘制一组点。

我尝试过的事情:

1) 创建两个系列,第二个使用转换后的值,并在另一个系列的“顶部”绘制(在本例中,转换值恒定为 1.51):

日期、单位1、转换单位2
2012-03-19,1.598333,3.108333
2012-03-20,1.542083,3.052083
2012-03-21,1.483333,2.993333

一般有效;然而,Dygraphs 动态地将两个 y 轴独立地缩放为“漂亮”,因此这两个系列并不总是直接绘制在彼此之上。

2) 将第二个系列的可见性设置为 FALSE:

系列:{'converted_unit2':{轴:'y2'}},可见性:[真,假]

不起作用:Dygraphs 默认将不可见系列的辅助 y 轴缩放为 0 到 1。

3) 好的,让它们都可见,但将第二个系列设置为透明:

系列:{'converted_unit2':{轴:'y2'}},颜色:['#000080','rgba(0,0,0,0)']

几乎有效 - 但它有一个副作用,即动态图例中第二个系列的标签现在是透明的。而且,由于轴仍被独立计算为“漂亮”,因此它们并未完全对齐 - 次要 y 轴可能偏离第一个 y 轴几个百分点。

(我还尝试将第二个系列可见性设置为 FALSE 并使用从 yAxisRange() 获得的值手动设置第二个 y-asix,效果很好,但第二个 y 轴无法正确响应缩放图形.)

有没有一种方法可以轻松地为单个系列创建两个“锁定”在一起的 y 轴?

谢谢,-布莱恩

最佳答案

这里有同样的问题;)

我们曾经通过使用第二个系列中的单个数据点(允许第二个轴)和两个轴的固定轴范围(根据第一个范围计算的第二个范围)来添加第二个(相关)轴。第二个颜色设置为透明,第二个标签被隐藏......工作正常,直到我们不得不切换到动态缩放轴......

the second series in the dynamic legend is now transparent

嗯,您可以使用 css (因为它是内联样式,您必须使用 !important 来覆盖它)或 js (删除内联样式或更改它)来更改它。

是的,第二个(从属)轴的选项会很棒!

关于javascript - Dygraphs:具有两个 y 轴的一系列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20529889/

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