NiceGUI Highcharts Sample

nicegui-charts.py

from nicegui import ui

def update():
    chart.options['chart']['type'] =  chart_type.value
    chart.update()

chart_type = ui.radio(['line', 'area', 'bar', 'column'], value='column', on_change=update).props('inline')
 
grades = {'Ali': [12, 16, 18, 20], 
          'Maryam': [19, 20, 18, 15], 
          'Milad': [8, 12, 19, 16],
          'Rozhina': [18, 17, 13, 10]}
dates = ['1402/06', '1402/08', '1402/11', '1403/02']

data = list(map(lambda x: {'name': x, 'data': grades[x]}, grades.keys()))

chart = ui.highchart({
        'title': 'Student Grades',
        'chart': {'type': chart_type.value},
        'xAxis': {'categories': dates},
        'series': data
    }).classes('w-full h-64')
ui.run()