Интерактивное обновление изображения Holoviews с помощью виджета Panel - PullRequest
Новая
       112

Интерактивное обновление изображения Holoviews с помощью виджета Panel

0 голосов
/ 17 июня 2020

У меня есть набор изображений в градациях серого (массивы 2D numpy), и я хочу отображать несколько из них одновременно в соответствии с состоянием виджета holoviews.MultiSelect, но не могу обновить изображения, когда выбор сделан в виджет MultiSelect. Вот минимальный рабочий пример: 

pn.extension()

import numpy as np
import holoviews as hv
from holoviews import opts
hv.extension('bokeh')

# Make grayscale test images
images = []
xmax, ymax = 2560, 1600
for i in range(5):
    # Gray background
    image = np.ones(shape=(ymax, xmax), dtype=np.uint8) * 200
    # Make each image unique with different position for a black square
    # with interior white square
    image[200*i:200*i + 400,200*i:200*i + 400] = 0
    image[200*i+175:200*i+175 + 50,200*i+175:200*i+175 + 50] = 255
    images.append(image)

# Make hv.Images objects
scale_factor = 8
bounds=(0, 0, xmax, ymax)   # Coordinate system: (left, bottom, right, top)
img_0 = hv.Image(images[0], bounds=bounds)
img_1 = hv.Image(images[1], bounds=bounds)
options = [
    opts.Image(cmap='gray',
               aspect='equal',
               frame_width=int(xmax/scale_factor),
               frame_height=int(ymax/scale_factor),
              )
]
img_0.opts(*options)
img_1.opts(*options)

# Set up selector object
image_selector = pn.widgets.MultiSelect(name="Choose image index", 
                                 options=[i for i in range(len(images))],
                                 size=6,
                                 width=120
                                )

# Define interactivity
@pn.depends(image_selector, watch=True)
def change_image_shown(image_selector):
    index = image_selector[0]
    img_0.data = images[index]
    if index != len(images) - 1:
        img_1.data = images[index + 1]
    else:
        img_1.data = images[index]

# Create panel layout
layout = pn.Row(image_selector, pn.Column(img_0, img_1))
layout

Исходный макет панели соответствует ожиданиям, но когда я выбираю индекс в MultiSelect, изображения не обновляются. Проверяя значение объекта MultiSelect,

image_selector.value[0]

Я получаю выбранный индекс, поэтому проблема должна быть в декорированной функции change_image_shown, но ничего из того, что я пробовал, не работает. Что мне не хватает?

1 Ответ

2 голосов
/ 17 июня 2020

Итак, вы, кажется, немного неправильно поняли модель обновления графиков HoloViews. Элементы HoloViews не следует изменять на месте, вместо этого вы настраиваете обратный вызов, который возвращает обновленный график с учетом набора зависимостей. Затем вы обертываете это в DynamicMap, который будет динамически перерисовываться при запуске события. 

import numpy as np
import holoviews as hv

from holoviews import opts

hv.extension('bokeh')

# Make grayscale test images
images = []
xmax, ymax = 2560, 1600
for i in range(5):
    # Gray background
    image = np.ones(shape=(ymax, xmax), dtype=np.uint8) * 200
    # Make each image unique with different position for a black square
    # with interior white square
    image[200*i:200*i + 400,200*i:200*i + 400] = 0
    image[200*i+175:200*i+175 + 50,200*i+175:200*i+175 + 50] = 255
    images.append(image)

# Make hv.Images objects
scale_factor = 8
bounds=(0, 0, xmax, ymax)   # Coordinate system: (left, bottom, right, top)
options = [
    opts.Image(cmap='gray',
               aspect='equal',
               frame_width=int(xmax/scale_factor),
               frame_height=int(ymax/scale_factor),
              )
]

# Set up selector object
image_selector = pn.widgets.MultiSelect(
    name="Choose image index", 
    options=[i for i in range(len(images))],
    size=6,
    width=120,
    value=[0, 1]
)

# Define interactivity
@pn.depends(indexes=image_selector)
def img0(indexes):
    index = indexes[0]
    return hv.Image(images[index], bounds=bounds).opts(*options)

@pn.depends(indexes=image_selector)
def img1(indexes):
    index = indexes[0]
    if index != len(images) - 1:
        data = images[index + 1]
    else:
        data = images[index]
    return hv.Image(images[index], bounds=bounds).opts(*options)


# Create panel layout
layout = pn.Row(
    image_selector,
    pn.Column(
        hv.DynamicMap(img0),
        hv.DynamicMap(img1)
    )
)
layout

Выше - переписанный код с использованием модели. Тем не менее, я все еще немного смущен вашим обратным вызовом. Зачем нужен виджет MultiSelect, если вы используете только первое выбранное значение? Вы хотите вместо этого простой виджет Select?

...