如何在散景中添加颜色选择器？

在本文中，我们将看到如何在散景中添加颜色选择器小部件。

小部件是使图表更具交互性的最佳方式。我们还可以在 Bokeh 应用程序中添加小部件，以提供最佳的前端用户可视化。使用小部件我们可以做很多事情，比如更新图表、连接到其他编程功能。小部件之一是颜色选择器。

为散景中的折线图创建颜色选择器：

Python3

# displaying the chart
from bokeh.io import show
from bokeh.layouts import column
  
# importing colorpicker model from bokeh
from bokeh.models import ColorPicker
  
# plotting the figure
from bokeh.plotting import Figure
  
plot = Figure(x_range=(0, 1), 
              y_range=(0, 1), 
              plot_width=350, 
              plot_height=350)
  
line = plot.line(x=(0,1), 
                 y=(0,1),
                 color="black", 
                 line_width=4)
  
picker = ColorPicker(title="Line Color")
  
picker.js_link('color', 
               line.glyph,
               'line_color')
  
show(column(plot, picker))

输出：

散景中的颜色选择器

我们用颜色选择器绘制折线图。在这里，我们明确指定了折线图颜色“黑色”。线的颜色默认为折线图的“蓝色”。我们可以从颜色选择器中选择任何颜色并更改折线图颜色。这里我选择了绿色。

绿色折线图 - 带颜色选择器