为Altair图表添加dark2与accent配色方案切换下拉选择器

要实现配色方案的动态切换，不能直接通过configure_range绑定交互，需要借助Altair的选择器功能，将配色方案选择与颜色编码逻辑绑定。以下是可行的实现方案：

完整代码示例：

import altair as alt
from vega_datasets import data

source = data.cars.url

# 创建下拉选择器，指定可选配色方案
scheme_selector = alt.selection_single(
    name='配色方案',
    fields=['scheme'],
    init={'scheme': 'dark2'},
    options=[{'scheme': 'dark2'}, {'scheme': 'accent'}],
    bind=alt.binding_select(options=['dark2', 'accent'])
)

alt.Chart(source).mark_circle(size=60).encode(
    x='Horsepower:Q',
    y='Miles_per_Gallon:Q',
    color=alt.condition(
        scheme_selector,
        alt.Color('Origin:N', scale=alt.Scale(scheme=scheme_selector.field('scheme'))),
        alt.Color('Origin:N', scale=alt.Scale(scheme='dark2'))
    )
).add_selection(
    scheme_selector
)

核心逻辑说明： #

• 用selection_single定义下拉单选控件，设置初始值为dark2，可选值为dark2和accent
• 在color编码中，通过alt.condition根据选择器的结果，动态切换颜色比例尺的scheme参数
• 最后通过add_selection将选择器挂载到图表上，实现交互功能

内容的提问来源于stack exchange，提问作者Stephen Williams