Adding and removing chart series confuses Highcharts #1
Description
Description
In the screenshot attached you see:
- "bob" and "john" in the legend of the graph
- "alice" and "john" in the chips of the multi-select
this is a bug because they should be the same.
how to reproduce
- run the program below
- repeatedly select and de-select a certain element (e.g. select and de-select 'alice')
- after three repetitions of step 2, a mismatch will occur between the legend and the chips displayed.
This video shows the same thing. Regrettably, the capture window did not capture the deselections and selections of the same element - https://www.youtube.com/watch?v=KOKuhgMA9dk
from nicegui import ui
# initial data
data1 = {'name': 'alice', 'data': [31, 148, 33, 68, 75, 43]}
data2 = {'name': 'bob', 'data': [3, 28, 7, 5, 8, 3]}
data3 = {'name': 'john', 'data': [11, 42, 10, 18, 9, 0]}
all_data = dict(alice=data1, bob=data2, john=data3)
print(f"keys = {list(all_data.keys())}")
chart = None
chart_options = {
'chart': {
'type': 'spline',
},
'legend': {
'enabled': True,
'layout': 'vertical',
'align': 'right',
'verticalAlign': 'middle',
},
'navigator': {
'enabled': True
},
'scrollbar': {
'enabled': False
},
'series': [data1, data2, data3]
}
def plot():
global chart, chart_options
chart = ui.chart(chart_options, type='stockChart', extras=['stock'])
def update_chart(selections):
global chart
datums = [all_data[selection] for selection in selections]
chart.options['series'] = datums
chart.update()
plot()
ui.select(list(all_data.keys()), multiple=True, value=list(all_data.keys()),
label='with chips', on_change=lambda e: update_chart(e.value)
).classes('w-64').props('use-chips')
ui.run(reload=False)