[flexcoders] Re: Line Chart like Task Manager

2012-02-23 Thread gtb104
My wife figured this out for me! LOL!

It's not the most elegant way to do it, but I just manipulate the first element 
of the array to always be '0'.  Pretty simple actually.

--- In flexcoders@yahoogroups.com, "gtb104"  wrote:
>
> I got everything working!  Looks good, but I have one styling issue.  If
> the chart is filled with null data, when data starts coming in
> everything is fine until the moment when the chart fills with data.  See
> the Before
>   image.
> The problem is with the gradient fill.  Once the chart fills up, the
> gradient smushes up to the top.  See the After
>   image.
> It appears that the LinearGradient only uses the area that is stroked
> for computing the height of the fill as far as the gradient goes.
> Any ideas?
> 
> Here's my gradient definition:
> 
> 
>  
> 
>   alpha="0.9"/>
> 
>   alpha="0.6"/>
> 
>   alpha="0.5"/>
> 
>  
>  
> 
> 
> Here's where I apply it to the AreaChart:
>  
>  yField="value"
> 
>  xField="time"
> 
>  form="step"
> 
>  areaStroke="{solidColorStroke}"
>  areaFill="{linearGradientFill}"/>
> --- In flexcoders@yahoogroups.com, "gtb104"  wrote:
> >
> > Ah, OK.  I got you.  I'll try that.  Thanks!
> >
> > --- In flexcoders@yahoogroups.com, Brendan Meutzner bmeutzner@ wrote:
> > >
> > > Geoff,
> > >
> > > Not literally Zero data, but blank data.
> > >
> > > I modified the following simple example from StackOverflow to show
> what you
> > > can do... see the link, and then the modified code below.
> > >
> > >
> > >
> http://stackoverflow.com/questions/3233357/flex-extending-x-axis-on-line\
> chart-for-unknown-future-data
> > >
> > >
> > > 
> > >
> > > 
> > >
> > > http://www.adobe.com/2006/mxml";>
> > >
> > > 
> > >
> > > 
> > >
> > >   > >
> > > dataProvider="{expenses}"
> > >
> > > showDataTips="true"
> > >
> > > >
> > >
> > >  
> > >
> > >> >
> > >   dataProvider="{expenses}"
> > >
> > >   categoryField="Month"
> > >
> > >   />
> > >
> > >  
> > >
> > >  
> > >
> > >> >
> > >   yField="Profit"
> > >
> > >   displayName="Profit"
> > >
> > >   interpolateValues="false"
> > >
> > >   />
> > >
> > >  
> > >
> > >  
> > >
> > >  
> > >
> > > 
> > >
> > > 
> > >
> > >
> > >
> > >
> > > On Sat, Feb 18, 2012 at 12:06 AM, gtb104 gtb104@ wrote:
> > >
> > > > **
> > > >
> > > >
> > > > Brendan,
> > > >
> > > > I think that I understand what you're talking about. Just two
> questions.
> > > > What's "0" data? Is that just data with a value of zero? Also, how
> do I get
> > > > the line chart to ignore zero data?
> > > >
> > > > Thanks,
> > > > Geoff
> > > >
> > > >
> > > > --- In flexcoders@yahoogroups.com, Brendan Meutzner 
> wrote:
> > > > >
> > > > > Geoff,
> > > > >
> > > > > You can create a large dataset with empty, or 0 values, for your
> Y Axis.
> > > > > Then when you populate data from your service, add/append those
> values to
> > > > > the end of your dataset, while removing an equal number of empty
> values
> > > > > from the beginning of the dataset. If you've created an
> ArrayCollection
> > > > of
> > > > > these values, then via binding, it will update the chart
> automatically as
> > > > > you add/remove values to/from this collection. Have your line
> chart
> > > > ignore
> > > > > 0 values and the line won't draw at the beginning, and only
> begin drawing
> > > > > on the right where you've started populating data.
> > > > >
> > > > > Continue this process as you receive data, and eventually you
> will have a
> > > > > full dataset, and as you continue to add/remove values, your
> full chart
> > > > > line will continue updating appearing to move from right to
> left.
> > > > >
> > > > > Does all this make sense? I've used a Mac for years now, so I'm
> pulling
> > > > > from memory what the task manager charts look like, but I think
> this is
> > > > > accurate.
> > > > >
> > > > > Let me know if you need any clarification on the method I'm
> suggesting
> > > > > above.
> > > > >
> > > > >
> > > > > Brendan
> > > > >
> > > > >
> > > > > On Wed, Feb 15, 2012 at 12:06 PM, gtb104  wrote:
> > > > >
> > > > > > **
> > > >
> > > > > >
> > > > > >
> > > > > > Rishi,
> > > > > >
> > > > > > Sorry, but I don't see how that example fulfills my request.
> What I'm
> > > > > > trying to show is basically volume over time. The x axis is
> time, the y
> > > > > > axis is volume. The chart will be feed from BlazeDS messages
> that will
> > > > be
> > > > > > coming in around once per second. I'd like to plot the volume
> data
> > > > points
> > > > > > from right to left, like how the Task Manager plots CPU
> performance.
> > > > I'm
> > > > > > hoping this clarifies my need.
> > > > > >
> > > > > > Thanks,
> > > > > > Geoff
> > > > > >
> > > > > > --- In flex

[flexcoders] Re: Line Chart like Task Manager

2012-02-22 Thread gtb104
I got everything working!  Looks good, but I have one styling issue.  If
the chart is filled with null data, when data starts coming in
everything is fine until the moment when the chart fills with data.  See
the Before
  image.
The problem is with the gradient fill.  Once the chart fills up, the
gradient smushes up to the top.  See the After
  image.
It appears that the LinearGradient only uses the area that is stroked
for computing the height of the fill as far as the gradient goes.
Any ideas?

Here's my gradient definition:


 

 

 

 

 
 


Here's where I apply it to the AreaChart:

--- In flexcoders@yahoogroups.com, "gtb104"  wrote:
>
> Ah, OK.  I got you.  I'll try that.  Thanks!
>
> --- In flexcoders@yahoogroups.com, Brendan Meutzner bmeutzner@ wrote:
> >
> > Geoff,
> >
> > Not literally Zero data, but blank data.
> >
> > I modified the following simple example from StackOverflow to show
what you
> > can do... see the link, and then the modified code below.
> >
> >
> >
http://stackoverflow.com/questions/3233357/flex-extending-x-axis-on-line\
chart-for-unknown-future-data
> >
> >
> > 
> >
> > 
> >
> > http://www.adobe.com/2006/mxml";>
> >
> > 
> >
> > 
> >
> >   >
> > dataProvider="{expenses}"
> >
> > showDataTips="true"
> >
> > >
> >
> >  
> >
> >>
> >   dataProvider="{expenses}"
> >
> >   categoryField="Month"
> >
> >   />
> >
> >  
> >
> >  
> >
> >>
> >   yField="Profit"
> >
> >   displayName="Profit"
> >
> >   interpolateValues="false"
> >
> >   />
> >
> >  
> >
> >  
> >
> >  
> >
> > 
> >
> > 
> >
> >
> >
> >
> > On Sat, Feb 18, 2012 at 12:06 AM, gtb104 gtb104@ wrote:
> >
> > > **
> > >
> > >
> > > Brendan,
> > >
> > > I think that I understand what you're talking about. Just two
questions.
> > > What's "0" data? Is that just data with a value of zero? Also, how
do I get
> > > the line chart to ignore zero data?
> > >
> > > Thanks,
> > > Geoff
> > >
> > >
> > > --- In flexcoders@yahoogroups.com, Brendan Meutzner 
wrote:
> > > >
> > > > Geoff,
> > > >
> > > > You can create a large dataset with empty, or 0 values, for your
Y Axis.
> > > > Then when you populate data from your service, add/append those
values to
> > > > the end of your dataset, while removing an equal number of empty
values
> > > > from the beginning of the dataset. If you've created an
ArrayCollection
> > > of
> > > > these values, then via binding, it will update the chart
automatically as
> > > > you add/remove values to/from this collection. Have your line
chart
> > > ignore
> > > > 0 values and the line won't draw at the beginning, and only
begin drawing
> > > > on the right where you've started populating data.
> > > >
> > > > Continue this process as you receive data, and eventually you
will have a
> > > > full dataset, and as you continue to add/remove values, your
full chart
> > > > line will continue updating appearing to move from right to
left.
> > > >
> > > > Does all this make sense? I've used a Mac for years now, so I'm
pulling
> > > > from memory what the task manager charts look like, but I think
this is
> > > > accurate.
> > > >
> > > > Let me know if you need any clarification on the method I'm
suggesting
> > > > above.
> > > >
> > > >
> > > > Brendan
> > > >
> > > >
> > > > On Wed, Feb 15, 2012 at 12:06 PM, gtb104  wrote:
> > > >
> > > > > **
> > >
> > > > >
> > > > >
> > > > > Rishi,
> > > > >
> > > > > Sorry, but I don't see how that example fulfills my request.
What I'm
> > > > > trying to show is basically volume over time. The x axis is
time, the y
> > > > > axis is volume. The chart will be feed from BlazeDS messages
that will
> > > be
> > > > > coming in around once per second. I'd like to plot the volume
data
> > > points
> > > > > from right to left, like how the Task Manager plots CPU
performance.
> > > I'm
> > > > > hoping this clarifies my need.
> > > > >
> > > > > Thanks,
> > > > > Geoff
> > > > >
> > > > > --- In flexcoders@yahoogroups.com, "Tandon, Rishi"

> > > > > wrote:
> > > > > >
> > > > > > Geoff, you can  check the Stock chart from
amcharts
> > > > > >
http://flex.amcharts.com/examples/stock_chart_exampleÂ
> > >
> > > > > >
> > > > > >
> > > > > > Regards,
> > > > > > Rishi Tandon
> > > > > >
> > > > > >
> > > > > > 
> > > > > > From: gtb104 
> > > > >
> > > > > > To: flexcoders@yahoogroups.com
> > > > > > Sent: Wednesday, February 15, 2012 8:30 PM
> > > > > > Subject: [flexcoders] Line Chart like Task Manager
> > > > > >
> > > > > >
> > > > > > Â
> > >
> > > > > > I'm looking to make a line chart that looks similar to
Windows Task
> > > > > Manager (data comes in from right to left for a fixed period
of time).
> > > > > Looking at the API, it doesn't appear that the LineChart
natively
> > > supports
> > > > > that, a

[flexcoders] Re: Line Chart like Task Manager

2012-02-18 Thread gtb104
Ah, OK.  I got you.  I'll try that.  Thanks!

--- In flexcoders@yahoogroups.com, Brendan Meutzner  wrote:
>
> Geoff,
> 
> Not literally Zero data, but blank data.
> 
> I modified the following simple example from StackOverflow to show what you
> can do... see the link, and then the modified code below.
> 
> 
> http://stackoverflow.com/questions/3233357/flex-extending-x-axis-on-linechart-for-unknown-future-data
> 
> 
> 
> 
> 
> 
> http://www.adobe.com/2006/mxml";>
> 
> 
> 
> 
> 
>   
> dataProvider="{expenses}"
> 
> showDataTips="true"
> 
> >
> 
>  
> 
>
>   dataProvider="{expenses}"
> 
>   categoryField="Month"
> 
>   />
> 
>  
> 
>  
> 
>
>   yField="Profit"
> 
>   displayName="Profit"
> 
>   interpolateValues="false"
> 
>   />
> 
>  
> 
>  
> 
>  
> 
> 
> 
> 
> 
> 
> 
> 
> On Sat, Feb 18, 2012 at 12:06 AM, gtb104  wrote:
> 
> > **
> >
> >
> > Brendan,
> >
> > I think that I understand what you're talking about. Just two questions.
> > What's "0" data? Is that just data with a value of zero? Also, how do I get
> > the line chart to ignore zero data?
> >
> > Thanks,
> > Geoff
> >
> >
> > --- In flexcoders@yahoogroups.com, Brendan Meutzner  wrote:
> > >
> > > Geoff,
> > >
> > > You can create a large dataset with empty, or 0 values, for your Y Axis.
> > > Then when you populate data from your service, add/append those values to
> > > the end of your dataset, while removing an equal number of empty values
> > > from the beginning of the dataset. If you've created an ArrayCollection
> > of
> > > these values, then via binding, it will update the chart automatically as
> > > you add/remove values to/from this collection. Have your line chart
> > ignore
> > > 0 values and the line won't draw at the beginning, and only begin drawing
> > > on the right where you've started populating data.
> > >
> > > Continue this process as you receive data, and eventually you will have a
> > > full dataset, and as you continue to add/remove values, your full chart
> > > line will continue updating appearing to move from right to left.
> > >
> > > Does all this make sense? I've used a Mac for years now, so I'm pulling
> > > from memory what the task manager charts look like, but I think this is
> > > accurate.
> > >
> > > Let me know if you need any clarification on the method I'm suggesting
> > > above.
> > >
> > >
> > > Brendan
> > >
> > >
> > > On Wed, Feb 15, 2012 at 12:06 PM, gtb104  wrote:
> > >
> > > > **
> >
> > > >
> > > >
> > > > Rishi,
> > > >
> > > > Sorry, but I don't see how that example fulfills my request. What I'm
> > > > trying to show is basically volume over time. The x axis is time, the y
> > > > axis is volume. The chart will be feed from BlazeDS messages that will
> > be
> > > > coming in around once per second. I'd like to plot the volume data
> > points
> > > > from right to left, like how the Task Manager plots CPU performance.
> > I'm
> > > > hoping this clarifies my need.
> > > >
> > > > Thanks,
> > > > Geoff
> > > >
> > > > --- In flexcoders@yahoogroups.com, "Tandon, Rishi" 
> > > > wrote:
> > > > >
> > > > > Geoff, you can  check the Stock chart from amcharts
> > > > > http://flex.amcharts.com/examples/stock_chart_exampleÂ
> >
> > > > >
> > > > >
> > > > > Regards,
> > > > > Rishi Tandon
> > > > >
> > > > >
> > > > > 
> > > > > From: gtb104 
> > > >
> > > > > To: flexcoders@yahoogroups.com
> > > > > Sent: Wednesday, February 15, 2012 8:30 PM
> > > > > Subject: [flexcoders] Line Chart like Task Manager
> > > > >
> > > > >
> > > > > Â
> >
> > > > > I'm looking to make a line chart that looks similar to Windows Task
> > > > Manager (data comes in from right to left for a fixed period of time).
> > > > Looking at the API, it doesn't appear that the LineChart natively
> > supports
> > > > that, and I couldn't find any 3rd party libraries that already do that.
> > > > Does anyone have any ideas?
> > > > >
> > > > > Thanks,
> > > > > Geoff
> > > > >
> > > >
> > > >
> > > >
> > >
> >
> >  
> >
>




Re: [flexcoders] Re: Line Chart like Task Manager

2012-02-18 Thread Brendan Meutzner
Geoff,

Not literally Zero data, but blank data.

I modified the following simple example from StackOverflow to show what you
can do... see the link, and then the modified code below.


http://stackoverflow.com/questions/3233357/flex-extending-x-axis-on-linechart-for-unknown-future-data






http://www.adobe.com/2006/mxml";>





 

 

  

 

 

  

 

 

 








On Sat, Feb 18, 2012 at 12:06 AM, gtb104  wrote:

> **
>
>
> Brendan,
>
> I think that I understand what you're talking about. Just two questions.
> What's "0" data? Is that just data with a value of zero? Also, how do I get
> the line chart to ignore zero data?
>
> Thanks,
> Geoff
>
>
> --- In flexcoders@yahoogroups.com, Brendan Meutzner  wrote:
> >
> > Geoff,
> >
> > You can create a large dataset with empty, or 0 values, for your Y Axis.
> > Then when you populate data from your service, add/append those values to
> > the end of your dataset, while removing an equal number of empty values
> > from the beginning of the dataset. If you've created an ArrayCollection
> of
> > these values, then via binding, it will update the chart automatically as
> > you add/remove values to/from this collection. Have your line chart
> ignore
> > 0 values and the line won't draw at the beginning, and only begin drawing
> > on the right where you've started populating data.
> >
> > Continue this process as you receive data, and eventually you will have a
> > full dataset, and as you continue to add/remove values, your full chart
> > line will continue updating appearing to move from right to left.
> >
> > Does all this make sense? I've used a Mac for years now, so I'm pulling
> > from memory what the task manager charts look like, but I think this is
> > accurate.
> >
> > Let me know if you need any clarification on the method I'm suggesting
> > above.
> >
> >
> > Brendan
> >
> >
> > On Wed, Feb 15, 2012 at 12:06 PM, gtb104  wrote:
> >
> > > **
>
> > >
> > >
> > > Rishi,
> > >
> > > Sorry, but I don't see how that example fulfills my request. What I'm
> > > trying to show is basically volume over time. The x axis is time, the y
> > > axis is volume. The chart will be feed from BlazeDS messages that will
> be
> > > coming in around once per second. I'd like to plot the volume data
> points
> > > from right to left, like how the Task Manager plots CPU performance.
> I'm
> > > hoping this clarifies my need.
> > >
> > > Thanks,
> > > Geoff
> > >
> > > --- In flexcoders@yahoogroups.com, "Tandon, Rishi" 
> > > wrote:
> > > >
> > > > Geoff, you can  check the Stock chart from amcharts
> > > > http://flex.amcharts.com/examples/stock_chart_exampleÂ
>
> > > >
> > > >
> > > > Regards,
> > > > Rishi Tandon
> > > >
> > > >
> > > > 
> > > > From: gtb104 
> > >
> > > > To: flexcoders@yahoogroups.com
> > > > Sent: Wednesday, February 15, 2012 8:30 PM
> > > > Subject: [flexcoders] Line Chart like Task Manager
> > > >
> > > >
> > > > Â
>
> > > > I'm looking to make a line chart that looks similar to Windows Task
> > > Manager (data comes in from right to left for a fixed period of time).
> > > Looking at the API, it doesn't appear that the LineChart natively
> supports
> > > that, and I couldn't find any 3rd party libraries that already do that.
> > > Does anyone have any ideas?
> > > >
> > > > Thanks,
> > > > Geoff
> > > >
> > >
> > >
> > >
> >
>
>  
>


[flexcoders] Re: Line Chart like Task Manager

2012-02-17 Thread gtb104
Brendan,

I think that I understand what you're talking about.  Just two questions.  
What's "0" data?  Is that just data with a value of zero?  Also, how do I get 
the line chart to ignore zero data?

Thanks,
Geoff

--- In flexcoders@yahoogroups.com, Brendan Meutzner  wrote:
>
> Geoff,
> 
> You can create a large dataset with empty, or 0 values, for your Y Axis.
>  Then when you populate data from your service, add/append those values to
> the end of your dataset, while removing an equal number of empty values
> from the beginning of the dataset.  If you've created an ArrayCollection of
> these values, then via binding, it will update the chart automatically as
> you add/remove values to/from this collection.  Have your line chart ignore
> 0 values and the line won't draw at the beginning, and only begin drawing
> on the right where you've started populating data.
> 
> Continue this process as you receive data, and eventually you will have a
> full dataset, and as you continue to add/remove values, your full chart
> line will continue updating appearing to move from right to left.
> 
> Does all this make sense?  I've used a Mac for years now, so I'm pulling
> from memory what the task manager charts look like, but I think this is
> accurate.
> 
> Let me know if you need any clarification on the method I'm suggesting
> above.
> 
> 
> Brendan
> 
> 
> On Wed, Feb 15, 2012 at 12:06 PM, gtb104  wrote:
> 
> > **
> >
> >
> > Rishi,
> >
> > Sorry, but I don't see how that example fulfills my request. What I'm
> > trying to show is basically volume over time. The x axis is time, the y
> > axis is volume. The chart will be feed from BlazeDS messages that will be
> > coming in around once per second. I'd like to plot the volume data points
> > from right to left, like how the Task Manager plots CPU performance. I'm
> > hoping this clarifies my need.
> >
> > Thanks,
> > Geoff
> >
> > --- In flexcoders@yahoogroups.com, "Tandon, Rishi" 
> > wrote:
> > >
> > > Geoff, you can  check the Stock chart from amcharts
> > > http://flex.amcharts.com/examples/stock_chart_exampleÂ
> > >
> > >
> > > Regards,
> > > Rishi Tandon
> > >
> > >
> > > 
> > > From: gtb104 
> >
> > > To: flexcoders@yahoogroups.com
> > > Sent: Wednesday, February 15, 2012 8:30 PM
> > > Subject: [flexcoders] Line Chart like Task Manager
> > >
> > >
> > > Â
> > > I'm looking to make a line chart that looks similar to Windows Task
> > Manager (data comes in from right to left for a fixed period of time).
> > Looking at the API, it doesn't appear that the LineChart natively supports
> > that, and I couldn't find any 3rd party libraries that already do that.
> > Does anyone have any ideas?
> > >
> > > Thanks,
> > > Geoff
> > >
> >
> >  
> >
>




Re: [flexcoders] Re: Line Chart like Task Manager

2012-02-15 Thread Brendan Meutzner
Geoff,

You can create a large dataset with empty, or 0 values, for your Y Axis.
 Then when you populate data from your service, add/append those values to
the end of your dataset, while removing an equal number of empty values
from the beginning of the dataset.  If you've created an ArrayCollection of
these values, then via binding, it will update the chart automatically as
you add/remove values to/from this collection.  Have your line chart ignore
0 values and the line won't draw at the beginning, and only begin drawing
on the right where you've started populating data.

Continue this process as you receive data, and eventually you will have a
full dataset, and as you continue to add/remove values, your full chart
line will continue updating appearing to move from right to left.

Does all this make sense?  I've used a Mac for years now, so I'm pulling
from memory what the task manager charts look like, but I think this is
accurate.

Let me know if you need any clarification on the method I'm suggesting
above.


Brendan


On Wed, Feb 15, 2012 at 12:06 PM, gtb104  wrote:

> **
>
>
> Rishi,
>
> Sorry, but I don't see how that example fulfills my request. What I'm
> trying to show is basically volume over time. The x axis is time, the y
> axis is volume. The chart will be feed from BlazeDS messages that will be
> coming in around once per second. I'd like to plot the volume data points
> from right to left, like how the Task Manager plots CPU performance. I'm
> hoping this clarifies my need.
>
> Thanks,
> Geoff
>
> --- In flexcoders@yahoogroups.com, "Tandon, Rishi" 
> wrote:
> >
> > Geoff, you can  check the Stock chart from amcharts
> > http://flex.amcharts.com/examples/stock_chart_exampleÂ
> >
> >
> > Regards,
> > Rishi Tandon
> >
> >
> > 
> > From: gtb104 
>
> > To: flexcoders@yahoogroups.com
> > Sent: Wednesday, February 15, 2012 8:30 PM
> > Subject: [flexcoders] Line Chart like Task Manager
> >
> >
> > Â
> > I'm looking to make a line chart that looks similar to Windows Task
> Manager (data comes in from right to left for a fixed period of time).
> Looking at the API, it doesn't appear that the LineChart natively supports
> that, and I couldn't find any 3rd party libraries that already do that.
> Does anyone have any ideas?
> >
> > Thanks,
> > Geoff
> >
>
>  
>


[flexcoders] Re: Line Chart like Task Manager

2012-02-15 Thread gtb104
Rishi,

Sorry, but I don't see how that example fulfills my request.  What I'm trying 
to show is basically volume over time.  The x axis is time, the y axis is 
volume.  The chart will be feed from BlazeDS messages that will be coming in 
around once per second.  I'd like to plot the volume data points from right to 
left, like how the Task Manager plots CPU performance.  I'm hoping this 
clarifies my need.

Thanks,
Geoff

--- In flexcoders@yahoogroups.com, "Tandon, Rishi"  wrote:
>
> Geoff, you can  check the Stock chart from amcharts
> http://flex.amcharts.com/examples/stock_chart_example 
> 
> 
> Regards,
> Rishi Tandon
> 
> 
> 
>  From: gtb104 
> To: flexcoders@yahoogroups.com 
> Sent: Wednesday, February 15, 2012 8:30 PM
> Subject: [flexcoders] Line Chart like Task Manager
>  
> 
>   
> I'm looking to make a line chart that looks similar to Windows Task Manager 
> (data comes in from right to left for a fixed period of time).  Looking at 
> the API, it doesn't appear that the LineChart natively supports that, and I 
> couldn't find any 3rd party libraries that already do that.  Does anyone have 
> any ideas?
> 
> Thanks,
> Geoff
>