python - 如何旋转 Bokeh 图中的箭头标记以显示风速方向?

标签 python bokeh scatter-plot marker

我想做的是使用散点图显示风速及其方向。我想使用三角形标记并使用旋转来指示风速。然而,由于 Bokeh 默认三角形是等边三角形,风向实际上变得困惑(你无法分辨哪个是头哪个是尾)。

有什么方法可以改变/创建我自己的等腰三角形吗?这样我就可以分辨三角形中哪个是头哪个是尾。

这是我所拥有的示例: Bokeh Scatter Plot with Rectangular Marker

为了清楚起见,这里是我正在寻找的形状标记的快速草图: Desired Rectangle vs Default Rectangle Marker

这是一个示例数据集。我也按照 J'e 的建议使用了箭头。这是一个示例结果:

Sample Dataset Sample Result

这工作正常但并不完美。因为我计划嵌入此图并拉伸(stretch)它 (sizing_mode="stretch_both"),所以角度会偏离。当使用矩形和角度绘制时,我认为这不是问题。

最佳答案

API 中似乎没有任何内容可以直接执行此操作。使用 bokeh.models VeeHead,您可以绘制 VeeHead 箭头

import numpy as np
from bokeh.plotting import figure, show, output_file
from bokeh.models import ColumnDataSource
from bokeh.models import Arrow, VeeHead

# Create a sin wave of x/y coordinates 
N = 300
x = np.linspace(0, 4*np.pi, N)
y = np.sin(x)

source = ColumnDataSource(data=dict(x=x, y=y))
TOOLS = "pan,wheel_zoom,box_zoom,reset,save"

# create a new plot and add a renderer
p = figure(tools=TOOLS, width=700, height=700, title=None)
p.line('x', 'y', source=source)


for i in range(N-1):
    p.add_layout(Arrow(end=VeeHead(size=25,fill_alpha=0.5), x_start=x[i], y_start=y[i], x_end=x[i+1], y_end=y[i+1])) 
show(p)

VeeHead no Tail

您不像第一个示例那样几乎没有尾部,而是像本例那样添加一条尾部。请注意,尾部有它自己的样式,我没有在这个例子中设置。

import numpy as np
from bokeh.plotting import figure, show, output_file
from bokeh.models import ColumnDataSource
from bokeh.models import Arrow, VeeHead

# prepare some date
N = 300
x = np.linspace(0, 4*np.pi, N)
y = np.sin(x)

source = ColumnDataSource(data=dict(x=x, y=y))
TOOLS = "pan,wheel_zoom,box_zoom,reset,save"

# create a new plot and add a renderer
p = figure(tools=TOOLS, width=700, height=700, title=None)
p.line('x', 'y', source=source)

for i in range(11, N-1):
    m = (y[i]-y[i-1])/(x[i]-x[i-1])
    Y = m*(x[i]-x[i-10]) # not point slope
    p.add_layout(Arrow(end=VeeHead(size=25,fill_alpha=0.5), x_start=x[i-10], y_start=Y, x_end=x[i], y_end=y[i])) 
show(p)

enter image description here

关于python - 如何旋转 Bokeh 图中的箭头标记以显示风速方向?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55197790/

相关文章:

python Bokeh ,如何制作相关图?

r - 向聚类散点图 (tSNE) 添加文本注释

python - Python 中的多处理错误

javascript - 使用 Bokeh Slider 在图像中滑动

python - 如何将 timedelta 转换为小时

javascript - Bokeh slider 堆叠条形图

python - 将第二个图例添加到散点图

python - python中的多元(多项式)最佳拟合曲线?

python - 使用 aumbry 支持加密和非加密配置

python - 快速搜索高斯核中最大值的坐标