I'm trying to set up a dynamic, real time LineChart in which
each child line series is updated with a new value every 2-3
seconds and the pervious entries scroll to the left of the chart
until they eventually drop off. I've set up a sliding window of 1
minute using a horizontal DateTimeAxis in which I update the axis
minimum and maximum every animation tick. The widgets ultimate
target behavior is very similar to that of a seismograph.
My problem is that to get the scrolling behavior, I use a
SeriesInterpolate with the "showDataEffect". This works fine until
my first series value hits the minimum value in my horizontal axis
time window, at which time the rendered series lines begin jumping
to the maximum linear value of my yAxis. This continues with all
previously entered lineseries values, until all of the correctly
rendered line segments are pulled to their maximum yValue and
disapear from the chart. The series lines also stops rendering any
new added value, although sometimes the Flex app will flicker
during redraw and I can see that the values are actually being
added and drawn. Also, I can use the mouse over tooltips on the
added values, though they do not render correctly.
So my theory is that I'm simply not setting up the
SeriesInterpolate object correctly. Does anyone have any clue as to
what is going on?
Yes, all series properly move to the left and are clipped
when the appropriate values fall outside the specified minimum
value. The movement is jerky, of course, hence the need for the
SeriesInterpolate effect. If I could achieve the same looking
effect (smooth series scrolling with proper clipping) another way
I'd be up for trying that out.