File size: 2,148 Bytes
2b4d75c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
# Form / Menu
# Display context menus inside forms.
# #form #context_menu
# ---
import json
from h2o_wave import main, app, Q, ui, data
# Vega lite spec for a bar plot, defaults to linear scale.
spec_linear_scale = json.dumps(dict(
mark='bar',
encoding=dict(
x=dict(field='a', type='ordinal'),
y=dict(field='b', type='quantitative')
)
))
# Vega lite spec for a bar plot, log scaled.
spec_log_scale = json.dumps(dict(
mark='bar',
encoding=dict(
x=dict(field='a', type='ordinal'),
y=dict(field='b', type='quantitative', scale=dict(type='log'))
)
))
# Data for our plot.
plot_data = data(fields=["a", "b"], rows=[
["A", 28], ["B", 55], ["C", 43],
["D", 91], ["E", 81], ["F", 53],
["G", 19], ["H", 87], ["I", 52]
], pack=True)
# Create a couple of context menu commands.
log_scale_command = ui.command(
name='to_log_scale',
label='Log Scale',
icon='LineChart',
)
linear_scale_command = ui.command(
name='to_linear_scale',
label='Linear Scale',
icon='LineChart',
)
@app('/demo')
async def serve(q: Q):
if q.client.plot_added: # Have we already added a plot?
example = q.page['example']
if q.args.to_log_scale:
# Change to log scale
example.text.content = 'Plot (Log Scale)'
example.text.commands = [linear_scale_command]
example.visualization.specification = spec_log_scale
else:
# Change to linear scale
example.text.content = 'Plot (Linear Scale)'
example.text.commands = [log_scale_command]
example.visualization.specification = spec_linear_scale
else: # Add a new plot
q.page['example'] = ui.form_card(
box='1 1 2 8',
items=[
ui.text_l(name='text', content='Plot (Linear Scale)', commands=[log_scale_command]),
ui.vega_visualization(name='visualization', specification=spec_linear_scale, data=plot_data, height='300px'),
],
)
# Flag to indicate that we've added a plot
q.client.plot_added = True
await q.page.save()
|