Change chart type and data using dropdown menu

📊 Plotly Python
1

i tried to use dropdown button to select between line graph for trend and horizontal bar for binning.

trend:

image
image.png1566×375 19 KB

binning;

image
image.png1581×334 2.99 KB

after combine both with ‘update’ or ‘restyle’ method the binning chart is not displayed prorperly.

image
image.png1580×354 3.32 KB

any solution for this?

1 Like
2

if i change it to vertical bar chart instead of horizontal bar chart it will behave correctly. i guess the reason behind is the yaxis and xaxis type was swapped when in horizontal bar case. i still haven’t found the solution yet.

3

just found a solution by manually set the xaxis and yaxis type and with method ‘update+relayout’

bin_trend_buttons.append(
    dict(label='buckets', method='update+relayout',
            args=[{'visible': [True] * 7 + [False] * 2, 'xaxis':{'type':'category'}, 'yaxis':{'type':'linear'}}]))
bin_trend_buttons.append(
    dict(label='trend', method='update+relayout',
            args=[{'visible': [False] * 7 + [True] * 2, 'xaxis':{'type':'linear'}, 'yaxis':{'type':'category'}}]))
4

This looks like a question for #api:python

5

thanks for pointing out.

i am hitting into another problem. let’s say i have 3 buttons in my updatemenus and the first two i wish to make it stacked bar chart while the last one with barmode = ‘group’. my try many way to code it but still not successful =.="

buttons.append(dict(label='vt-varient', method='update',
            args=[{'visible': [True] * col_count[0] + [False] * col_count[1] + [False] * col_count[2]}]))
                # {'layout':{'barmode':'stack', 'barnorm':'percent'}}]))
buttons.append(dict(label='cell-type', method='update',
            args=[{'visible': [False] * col_count[0] + [True] * col_count[1] + [False] * col_count[2]}]))
                # {'layout':{'barmode':'stack', 'barnorm':'percent'}}]))
buttons.append(dict(label='cell-count', method='update+relayout',
            args=[{'visible': [False] * col_count[0] + [False] * col_count[1] + [True] * col_count[2]}, {'barmode':'group'}]))
6

resolved with this code :slight_smile:

buttons = []
buttons.append(dict(label='vt-varient', method='update',
            args=[{'visible': [True] * col_count[0] + [False] * col_count[1] + [False] * col_count[2]}, 
                {'barmode':'stack', 'barnorm':'percent'}]))
buttons.append(dict(label='cell-type', method='update',
            args=[{'visible': [False] * col_count[0] + [True] * col_count[1] + [False] * col_count[2]}, 
                {'barmode':'stack', 'barnorm':'percent'}]))
buttons.append(dict(label='cell-count', method='update',
            args=[{'visible': [False] * col_count[0] + [False] * col_count[1] + [True] * col_count[2]}, 
                {'barmode':'group', 'barnorm':''}]))