Possible to create Gauge Charts side-by-side using make_subplot()?

Hi All,

I’m new to Dash and Plotly. I’m trying to make some gauge charts appear side-by-side in my layout.

A snippet of my code is as follows:

# Mercedes
fig_09_trace_01 = go.Indicator(
    domain = {'row' : 0, 'column' : 0},
    value = 0.20,
    mode = 'gauge+number+delta',
    title = {'text' : 'Mercedes'},
    delta = {'reference' : 0.62},
    gauge = {'axis' : {'range' : [None, 6]},
             'steps' : [
                 {'range' : [0, 2], 'color' : 'lightgray'},
                 {'range' : [2, 4], 'color' : 'gray'}],
             'threshold' : {'line': {'color' : 'red', 'width' : 4}, 'thickness' : 0.75, 'value': 5}})


# Ford
fig_09_trace_02 = go.Indicator(
    domain = {'row' : 0, 'column' : 1},
    value = 0.19,
    mode = 'gauge+number+delta',
    title = {'text' : 'Ford'},
    delta = {'reference' : 0.62},
    gauge = {'axis' : {'range' : [None, 6]},
             'steps' : [
                 {'range' : [0, 2], 'color' : 'lightgray'},
                 {'range' : [2, 4], 'color' : 'gray'}],
             'threshold' : {'line': {'color' : 'red', 'width' : 4}, 'thickness' : 0.75, 'value': 5}})

# BMW
fig_09_trace_03 = go.Indicator(
    domain = {'row' : 0, 'column' : 2},
    value = 0.22,
    mode = 'gauge+number+delta',
    title = {'text' : 'BMW'},
    delta = {'reference' : 0.62},
    gauge = {'axis' : {'range' : [None, 6]},
             'steps' : [
                 {'range' : [0, 2], 'color' : 'lightgray'},
                 {'range' : [2, 4], 'color' : 'gray'}],
             'threshold' : {'line': {'color' : 'red', 'width' : 4}, 'thickness' : 0.75, 'value': 5}})


fig_09 = make_subplots(
    rows=1,
    cols=3,
    subplot_titles=('Mercedes', 'Ford', 'BMW'))
fig_09.append_trace(fig_09_trace_01, 1, 1)
fig_09.append_trace(fig_09_trace_02, 1, 2)
fig_09.append_trace(fig_09_trace_03, 1, 3)

    dcc.Graph(id='dash_graph_09',
        figure = fig_09)

I get an error message saying:

ValueError: Trace type 'indicator' is not compatible with subplot type 'xy'
at grid position (1, 1)

Is it possible to position gauge charts side-by-side? Thanks in advance!

1 post - 1 participant

Read full topic