Plot / Line / Labels / Stroked

Customize label rendering: add a subtle outline to labels to improve readability.

from h2o_wave import site, data, ui

page = site['/demo']

page.add('example', ui.plot_card(
    box='1 1 4 5',
    title='Line, labels less messy',
    data=data('year price', 9, rows=[
        ('1991', 3),
        ('1992', 4),
        ('1993', 3.5),
        ('1994', 5),
        ('1995', 4.9),
        ('1996', 6),
        ('1997', 7),
        ('1998', 9),
        ('1999', 13),
    ]),
    plot=ui.plot([
        ui.mark(type='line', x_scale='time', x='=year', y='=price', y_min=0,
                label='=${{intl price minimum_fraction_digits=2 maximum_fraction_digits=2}}',
                label_fill_color='rgba(0,0,0,0.65)', label_stroke_color='#fff', label_stroke_size=2)
    ])
))

page.save()

Tags:  plot