Dash plotly / CSS。自定义标记样式-条形图的渐变颜色

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash(__name__)

app.css.append_css({
    'external_url': 'https://example.com/custom.css'  # 引入自定义的CSS文件
})

app.layout = html.Div(
    dcc.Graph(
        id='bar-chart',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'Category 1'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': 'Category 2'}
            ],
            'layout': {
                'title': 'Customized Bar Chart',
                'barmode': 'stack',
                'paper_bgcolor': 'rgba(0,0,0,0)',  # 设置图表背景色为透明
                'plot_bgcolor': 'rgba(0,0,0,0)',  # 设置绘图区域背景色为透明
                'xaxis': {'title': 'X-axis'},
                'yaxis': {'title': 'Y-axis'},
                'bargap': 0.2,  # 设置条形之间的间隔
                'bargroupgap': 0.1  # 设置不同类别之间的间隔
            }
        }
    )
)

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