Bokeh просматривает временные файлы при попытке загрузить новое изображение с помощью CustomJS - PullRequest
Новая
       4

Bokeh просматривает временные файлы при попытке загрузить новое изображение с помощью CustomJS

0 голосов
/ 27 февраля 2020

Я новичок в Bokeh и использую Custom JS для определения обратных вызовов. Я написал код для внесения изменений в ползунки в зависимости от значения других ползунков. Теперь я хочу изменить изображение, отображаемое при изменении значения одного из ползунков. Однако, когда я запускаю этот обратный вызов, изображение не отображается и в консоли графика bokeh я увидел, что bokeh ищет какой-то файл во временных файлах. 

p = figure(title = 'foo', tools = 'pan, save, wheel_zoom,reset,crosshair', x_range = [0,10], y_range = [0,10])


slider1 = Slider(start=0, end=15, value=4,step=.1, title="Delta P")
slider2 = Slider(start=1400, end = 1800, value=1500, step = 10, title = "Mass Flow")

newdelta = 4
newflow = 1500
newCV = CV(4+newdelta, 4, 1.3,225.41, 0.9, newflow, 27.3,968) # CV is a function within my code elsewhere

source = ColumnDataSource(data=dict(url=['C:\\Users\\XXX\\test_sample.jpg'])) 

slider3 = Slider(start=-100, end = 2000, value=newCV, step = 1, title = "CV")
slider3.callback = CustomJS(args=dict(slider3=slider3, source=source), code="""


                                if (slider3.value < 0){
                                    source.data.url= "C:\\\\Users\\\\XXX\\\\new_sample.jpg";
                                    console.log(source.data['url']);
                                };
                                source.change.emit();

                                """)                          


p.image_url('url', source=source, x=2, y=8, w=6, h=6)


slider1.callback = CustomJS(args=dict(slider1=slider1,slider2=slider2,slider3=slider3), code="""
                            slider3.value= slider1.value + slider2.value;


                            """)

slider2.callback = CustomJS(args=dict(slider1=slider1,slider2=slider2,slider3=slider3), code="""
                            slider3.value= slider1.value + slider2.value;

                            """)

show(row(column(slider1, slider2,slider3),p))

Я не получаю любые ошибки в python, но когда код запускается, и я изменяю значение slider3 на значение меньше 0, консоль изменяет значение source.data.url на новое изображение, но изображение не загружается. Вот ошибка: 

C:1 GET file:///C:/Users/XXX/AppData/Local/Temp/C net::ERR_FILE_NOT_FOUND
Image (async)
e @ bokeh-1.0.4.min.js:31
t._set_data @ bokeh-1.0.4.min.js:31
t.set_data @ bokeh-1.0.4.min.js:31
t.set_data @ bokeh-1.0.4.min.js:31
(anonymous) @ bokeh-1.0.4.min.js:31
t.emit @ bokeh-1.0.4.min.js:31
e.emit @ bokeh-1.0.4.min.js:31
c._setv @ bokeh-1.0.4.min.js:31
c.setv @ bokeh-1.0.4.min.js:31
set @ bokeh-1.0.4.min.js:31
t.compute_indices @ bokeh-1.0.4.min.js:31
(anonymous) @ bokeh-1.0.4.min.js:31
t.emit @ bokeh-1.0.4.min.js:31
e.emit @ bokeh-1.0.4.min.js:31
eval @ VM29:10
t.execute @ bokeh-1.0.4.min.js:31
t @ bokeh-widgets-1.0.4.min.js:31
(anonymous) @ bokeh-1.0.4.min.js:31
t._slide @ bokeh-widgets-1.0.4.min.js:31
(anonymous) @ bokeh-widgets-1.0.4.min.js:31
(anonymous) @ bokeh-widgets-1.0.4.min.js:32
(anonymous) @ bokeh-widgets-1.0.4.min.js:32
R @ bokeh-widgets-1.0.4.min.js:32
(anonymous) @ bokeh-widgets-1.0.4.min.js:32
T @ bokeh-widgets-1.0.4.min.js:32
O @ bokeh-widgets-1.0.4.min.js:32
e @ bokeh-widgets-1.0.4.min.js:32

Может кто-нибудь помочь мне понять, что идет не так и как это можно исправить?

1 Ответ

1 голос
/ 27 февраля 2020

Вы не можете получить доступ к локальным файлам напрямую с веб-страницы.

Решение 1: используйте bokeh serve и поместите данные изображения непосредственно в источник данных. Вам придется использовать p.image_rgba вместо p.image_url.

Пример: 

import numpy as np
from PIL import Image
from bokeh.layouts import column
from bokeh.models import Button, ColumnDataSource
from bokeh.plotting import figure, curdoc


def read_image_to_array(path):
    im = Image.open(path).convert('RGBA').transpose(Image.FLIP_TOP_BOTTOM)
    return np.asarray(im).view(np.uint32)


ds = ColumnDataSource(data=dict(image=[], x=[], y=[], dw=[], dh=[]))

p = figure()
p.image_rgba(image='image', x='x', y='y', dw='dw', dh='dw', source=ds)
b = Button(label='Set Image')


def set_image():
    path = '...'
    img = read_image_to_array(path)
    dh, dw, _ = img.shape
    ds.data = dict(image=[img], x=[0], y=[0], dw=[dw], dh=[dh])


b.on_click(set_image)

curdoc().add_root(column(p, b))

Решение 2: использовать веб-сервер (даже достаточно python -m http.server) и настроить все URL-адреса быть доступным через этот веб-сервер.

...