Обновить стиль текста ползунка dmc — сюжетное тиреCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Гость
 Обновить стиль текста ползунка dmc — сюжетное тире

Сообщение Гость »

Как можно манипулировать клещами с помощью компонентов Dash Mantine? Ниже у меня есть ползунок, который меняет непрозрачность гистограммы. Я знаю, что вы можете изменить размер и радиус ползунка. Но я хочу изменить размер шрифта, цвет меток, соответствующих панели.
Вы можете использовать следующий CSS с dcc.sliders, но есть ли аналогичный способ управления dmc.sliders?
.rc-slider-mark-text {
font-size: 10px;
color: blue;
}

.rc-slider-mark-text-active {
font-size: 10px;
color: red;
}

Я пытался изменить CSS-файл, но безрезультатно. Кроме того, изменение размера или цвета шрифта в параметре стиля не имеет никакого эффекта.
import dash
from dash import dcc
from dash import html
from dash.dependencies import Input, Output
import dash_bootstrap_components as dbc
import dash_mantine_components as dmc
import plotly.express as px
import plotly.graph_objs as go
import pandas as pd

df = pd.DataFrame({
'Fruit': ['Apple','Banana','Orange','Kiwi','Lemon'],
'Value': [1,2,4,8,6],
})

external_stylesheets = [dbc.themes.SPACELAB, dbc.icons.BOOTSTRAP]

app = dash.Dash(__name__, external_stylesheets = external_stylesheets)

filter_box = html.Div(children=[

html.Div(children=[

dmc.Text("trans"),
dmc.Slider(id = 'bar_transp',
min = 0,
max = 1,
step = 0.1,
marks = [
{"value": 0, "label": "0"},
{"value": 0.2, "label": "0.2"},
{"value": 0.4, "label": "0.4"},
{"value": 0.6, "label": "0.6"},
{"value": 0.8, "label": "0.8"},
{"value": 1, "label": "1"},
],
value = 1,
size = 'lg',
style = {"font-size": 2, "color": "white"}, #doesn't work
),
], className = "vstack",
)
])

app.layout = dbc.Container([
dbc.Row([
dbc.Col(html.Div(filter_box),
),
dcc.Graph(id = 'type-chart'),
])
], fluid = True)

@app.callback(
Output('type-chart', 'figure'),
[
Input('bar_transp', 'value'),
])

def chart(bar_transp):

df_count = df.groupby(['Fruit'])['Value'].count().reset_index(name = 'counts')

df_count = df_count

type_fig = px.bar(x = df_count['Fruit'],
y = df_count['counts'],
color = df_count['Fruit'],
opacity = bar_transp,
)

return type_fig

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


Подробнее здесь: https://stackoverflow.com/questions/784 ... lotly-dash
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Обновить стиль текста ползунка dmc — сюжетное тире
    Anonymous » » в форуме CSS
    0 Ответы
    17 Просмотры
    Последнее сообщение Anonymous
  • Отзывчивость карты DMC - сюжетное тире
    Anonymous » » в форуме CSS
    0 Ответы
    15 Просмотры
    Последнее сообщение Anonymous
  • Выравнивание текста на карточке dbc – сюжетное тире
    Anonymous » » в форуме Python
    0 Ответы
    26 Просмотры
    Последнее сообщение Anonymous
  • Выравнивание карточек в одну строку в макете приложения — сюжетное тире
    Anonymous » » в форуме Python
    0 Ответы
    19 Просмотры
    Последнее сообщение Anonymous
  • Сюжетное тире, файл CSS не подключается
    Anonymous » » в форуме Python
    0 Ответы
    14 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»