ryan/via
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 12 Wiki Activity

fix: component nil pointer on sync; improve realtimechart example

Browse Source
This commit is contained in:
Joao Goncalves
2025-11-15 03:01:53 -01:00
parent 80879216b2
commit 03019364ca
2 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
internal/examples/realtimechart/main.go
View File

@@ -41,6 +41,7 @@ func chartCompFn(c *via.Context) {
labels := make([]string, 1000)
isLive := true
isLiveSig := c.Signal("on")
refreshRate := c.Signal(1)
tkr := time.NewTicker(1000 * time.Millisecond)
@@ -49,7 +50,7 @@ func chartCompFn(c *via.Context) {
})
toggleIsLive := c.Action(func() {
isLive = !isLive
isLive = isLiveSig.Bool()
})
go func() {
@@ -76,7 +77,7 @@ func chartCompFn(c *via.Context) {
return h.Div(
h.Div(h.ID("chart"), h.Style("width:100%;height:400px;"),
h.Script(h.Raw(`
prefersDark = window.matchMedia('(prefers-color-scheme: dark)');
var prefersDark = window.matchMedia('(prefers-color-scheme: dark)');
var myChart = echarts.init(document.getElementById('chart'), prefersDark.matches ? 'dark' : 'light');
var option = {
backgroundColor: prefersDark.matches ? 'transparent' : '#ffffff',
@@ -145,9 +146,9 @@ func chartCompFn(c *via.Context) {
h.Div(h.Class("grid"),
h.FieldSet(
h.Legend(h.Text("Live Data")),
h.Input(h.Type("checkbox"), h.Role("switch"), toggleIsLive.OnChange()),
h.Input(h.Type("checkbox"), h.Role("switch"), isLiveSig.Bind(), toggleIsLive.OnChange()),
),
h.Label(h.ID("refresh-rate-input"), h.Span(h.Text("Refresh Rate (")), h.Span(refreshRate.Text()), h.Span(h.Text(" Hz)")),
h.Label(h.Span(h.Text("Refresh Rate (")), h.Span(refreshRate.Text()), h.Span(h.Text(" Hz)")),
h.Input(h.Type("range"), h.Attr("min", "1"), h.Attr("max", "200"), refreshRate.Bind(), updateRefreshRate.OnChange()),
),
),