python - Dash(Python) - dash-daq 仪表中较厚的环

Question

输出的环dash_daq.Gauge太细，如下图所示。 我想要更厚的戒指。我在“检查元素”下找不到 css 元素来增加环的厚度。我该怎么做呢？

标签： pythoncsspython-3.xplotly-dashplotly-python

Answer 1

只需创建一个assets文件夹并将您的css文件放在那里，例如“styles.css”，它就可以正常工作（Dash v1.6.0）

样式.css：

circle {
    stroke-width: 20px;
}

应用程序.py：

import dash
import dash_daq as daq
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash(__name__, assets_folder = 'assets', include_assets_files = True)

app.layout = html.Div([
    daq.Gauge(
        id='my-gauge',
        label="Default",
        value=6,
        style={'display': 'block' }
    ),
    dcc.Slider(
        id='my-gauge-slider',
        min=0,
        max=10,
        step=1,
        value=5
    ),
])

@app.callback(
    dash.dependencies.Output('my-gauge', 'value'),
    [dash.dependencies.Input('my-gauge-slider', 'value')]
)
def update_output(value):
    return value

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