Python 一张图表在散景中具有两个不同的 y 轴范围?

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/25199665/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-18 19:52:33  来源:igfitidea点击:

One chart with two different y axis ranges in Bokeh?

pythonbokeh

提问by brent5000

I would like a Bar chart with Quantity information on the left y-axis, and then overlay a Scatter/Line plot with Yield % on the right. I can create each of these charts separately, but do not know how to combine them into a single plot.

我想要一个在左侧 y 轴上带有数量信息的条形图,然后在右侧覆盖一个带有产量百分比的散点图/线图。我可以分别创建这些图表中的每一个,但不知道如何将它们组合成一个图。

In matplotlib, we would create a second figure using twinx(), and then use yaxis.tick_left()and yaxis.tick_right()on the respective figures.

在 matplotlib 中,我们将使用twinx(),创建第二个图形,然后在相应的图形上使用yaxis.tick_left()yaxis.tick_right()

Is there a method for doing something similar with Bokeh?

有没有一种方法可以用散景做类似的事情?

回答by tomaskazemekas

Yes, now it is possible to have two y axes in Bokeh plots. The code below shows script parts significant in setting up the second y axis to the usual figure plotting script.

是的,现在可以在散景图中有两个 y 轴。下面的代码显示了在将第二个 y 轴设置为通常的图形绘制脚本时重要的脚本部分。

# Modules needed from Bokeh.
from bokeh.io import output_file, show
from bokeh.plotting import figure
from bokeh.models import LinearAxis, Range1d

# Seting the params for the first figure.
s1 = figure(x_axis_type="datetime", tools=TOOLS, plot_width=1000,
           plot_height=600)

# Setting the second y axis range name and range
s1.extra_y_ranges = {"foo": Range1d(start=-100, end=200)}

# Adding the second axis to the plot.  
s1.add_layout(LinearAxis(y_range_name="foo"), 'right')

# Setting the rect glyph params for the first graph. 
# Using the default y range and y axis here.           
s1.rect(df_j.timestamp, mids, w, spans, fill_color="#D5E1DD", line_color="black")

# Setting the rect glyph params for the second graph. 
# Using the aditional y range named "foo" and "right" y axis here. 
s1.rect(df_j.timestamp, ad_bar_coord, w, bar_span,
         fill_color="#D5E1DD", color="green", y_range_name="foo")

# Show the combined graphs with twin y axes.
show(s1)

And the plot we get looks like this:

我们得到的情节是这样的:

enter image description here

在此处输入图片说明

If you want to add a label to the second axis, this can be accomplished by editing the call to LinearAxisas follows:

如果要向第二个轴添加标签,可以通过如下编辑对 的调用来实现LinearAxis

s1.add_layout(LinearAxis(y_range_name="foo", axis_label='foo label'), 'right')

回答by Ken Myers

This posthelped me to accomplish the effect you are looking for.

这篇文章帮助我实现了您正在寻找的效果。

Here is the content of that post:

这是那个帖子的内容:

from bokeh.plotting import figure, output_file, show
from bokeh.models.ranges import Range1d
import numpy


output_file("line_bar.html")

p = figure(plot_width=400, plot_height=400)

# add a line renderer
p.line([1, 2, 3, 4, 5], [6, 7, 6, 4, 5], line_width=2)

# setting bar values
h = numpy.array([2, 8, 5, 10, 7])

# Correcting the bottom position of the bars to be on the 0 line.
adj_h = h/2

# add bar renderer
p.rect(x=[1, 2, 3, 4, 5], y=adj_h, width=0.4, height=h, color="#CAB2D6")

# Setting the y  axis range   
p.y_range = Range1d(0, 12)

p.title = "Line and Bar"

show(p)

enter image description here

在此处输入图片说明

If you want to add the second axis to the plot do so with p.extra_y_rangesas described in the post above. Anything else, you should be able to figure out.

如果您想将第二个轴添加到图中,请p.extra_y_ranges按照上面帖子中的说明进行操作。别的,你应该能想通。

For example, in my project I have code like this:

例如,在我的项目中,我有这样的代码:

s1 = figure(plot_width=800, plot_height=400, tools=[TOOLS, HoverTool(tooltips=[('Zip', "@zip"),('((Rides/day)/station)/capita', "@height")])],
           title="((Rides/day)/station)/capita in a Zipcode (Apr 2015-Mar 2016)")

y = new_df['rides_per_day_per_station_per_capita']
adjy = new_df['rides_per_day_per_station_per_capita']/2

s1.rect(list(range(len(new_df['zip']))), adjy, width=.9, height=y, color='#f45666')
s1.y_range = Range1d(0, .05)
s1.extra_y_ranges = {"NumStations": Range1d(start=0, end=35)}
s1.add_layout(LinearAxis(y_range_name="NumStations"), 'right')
s1.circle(list(range(len(new_df['zip']))),new_df['station count'], y_range_name='NumStations', color='blue')
show(s1)

And the result is:

结果是:

enter image description here

在此处输入图片说明

回答by Roman Orac

If you have a pandas Dataframe you can use this template to plot two lines with different axis:

如果你有一个熊猫数据框,你可以使用这个模板来绘制两条不同轴的线:

from bokeh.plotting import figure, output_file, show
from bokeh.models import LinearAxis, Range1d
import pandas as pd

# pandas dataframe
x_column = "x"
y_column1 = "y1"
y_column2 = "y2"

df = pd.DataFrame()
df[x_column] = range(0, 100)
df[y_column1] = pd.np.linspace(100, 1000, 100)
df[y_column2] = pd.np.linspace(1, 2, 100)

# Bokeh plot
output_file("twin_axis.html")

y_overlimit = 0.05 # show y axis below and above y min and max value
p = figure()

# FIRST AXIS
p.line(df[x_column], df[y_column1], legend=y_column1, line_width=1, color="blue")
p.y_range = Range1d(
    df[y_column1].min() * (1 - y_overlimit), df[y_column1].max() * (1 + y_overlimit)
)

# SECOND AXIS
y_column2_range = y_column2 + "_range"
p.extra_y_ranges = {
    y_column2_range: Range1d(
        start=df[y_column2].min() * (1 - y_overlimit),
        end=df[y_column2].max() * (1 + y_overlimit),
    )
}
p.add_layout(LinearAxis(y_range_name=y_column2_range), "right")

p.line(
    df[x_column],
    df[y_column2],
    legend=y_column2,
    line_width=1,
    y_range_name=y_column2_range,
    color="green",
)

show(p)

enter image description here

在此处输入图片说明