blocks|key|3842|text|一种可能的解决方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3843|将两个图的range元素设置为彼此成比例，然后轴将对齐。基本上，你的问题是一个轴必须显示负数，而另一个轴不显示。通过告诉y2显示负数，我们实现了我们的目标。|offset|length|style|CODE|3844|from+plotly.offline+import+download_plotlyjs,+init_notebook_mode,+plot,+iplot
import+plotly.graph_objs+as+go

init_notebook_mode(connected=True)

traces+=+[
++++go.Bar(
++++++++x=[1,+2,+3,+4],+
++++++++y=[-1,+2,+-3,+4],+
++++++++name='y+actual'
++++),+
++++go.Bar(
++++++++x=[1],+
++++++++y=[0],+
++++++++name='y+dummy',+
++++++++hoverinfo='none',+
++++++++showlegend=False
++++),+
++++go.Bar(
++++++++x=[1],
++++++++y=[0],
++++++++yaxis='y2',+
++++++++name='y2+dummy',+
++++++++hoverinfo='none',+
++++++++showlegend=False
++++),
+++go.Bar(
+++++++x=[1,+2,+3,+4],+
+++++++y=[22,+2,+13,+25],+
+++++++yaxis='y2',+
+++++++name='y2+actual'
+++)
]

#+layout
layout+=+go.Layout(
++++barmode='group',
++++yaxis=dict(
++++++++title='y+actual',+
++++++++rangemode="tozero",+
++++++++#anchor='x',+
++++++++overlaying='y2',
++++++++side="left",
++++++++range+=+[-4,+10]
++++),
++++yaxis2=dict(
++++++++title='y2+actual',+
++++++++side='right',+
++++++++rangemode+=+"tozero",
++++++++#anchor='x',
++++++++range+=+[-12,+30]
++++)
)

#+make+fig
fig+=+go.Figure(data=traces,+layout=layout)
iplot(fig)|code-block|syntax|javascript|3845|​|3846|📷|atomic|3847|3848|这可能是恼人的，因为必须保持它们的比例，但这将确保它们的对齐。|3849|为了帮助自动化这个过程，您可以使用以下函数来生成两个彼此成比例的范围。|3850|def+make_proportional_intervals(a,+b):
++++"""
++++Given+two+list+like+objects,+compute+two+proprotionally+sized+ranges.
++++This+function+assumes+the+max+value+in+both+lists+is+positive+and+non-zero
++++"""
++++min_a,+min_b+=+min(a),+min(b)
++++max_a,+max_b+=+max(a),+max(b)
++++if+(min_a+>=0)+&+(min_b+>=+0):
++++++++#+provide+a+20%25+cushion+to+the+scale
++++++++return+[0,+round(1.2*max_a)],+[0,+round(1.2*max_b)]
++++else:
++++++++if+(min_a+<+min_b)+&+(max_a+<+max_b):
++++++++++++n+=+-(-max_b+//+max_a)
++++++++++++#+n+=+math.ceil(max_b+/+max_a),+if+you+cannot+assume+ints.
++++++++++++return+[min_a,+max_a],+[n*min_a,+n*max_a]

++++++++elif+(min_b+<+min_a)+&+(max_b+<+max_a):
++++++++++++n+=+-(-max_a+//+max_b)
++++++++++++#+n+=+math.ceil(max_b+/+max_a),+if+you+cannot+assume+ints.
++++++++++++return+[n*min_b,+n*max_b],+[min_b,+max_b]

++++++++elif+(min_b+<+min_a)+&+(max_a+<+max_b):
++++++++++++n+=+max(+-(-max_b+//+max_a),+-(min_b+//+min_a)+)
++++++++++++return+[min_b+/+n,+max_b+/+n],+[min_b,+max_b]

++++++++elif+(min_a+<+min_b)+&+(max_b+<+max_a):
++++++++++++n+=+max(+-(-max_a+//+max_b),+-(min_a+//+min_b)+)
++++++++++++return+[min_a,+max_a],+[min_a+/+n,+max_a+/+n]
++++++++elif+(min_a+==+min_b):
++++++++++++m+=+max(max_a,+max_b)
++++++++++++return+[min_a,+m],+[min_b,++m]
++++++++elif+max_a+==+max_b:
++++++++++++m+=+min(min_a,+min_b)
++++++++++++return+[m,+max_a],+[m,+max_b]|3851|此函数假设您的值将是整数，但如果不是，您可以使用import+math并使用math.ceil()来代替我的整数除法。我在避免添加更多的导入。如果您希望看到这段代码的实际效果，我在jupyter+notebook中创建了一个示例，您可以多次运行该示例，以了解它如何处理不同的数组。|3852|from+plotly.offline+import+download_plotlyjs,+init_notebook_mode,+plot,+iplot
import+plotly.graph_objs+as+go
import+numpy+as+np

def+make_proportional_intervals(a,+b):
++++"""
++++Given+two+list+like+objects,+compute+two+proprotionally+sized+ranges.
++++This+function+assumes+the+max+value+in+both+lists+is+positive+and+non-zero
++++"""
++++min_a,+min_b+=+min(a),+min(b)
++++max_a,+max_b+=+max(a),+max(b)
++++if+(min_a+>=0)+&+(min_b+>=+0):
++++++++#+provide+a+20%25+cushion+to+the+scale
++++++++return+[0,+round(1.2*max_a)],+[0,+round(1.2*max_b)]
++++else:
++++++++if+(min_a+<+min_b)+&+(max_a+<+max_b):
++++++++++++n+=+-(-max_b+//+max_a)
++++++++++++#+n+=+math.ceil(max_b+/+max_a),+if+you+cannot+assume+ints.
++++++++++++return+[min_a,+max_a],+[n*min_a,+n*max_a]

++++++++elif+(min_b+<+min_a)+&+(max_b+<+max_a):
++++++++++++n+=+-(-max_a+//+max_b)
++++++++++++#+n+=+math.ceil(max_b+/+max_a),+if+you+cannot+assume+ints.
++++++++++++return+[n*min_b,+n*max_b],+[min_b,+max_b]

++++++++elif+(min_b+<+min_a)+&+(max_a+<+max_b):
++++++++++++n+=+max(+-(-max_b+//+max_a),+-(min_b+//+min_a)+)
++++++++++++return+[min_b+/+n,+max_b+/+n],+[min_b,+max_b]

++++++++elif+(min_a+<+min_b)+&+(max_b+<+max_a):
++++++++++++n+=+max(+-(-max_a+//+max_b),+-(min_a+//+min_b)+)
++++++++++++return+[min_a,+max_a],+[min_a+/+n,+max_a+/+n]
++++++++elif+(min_a+==+min_b):
++++++++++++m+=+max(max_a,+max_b)
++++++++++++return+[min_a,+m],+[min_b,++m]
++++++++elif+max_a+==+max_b:
++++++++++++m+=+min(min_a,+min_b)
++++++++++++return+[m,+max_a],+[m,+max_b]

init_notebook_mode(connected=True)

y0+=+np.random.randint(-5,+35,+6)
y1+=+np.random.randint(-7,+28,+6)

print(y0,+y1)
range0,+range1+=+make_proportional_intervals(y0,+y1)

traces+=+[
++++go.Bar(
++++++++x=[1,+2,+3,+4,+5,+6],+
++++++++y=y0,+
++++++++name='y+actual'
++++),+
++++go.Bar(
++++++++x=[1],+
++++++++y=[0],+
++++++++name='y+dummy',+
++++++++hoverinfo='none',+
++++++++showlegend=False
++++),+
++++go.Bar(
++++++++x=[1],
++++++++y=[0],
++++++++yaxis='y2',+
++++++++name='y2+dummy',+
++++++++hoverinfo='none',+
++++++++showlegend=False
++++),
+++go.Bar(
+++++++x=[1,+2,+3,+4,+5,+6],+
+++++++y=y1,+
+++++++yaxis='y2',+
+++++++name='y2+actual'
+++)
]

#+layout
layout+=+go.Layout(
++++barmode='group',
++++yaxis=dict(
++++++++title='y+actual',+
++++++++rangemode="tozero",+
++++++++#anchor='x',+
++++++++overlaying='y2',
++++++++side="left",
++++++++range+=+range0
++++),
++++yaxis2=dict(
++++++++title='y2+actual',+
++++++++side='right',+
++++++++rangemode+=+"tozero",
++++++++#anchor='x',
++++++++range+=+range1
++++)
)

fig+=+go.Figure(data=traces,+layout=layout)
iplot(fig)|3853|同样，这只是一种变通办法，因为您具有负数，不能将rangemode+=+"tozero"用作场景here。也许开发人员将来会在rangemode中添加一些东西来纠正这一点。|3854|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/9fc522f2fe0149f465478fdf5bcefeef.png|imageAlt|1|LINK|MUTABLE|url|https://stackoverflow.com/questions/36101767/python-plotly-align-y-axis-for-scatter-and-bar^0|0|5|5|1O|2|0|0|0|0|1|0|0|0|0|0|0|O|B|12|B|0|0|O|K|1R|9|1C|4|1|0^^$0|@$1|2|3|4|5|6|7|1I|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1J|8|@$D|1K|E|1L|F|G]|$D|1M|E|1N|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1O|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1P|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1Q|8|@]|9|@$D|1R|E|1S|1|1T]]|A|$]]|$1|R|3|N|5|6|7|1U|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1V|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1W|8|@]|9|@]|A|$]]|$1|W|3|X|5|J|7|1X|8|@]|9|@]|A|$K|L]]|$1|Y|3|Z|5|6|7|1Y|8|@$D|1Z|E|20|F|G]|$D|21|E|22|F|G]]|9|@]|A|$]]|$1|10|3|11|5|J|7|23|8|@]|9|@]|A|$K|L]]|$1|12|3|13|5|6|7|24|8|@$D|25|E|26|F|G]|$D|27|E|28|F|G]]|9|@$D|29|E|2A|1|2B]]|A|$]]|$1|14|3|-4|5|6|7|2C|8|@]|9|@]|A|$]]]|15|$16|$5|17|18|19|A|$1A|1B|1C|-4]]|1D|$5|1E|18|1F|A|$1G|1H]]]]

A possible workaround:

set the <code>range</code> element for both graphs to be proportional to each other then the axes will line up. Basically, your problem is one axis has to show negative numbers and the other doesn't. By telling <code>y2</code> to show negative numbers we obtain our goal.

<pre><code>from plotly.offline import download_plotlyjs, init_notebook_mode, plot, iplot
import plotly.graph_objs as go

init_notebook_mode(connected=True)

traces = [
 go.Bar(
 x=[1, 2, 3, 4], 
 y=[-1, 2, -3, 4], 
 name='y actual'
 ), 
 go.Bar(
 x=[1], 
 y=[0], 
 name='y dummy', 
 hoverinfo='none', 
 showlegend=False
 ), 
 go.Bar(
 x=[1],
 y=[0],
 yaxis='y2', 
 name='y2 dummy', 
 hoverinfo='none', 
 showlegend=False
 ),
 go.Bar(
 x=[1, 2, 3, 4], 
 y=[22, 2, 13, 25], 
 yaxis='y2', 
 name='y2 actual'
 )
]

# layout
layout = go.Layout(
 barmode='group',
 yaxis=dict(
 title='y actual', 
 rangemode="tozero", 
 #anchor='x', 
 overlaying='y2',
 side="left",
 range = [-4, 10]
 ),
 yaxis2=dict(
 title='y2 actual', 
 side='right', 
 rangemode = "tozero",
 #anchor='x',
 range = [-12, 30]
 )
)

# make fig
fig = go.Figure(data=traces, layout=layout)
iplot(fig)
</code></pre>

<a href="https://i.stack.imgur.com/vdCXq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vdCXq.png" alt="enter image description here"></a>

This may be annoying to have to keep them in proportion but it will ensure their alignment. 

to help automate the process you can use the following function to produce two ranges that are proportional to each other. 

<pre><code>def make_proportional_intervals(a, b):
 """
 Given two list like objects, compute two proprotionally sized ranges.
 This function assumes the max value in both lists is positive and non-zero
 """
 min_a, min_b = min(a), min(b)
 max_a, max_b = max(a), max(b)
 if (min_a &gt;=0) &amp; (min_b &gt;= 0):
 # provide a 20% cushion to the scale
 return [0, round(1.2*max_a)], [0, round(1.2*max_b)]
 else:
 if (min_a &lt; min_b) &amp; (max_a &lt; max_b):
 n = -(-max_b // max_a)
 # n = math.ceil(max_b / max_a), if you cannot assume ints.
 return [min_a, max_a], [n*min_a, n*max_a]

 elif (min_b &lt; min_a) &amp; (max_b &lt; max_a):
 n = -(-max_a // max_b)
 # n = math.ceil(max_b / max_a), if you cannot assume ints.
 return [n*min_b, n*max_b], [min_b, max_b]

 elif (min_b &lt; min_a) &amp; (max_a &lt; max_b):
 n = max( -(-max_b // max_a), -(min_b // min_a) )
 return [min_b / n, max_b / n], [min_b, max_b]

 elif (min_a &lt; min_b) &amp; (max_b &lt; max_a):
 n = max( -(-max_a // max_b), -(min_a // min_b) )
 return [min_a, max_a], [min_a / n, max_a / n]
 elif (min_a == min_b):
 m = max(max_a, max_b)
 return [min_a, m], [min_b, m]
 elif max_a == max_b:
 m = min(min_a, min_b)
 return [m, max_a], [m, max_b]
</code></pre>

This function assumes your values will be integers but if not you can <code>import math</code> and use <code>math.ceil()</code> instead of my integer division. I was avoiding adding any more imports. If you want to see this code in action I created an example in jupyter notebook that you can run multiple times to see how it handles different arrays. 

<pre><code>from plotly.offline import download_plotlyjs, init_notebook_mode, plot, iplot
import plotly.graph_objs as go
import numpy as np

def make_proportional_intervals(a, b):
 """
 Given two list like objects, compute two proprotionally sized ranges.
 This function assumes the max value in both lists is positive and non-zero
 """
 min_a, min_b = min(a), min(b)
 max_a, max_b = max(a), max(b)
 if (min_a &gt;=0) &amp; (min_b &gt;= 0):
 # provide a 20% cushion to the scale
 return [0, round(1.2*max_a)], [0, round(1.2*max_b)]
 else:
 if (min_a &lt; min_b) &amp; (max_a &lt; max_b):
 n = -(-max_b // max_a)
 # n = math.ceil(max_b / max_a), if you cannot assume ints.
 return [min_a, max_a], [n*min_a, n*max_a]

 elif (min_b &lt; min_a) &amp; (max_b &lt; max_a):
 n = -(-max_a // max_b)
 # n = math.ceil(max_b / max_a), if you cannot assume ints.
 return [n*min_b, n*max_b], [min_b, max_b]

 elif (min_b &lt; min_a) &amp; (max_a &lt; max_b):
 n = max( -(-max_b // max_a), -(min_b // min_a) )
 return [min_b / n, max_b / n], [min_b, max_b]

 elif (min_a &lt; min_b) &amp; (max_b &lt; max_a):
 n = max( -(-max_a // max_b), -(min_a // min_b) )
 return [min_a, max_a], [min_a / n, max_a / n]
 elif (min_a == min_b):
 m = max(max_a, max_b)
 return [min_a, m], [min_b, m]
 elif max_a == max_b:
 m = min(min_a, min_b)
 return [m, max_a], [m, max_b]

init_notebook_mode(connected=True)

y0 = np.random.randint(-5, 35, 6)
y1 = np.random.randint(-7, 28, 6)

print(y0, y1)
range0, range1 = make_proportional_intervals(y0, y1)

traces = [
 go.Bar(
 x=[1, 2, 3, 4, 5, 6], 
 y=y0, 
 name='y actual'
 ), 
 go.Bar(
 x=[1], 
 y=[0], 
 name='y dummy', 
 hoverinfo='none', 
 showlegend=False
 ), 
 go.Bar(
 x=[1],
 y=[0],
 yaxis='y2', 
 name='y2 dummy', 
 hoverinfo='none', 
 showlegend=False
 ),
 go.Bar(
 x=[1, 2, 3, 4, 5, 6], 
 y=y1, 
 yaxis='y2', 
 name='y2 actual'
 )
]

# layout
layout = go.Layout(
 barmode='group',
 yaxis=dict(
 title='y actual', 
 rangemode="tozero", 
 #anchor='x', 
 overlaying='y2',
 side="left",
 range = range0
 ),
 yaxis2=dict(
 title='y2 actual', 
 side='right', 
 rangemode = "tozero",
 #anchor='x',
 range = range1
 )
)

fig = go.Figure(data=traces, layout=layout)
iplot(fig)
</code></pre>

Again, this is all just a work around for the fact that you have negative numbers and cannot use <code>rangemode = "tozero"</code> as scene <a href="https://stackoverflow.com/questions/36101767/python-plotly-align-y-axis-for-scatter-and-bar">here</a>. Perhaps the developers will add something in the future to <code>rangemode</code> to correct for this.

I have a grouped bar chart with two y axis each of them on a different scale. I am trying to align x-axis(y=0) of both the groups. I found few links <a href="https://stackoverflow.com/questions/36101767/python-plotly-align-y-axis-for-scatter-and-bar">link1</a> and <a href="https://stackoverflow.com/questions/35880139/multiple-y-axis-on-graph-not-aligned?noredirect=1&amp;lq=1">link2</a> in which setting rangemode='zero' should work, however my data consists of negative values due to which I guess setting rangemode to zero isn't working.

Here is my code:

<pre><code>import plotly.offline as plt
import plotly.graph_objs as go
traces = [go.Bar(x=[1,2,3,4], y=[-1,2,-3,4], name='y actual'), 
 go.Bar(x=[1], y=[0], name='y dummy', hoverinfo='none', showlegend=False), 
 go.Bar(x=[1],y=[0],yaxis='y2', name='y2 dummy', hoverinfo='none', showlegend=False),
 go.Bar(x=[1,2,3,4], y=[22, 2, 13, 25], yaxis='y2', name='y2 actual')]
layout = go.Layout(barmode='group',
 yaxis=dict(title='y actual', rangemode="tozero", anchor='x', overlaying='y2'),
 yaxis2=dict(title='y2 actual', side='right', rangemode = "tozero", anchor='x'))
fig = go.Figure(data=traces, layout=layout)
plt.iplot(fig)
</code></pre>

The plot generated by the above code:
<a href="https://i.stack.imgur.com/N7HR9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N7HR9.png" alt="enter image description here"></a>

How do I fix this?

Note: You can see two dummy traces in the code. I introduced them so that the two traces 'y actual' and 'y2 actual' don't overlay over one another. For more info on why I did that checkout this <a href="https://github.com/plotly/plotly.js/issues/78#issuecomment-175301348" rel="nofollow noreferrer">link</a>

Plotly Python: Align X-Axes in a grouped bar chart with multiple Y-axis

我有一个分组条形图，每个条形图都有两个不同比例的y轴。我正在尝试对齐两组的x轴(y=0)。我发现在其中设置rangemode='zero'应该起作用的链接和很少，但是我的数据由负值组成，我猜这是因为将rangemode设置为0不起作用。下面是我的代码：import plotly.offline as pltimport...

问Plotly Python:将分组条形图中的X轴与多个Y轴对齐
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Plotly Python:将分组条形图中的X轴与多个Y轴对齐EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Plotly Python:将分组条形图中的X轴与多个Y轴对齐
EN