Plotly是否内置自定义图表类型与数据列选择功能？

Plotly确实提供了内置的交互组件来实现你要的功能，不用完全从零自定义，分两种常用场景给你说明：

1. Web应用场景：用Plotly Dash实现 #

Dash是Plotly官方的交互式Web框架，自带丰富的UI控件，能快速搭建你要的选择功能：

• 用dcc.Dropdown做数据列（X/Y轴）的选择
• 用dcc.RadioItems或dcc.Dropdown做图表类型切换
• 通过回调函数关联控件和图表，选完实时更新

给你个极简示例代码（用iris数据集）：

import dash
from dash import dcc, html, Input, Output, callback
import plotly.express as px

df = px.data.iris()
app = dash.Dash(__name__)

app.layout = html.Div([
    # 图表类型选择器
    dcc.RadioItems(
        options=['折线图', '柱状图', '散点图'],
        value='散点图',
        id='chart-type'
    ),
    # X轴列选择器
    dcc.Dropdown(
        options=df.columns.tolist(),
        value='sepal_length',
        id='x-column'
    ),
    # Y轴列选择器
    dcc.Dropdown(
        options=df.columns.tolist(),
        value='sepal_width',
        id='y-column'
    ),
    # 图表展示区
    dcc.Graph(id='dynamic-chart')
])

@callback(
    Output('dynamic-chart', 'figure'),
    Input('chart-type', 'value'),
    Input('x-column', 'value'),
    Input('y-column', 'value')
)
def update_chart(chart_type, x_col, y_col):
    if chart_type == '折线图':
        fig = px.line(df, x=x_col, y=y_col, color='species')
    elif chart_type == '柱状图':
        fig = px.bar(df, x=x_col, y=y_col, color='species')
    elif chart_type == '散点图':
        fig = px.scatter(df, x=x_col, y=y_col, color='species')
    return fig

if __name__ == '__main__':
    app.run_server(debug=True)

2. Jupyter环境场景：结合ipywidgets实现 #

如果是在Jupyter Notebook/Lab里做交互式分析，Plotly可以搭配ipywidgets实现选择功能：

• 用ipywidgets的下拉框、单选按钮做选择控件
• 用interact函数绑定控件和绘图逻辑，选完自动更新图表

示例代码：

import plotly.express as px
import ipywidgets as widgets
from ipywidgets import interact

df = px.data.iris()

def plot_chart(chart_type, x_col, y_col):
    if chart_type == '折线图':
        fig = px.line(df, x=x_col, y=y_col, color='species')
    elif chart_type == '柱状图':
        fig = px.bar(df, x=x_col, y=y_col, color='species')
    elif chart_type == '散点图':
        fig = px.scatter(df, x=x_col, y=y_col, color='species')
    fig.show()

# 创建交互控件
interact(
    plot_chart,
    chart_type=widgets.RadioButtons(options=['折线图', '柱状图', '散点图'], value='散点图'),
    x_col=widgets.Dropdown(options=df.columns.tolist(), value='sepal_length'),
    y_col=widgets.Dropdown(options=df.columns.tolist(), value='sepal_width')
)

额外说明 #

如果只是用纯静态Plotly图表（不做交互式应用/Notebook分析），那Plotly本身没有内置的UI选择控件，这时候就需要你自己结合前端技术（HTML/JS）来做自定义功能。不过上面两种内置方案已经能覆盖绝大多数需要交互选择的场景，比自己从零写效率高很多，而且控件样式还能通过配置或CSS调整，接近你给出的示例效果。

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