[BUG] waterfall chart shrinks

[samuel-pate]

Thank you so much for helping improve the quality of Dash!

We do our best to catch bugs during the release process, but we rely on your help to find the ones that slip through.

Describe your context
Please provide us your environment so we can easily reproduce the issue.

• replace the result of pip list | grep dash below

dash                 1.17.0
dash-core-components 1.13.0
dash-html-components 1.1.1
dash-renderer        1.18.3
dash-table           4.11.0

• if frontend related, tell us your Browser, Version and OS

  • OS: Ubuntu 20.04.1 LTS
  • Browser Firefox
  • Version 84.0.2

Describe the bug
If the first value of x is an empty string (""), the waterfall chart shrinks when refresh.

Expected behavior

Same width when refresh.

Screenshots

If applicable, add screenshots or screen recording to help explain your problem.

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.graph_objects as go

data1 = [1, 2, -2, -3, 2]
data2 = [-3, -1, 2, 3, 1]

app = dash.Dash(__name__)

app.layout = html.Div(children=[
    html.Div(children=[
        dcc.RadioItems(id="data_choice",
            options=[{"label": "data 1", "value": 1}, {"label": "data 2", "value": 2}],
            value=1
    ),
    dcc.Graph(id="waterfall")
    ])
])

@app.callback(
    Output("waterfall", "figure"),
    Input("data_choice", "value")
)
def waterfall_graph(value):
    if value == 1:
        y = data1
    else:
        y = data2
    fig_waterfall = go.Figure(data=go.Waterfall(
        name=f"Essai",
        orientation='v',
        x=["", "Deux", "Trois", "Quatre", "Cinq"],
        y=y,
        measure=["relative"]*5,
    ))
    return fig_waterfall

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

[nickmelnikov82]

Seems like a very rare bug that only occurs when string labels are used, and only when the label is an empty string. I do not know in what cases it is necessary to use a column without a label, but in this case you can specify a space instead of an empty string. The bug itself is not so much about the dash, but about plotly.js.

[alexcjohnson]

@archmoj I'm not sure what's going on here, but is this fixed by the change you're making in #6166 to not need spaces in empty tick labels?

[archmoj]

#6163 is the PR that may help fixing this.

[gvwilson]

Hi - we are trying to tidy up the stale issues and PRs in Plotly's public repositories so that we can focus on things that are still important to our community. Since this one has been sitting for several years, I'm going to close it; if it is still a concern, please add a comment letting us know what recent version of our software you've checked it with so that I can reopen it and add it to our backlog. Thanks for your help - @gvwilson