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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
|
import math
from pyjamas.chart import GChartUtil
from pyjamas.chart.GChart import GChart
from pyjamas.chart import AnnotationLocation
from pyjamas.chart import SymbolType
from pyjamas.chart import Double
from pyjamas import DeferredCommand
from pyjamas.ui.Button import Button
"""* Sine curve with lots of points on it, to illustrate the
** incremental update technique.
** <p>
**
** Prior to GChart 2.1, this approach would not have worked
** GChart 2.1 allows curves that have not changed since the
** last update (as long as they occur before the first curve
** that HAS changed) to be skipped over in re-updates. So you
** don't lose much time by updating incrementally in this
** manner, and you gain much better user feedback during
** that all-important first page display.
** <p>
**
** Whenever possible, try to avoid very numbers of HTML
** elements in your charts (swapping in data as needed in
** response to user requests instead). That way, this kind
** of delay can be avoided entirely, and you won't have to
** implement an incrementally updating chart at all.
**
**
*"""
PERIOD = 100
N_PERIODS = 5
DELTA_TIME = 1
DELTA_PHASE = 8
firstTime = True
class IncrementalUpdate:
def __init__(self, gchart, iCurve, phaseShift, n):
self.gchart = gchart
self.iCurve = iCurve
self.phaseShift = phaseShift
self.n = n
def execute(self):
for iC in range(self.iCurve, self.iCurve+self.n):
if self.gchart.getNCurves() <= self.iCurve:
# gchart.getCurve(0).getPoint(0).setY(
# gchart.getCurve(0).getPoint(0).getY())
self.gchart.addCurve()
# copy symbol properties from curve 0, except, None
# legend label (so only one curve row on legend)
self.gchart.getCurve().getSymbol().setSymbolType(
self.gchart.getCurve(0).getSymbol().getSymbolType())
self.gchart.getCurve().getSymbol().setBorderWidth(
self.gchart.getCurve(0).getSymbol().getBorderWidth())
self.gchart.getCurve().getSymbol().setBackgroundColor(
self.gchart.getCurve(0).getSymbol().getBackgroundColor())
self.gchart.getCurve().getSymbol().setFillSpacing(
self.gchart.getCurve(0).getSymbol().getFillSpacing())
self.gchart.getCurve().getSymbol().setFillThickness(
self.gchart.getCurve(0).getSymbol().getFillThickness())
self.gchart.getCurve().getSymbol().setHeight(
self.gchart.getCurve(0).getSymbol().getHeight())
self.gchart.getCurve().getSymbol().setWidth(
self.gchart.getCurve(0).getSymbol().getWidth())
for i in range(0, PERIOD, DELTA_TIME):
y = math.sin((2*math.pi*(iC*PERIOD+i+self.phaseShift))/PERIOD)
if self.gchart.getCurve(iC).getNPoints()*DELTA_TIME <= i:
self.gchart.getCurve(iC).addPoint(iC*PERIOD+i+self.phaseShift, y)
else:
self.gchart.getCurve(iC).getPoint(i/DELTA_TIME).setY(y)
self.gchart.update()
class GChartExample14 (GChart):
def __init__(self):
GChart.__init__(self)
self.phase = 0
self.btn = Button("Update", self)
self.setChartFootnotes(self.btn)
self.setChartSize(1000,100)
self.setChartTitle("<big><i>Sine vs Time</i></big>")
self.setPadding("2px")
self.getXAxis().setAxisLabel("<small><i>Time (seconds)</i></small>")
self.getXAxis().setHasGridlines(True)
self.getXAxis().setTickCount(6)
self.getXAxis().setTickLabelFormat("#.##")
self.getXAxis().setAxisMin(0)
self.getXAxis().setAxisMax(PERIOD*N_PERIODS)
self.getYAxis().setHasGridlines(True)
self.getYAxis().setTickCount(5)
self.getYAxis().setAxisMin(-1)
self.getYAxis().setAxisMax(1)
self.getYAxis().setTickLabelThickness(10)
self.addCurve()
self.getCurve().getSymbol().setSymbolType(SymbolType.VBAR_BASELINE_CENTER)
self.getCurve().getSymbol().setBorderWidth(0)
self.getCurve().getSymbol().setBackgroundColor("blue")
self.getCurve().getSymbol().setFillSpacing(Double.NaN)
self.getCurve().getSymbol().setFillThickness(0)
self.getCurve().getSymbol().setHeight(1)
self.getCurve().getSymbol().setWidth(1)
for i in range(N_PERIODS):
DeferredCommand.add(IncrementalUpdate(self, i, 0, 1))
# for int phaseShift=0; phaseShift < N_PERIODS*PERIOD; phaseShift+=DELTA_PHASE)
# DeferredCommand.addCommand(IncrementalUpdate(this,0, phaseShift, N_PERIODS))
def onClick(self, event):
self.phase += DELTA_PHASE
for i in range(N_PERIODS):
DeferredCommand.add(IncrementalUpdate(self, i, self.phase, 1))
|
