文档章节

【bokeh】(2)bokeh server 实现动态切换图片

o
 osc_1ee7cxmx
发布于 2018/08/06 15:26
字数 196
阅读 10
收藏 0

精选30+云产品,助力企业轻松上云!>>>

实验环境: win7 python3.5 bokeh 0.13 

效果:

 

原理: btn绑定一个函数callback ,在这个callback函数里更换图片对象的data_source

 

代码:

from bokeh.models import ColumnDataSource,Button
from bokeh.layouts import row

from bokeh.plotting import figure, show,curdoc


def callback():
  global im
  urls=["""https://b-ssl.duitang.com/uploads/item/201604/15/20160415073709_d2XYs.jpeg""",
  """https://b-ssl.duitang.com/uploads/item/201601/19/20160119143747_i84Nx.png""",
  """https://b-ssl.duitang.com/uploads/item/201408/12/20140812131500_GTvHZ.jpeg"""
  ]
  u=urls.index(im.data_source.data['url'][0])
  im.data_source.data['url']=[urls[(u+1)%len(urls)],url3]

 


#url="""C:\\Users\\Administrator\\Pictures\\cat1.jpg"""
url1="""https://b-ssl.duitang.com/uploads/item/201604/15/20160415073709_d2XYs.jpeg"""
url2="""https://b-ssl.duitang.com/uploads/item/201601/19/20160119143747_i84Nx.png"""
url3="""https://b-ssl.duitang.com/uploads/item/201408/12/20140812131500_GTvHZ.jpeg"""


data=ColumnDataSource({"url":[url1,url2],'x':[0,50],'y':[100,50]})
p=figure(x_range=(0,100),y_range=(0,100),plot_width=800,plot_height=800)
im=p.image_url(url=[url1,url2],x=[0,50],y=[100,50],w=50,h=50)

btn=Button(label="swich image")

btn.on_click(callback)

p.xaxis.visible=None
p.yaxis.visible=None
p.toolbar.logo=None
p.toolbar_location=None
r=row(btn,p)

#show(r)

curdoc().add_root(r)

 

 

 

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

科技人文丨玻璃心:承受阈值与表达

大家好,我是SKODE。 有趣的灵魂,聊科技人文。 本系列博客地址:传送门 本文转载自B站:安慰记传送门 玻璃心是网络用语,意思是: 对负面事件的接受度很低 还有对别人可能给出的负面评价非常...

osc_u9mt0sus
34分钟前
20
0
迅睿CMS 游客不允许上传附件

游客不允许上传附件 迅睿CMS系统:https://www.xunruicms.com/ 本文档原文地址:https://www.xunruicms.com/doc/752.html...

迅睿CMS-PHP开源CMS程序
34分钟前
7
0
代理,注解,接口和实现类的小测验

* retention : 保留* policy : 策略 ps : 简单测试了一下手写代理,jdk动态代理,和cglib动态代理,根据其不同的结果分析其原理 一:测试目的 主要想看一下不同的代理模式对于目标类中方法上注...

岁一
35分钟前
6
0
V-Ray 5 For 3ds Max 正式发布:超越渲染 - 知乎

15个新功能,V-Ray5助你时间更节省,渲染更出色! 作者:ChaosGroup VRay 5 For 3ds Max 已正式发布! 2分钟视频,抢先预览新功能↓ 知乎视频 www.zhihu.com V-Ray 5 for 3ds Max 新增功能 ...

osc_o9u1um45
35分钟前
0
0
毕业的笑容和悲伤永远是校园的回忆

校园的风轻轻的拂过我的脸庞,风儿显得更加凉爽, 开满火红的凤凰树,染遍了校园的每个角落, 晚上那枝头蝉儿的竞相鸣奏,唱满了令人不舍的毕业歌, 它们彷彿告诉了我们要毕业了。 毕业典礼那...

瑾123
36分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部