Time Series Plotting: Client-Side Chartdataupdating: No Page Refresh

[MT_MANC]

http://www.fusioncha...s/JS/Index.html

 

1. HOW COULD THE CLIENT-SIDE XML DATA UPDATE CODE IN YOUR AJAX EXAMPLE BE ADAPTED

TO SHOW A PSEUDO TIME SERIES ANIMATION ACROSS QUARTERS ?

That is, to display successively for all 4 products A-D :

View1 - Just Quarter 1 data is plotted (but X-axis shows Quarter1-Quarter4)

View2 - Just Quarter 1+2 data is plotted (but X-axis shows Quarter1-Quarter4)

View3 - Just Quarter 1+2+3 data is plotted (but X-axis shows Quarter1-Quarter4)

View4 - Quarter 1+2+3+4 data is plotted (but X-axis shows Quarter1-Quarter4)

 

Such a "psuedo-animation" of time series data over successive Quarters should

presumably be achievable without the need for a clumsy page refresh (as would

occur if setXMLUrl method was used to link to "incremental" external XML files)

 

The (hard-coded) array data that would need to be plotted successively for

each Quarter would thus look like :

data[0] = new Array("Product A",659400); 
data[1] = new Array("Product B",546300); 
data[2] = new Array("Product C",657600); 
data[3] = new Array("Product D",436500); 

data[0] = new Array("Product A",659400,465400); 
data[1] = new Array("Product B",546300,436500); 
data[2] = new Array("Product C",657600,564600); 
data[3] = new Array("Product D",436500,765700); 

data[0] = new Array("Product A",659400,465400,764500); 
data[1] = new Array("Product B",546300,436500,546500); 
data[2] = new Array("Product C",657600,564600,348600); 
data[3] = new Array("Product D",436500,765700,453900); 

data[0] = new Array("Product A",659400,465400,764500,650500); 
data[1] = new Array("Product B",546300,436500,546500,332500); 
data[2] = new Array("Product C",657600,564600,348600,436600); 
data[3] = new Array("Product D",436500,765700,453900,326400);

 

But how could this be implemented in your (hard-coded) example &

example functions ?

 

I did attempt to adjust the Javascript arrays and the

[getSeriesXML function] to produce the above effect but to no avail.

Presumably, the [getSeriesXML function] would need to "loop" around

4 times to create the required "<set value='" items for each Quarter1-4 ??

 

2. CONVERTING .CSV FILES TO JAVASCRIPT ARRAYS

My (complete) raw data to be plotted is in actually held in ASCII .CSV files:

 

"Quarter","ProductA","ProductB","ProductC","ProductD"

"Q1",659400,465400,764500,650500

"Q2",546300,436500,546500,332500

"Q3",657600,564600,348600,436600

"Q4",436500,765700,453900,326400

 

Could the JS functions in your Ajax example be adapted

to convert this .CSV to Javascript arrays to produce the above required

time series quasi-animation across Q1-Q4 for all 4 products A-D?