如何增加 Dash Plotly 中加载圆的大小

Question

我正在开发一个 Dash Plotly 应用程序，其中有一个 dcc.Loading 组件，用于在加载散点图时显示加载圆。但是，我想增加加载圆的大小。这是我的代码的相关部分：

import dash_core_components as dcc
import dash_html_components as html

html.Div([
    html.Div(id='timer-output'),
    dcc.Loading(
        dcc.Graph(id="scatter-plot"),
        type="circle",
        style={'filter': 'blur(0px)'},  # Add blur effect to loading overlay
    ),
], style={'margin-left': '30%', 'width': '70%', 'margin-right': '90px', 'margin-top': '80px'})

我尝试使用CSS向加载叠加添加模糊效果，但我不知道如何增加加载圆圈的大小。我查看了 Dash 文档，但似乎没有直接的方法来设置加载微调器的大小。

Dash 中有没有办法自定义加载圆圈的大小？任何帮助或建议将不胜感激！

Answer 1

.custom-loading-spinner > div {
    width: 60px !important;
    height: 60px !important;
    border-width: 8px !important;
}

我刚刚为此创建了一个自定义CSS，它对我有用