双Y轴无法一起缩放

时间:2019-06-26 22:22:00

标签: javascript plotly plotly.js

编辑: 慢慢回答我自己的问题。我在第二个yaxis上添加了“ scaleanchor:'y'”,现在可以正确缩放了!我的最后一个问题是如何使两个轴的中点相同。 enter image description here

我正在绘制数据的标准偏差,并希望显示两个y轴,一个显示该标准偏差的实际值,而另一个仅显示+ -3 STD。我希望将这两个轴都应用于所有轨迹,以便在缩放时它们可以一起缩放。

我尝试将除一条迹线以外的所有迹线分配给第一个轴,将最后一条迹线分配给第二个轴,但是在缩放时,缩放比例会有所不同。我还尝试将所有跟踪分配给第一个跟踪,并为第二个跟踪创建一个空跟踪,但是随后根本无法扩展。

layout = {
            title: this.title,
            yaxis: {
                title: 'Concentration',
                range: [ymin, ymax],
                tickvals: [ymin, ny2, ny1, mpv, y1, y2, ymax],
                gridcolor: '#bdbdbd',
                gridwidth: 2,
                showline: true
            },
            yaxis2: {
                title: 'Z-Value',
                range: [ymin, ymax],
                tickvals: [ymin, ny2, ny1, mpv, y1, y2, ymax],
                ticktext: ['-3', '-2', '-1', 'MPV', '1', '2', '3'],
                overlaying: 'y',
                side: 'right',
                showline: true
            },
            xaxis: {
                showGrid: false,
                tickvals: [],
                range: [-1, this.results.length + 1]
            },
            legend: {
                orientation: 'h'
            }
        };

我知道这是预期的结果,因为这通常是用于覆盖不同的数据集,但是我想知道是否有一种方法可以一起进行轴缩放(包括显示问题的图片)

graph one

graph two

0 个答案:

没有答案