Action script

Greetings I'm new here and I have a question. I'm working on application that allows steraming of data between two endpoints. I took example data adapter created by Mone and adapted it to read from file and push the data. (I read one value - double, and cast it to string and do it at regular intervals - values is always different). I managed to do it without errors and all is fine but I'm stuck at making client application that accepts the incoming data and extracts that one value and stores it for use by other part of program that draws a graph from available data. Now I would use the example again supplied by Mone and adapt it a little but don't know even where to start with writing! Can I do it in eclipse or what?
(sry for the noob questions but it is a project in college and I will flunk if I don't complete it and this is my first time using any of this. I'm sort of good in Java but knowledge in javascript or action script or flex and similar things is next to none )

Quote:

Originally Posted by Cyro

...

nvm the question. I got it to work. BUT when I try http://localhost:8080/Simplest I just get Loading and nothing moves. I don't know is it actually streaming or not. If you've got a little time here's the code:
Data adapter:

Quote:

import java.io.BufferedReader;
import java.io.File;
import java.io.FileReader;
import java.io.Reader;
import java.io.StreamTokenizer;
import java.util.HashMap;
import java.util.Map;

import com.lightstreamer.interfaces.data.DataProvider;
import com.lightstreamer.interfaces.data.DataProviderExce ption;
import com.lightstreamer.interfaces.data.FailureException ;
import com.lightstreamer.interfaces.data.ItemEventListene r;
import com.lightstreamer.interfaces.data.SubscriptionExce ption;

public class Simplest implements DataProvider {

private ItemEventListener listener;
private Map<String, ItemThread> threads = new HashMap<String, ItemThread>();

public void init(Map params, File configDir) throws DataProviderException {
}

public boolean isSnapshotAvailable(String itemName)
throws SubscriptionException {
return false;
}

public void setListener(ItemEventListener listener) {
this.listener = listener;
}

public synchronized void subscribe(String itemName, boolean needsIterator)
throws SubscriptionException, FailureException {
if (itemName.equals("stream")) {
ItemThread it = new ItemThread(itemName);
it.start();

/*ItemThread it = threads.get(itemName);
if (it == null) {
it = new ItemThread(itemName);
it.start();
threads.put(itemName, it);
*/}

}

public synchronized void unsubscribe(String itemName) throws SubscriptionException,
FailureException {

ItemThread it = threads.get(itemName);
if (it != null) {
it.close();
threads.remove(itemName);
}
}

class ItemThread extends Thread {

private final String item;
private volatile boolean go = true;

public ItemThread(String item) {
this.item = item;
}

public void run() {
int i=0;
while(go) {
Map<String,String> data = new HashMap<String,String>();
try {Reader r = new BufferedReader(new FileReader("primjer.txt"));
StreamTokenizer stok = new StreamTokenizer(r);
stok.parseNumbers();
// double sum = 0;
stok.nextToken();
while (stok.ttype != StreamTokenizer.TT_EOF) {
if (stok.ttype == StreamTokenizer.TT_NUMBER)
i++;
if(i%3==2){
data.put("Sljedeca vrijednost:", Double.toString(stok.nval));
listener.update(item, data, false);
try {
Thread.sleep(1000);
} catch (InterruptedException e) {
}
}

}

stok.nextToken();
}
catch(Exception e){e.printStackTrace();}

}}
public void close() {
go = false;
}
}

}

Client:

Quote:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<script language="JavaScript" src="LS/lscommons.js"></script>
<script language="JavaScript" src="LS/lspushpage.js"></script>
</head>

<body>
<h1>Simplest</h1>

<div>
Stream
<span source="lightstreamer" table="table1" item="stream" field="Sljedeca vrijednost:">Loading...</span>

</div>

<script>

/////////////////PushPage Configuration

var lsPage = new PushPage();
var debugAlerts = false;
var remoteAlerts = false;
var pushHost = null;
var pushPort = null;
var useDomain = null;

lsPage.context.setDomain(useDomain);
lsPage.context.setDebugAlertsOnClientError(debugAl erts);
lsPage.context.setRemoteAlertsOnClientError(remote Alerts);

lsPage.onEngineCreation = function(lsEngine) {
lsEngine.context.setDebugAlertsOnClientError(debug Alerts);
lsEngine.context.setRemoteAlertsOnClientError(remo teAlerts);

lsEngine.connection.setLSHost(pushHost);
lsEngine.connection.setLSPort(pushPort);
lsEngine.connection.setAdapterName("SIMPLEST");

lsEngine.changeStatus("STREAMING");
}

lsPage.bind();
lsPage.createEngine("SimplestEng","LS","SHARE_SESS ION");

///////////////////////Table configuration

var table1 = new OverwriteTable(stream, null, "RAW");
table1.setClearOnDisconnected(true);
table1.setClearOnRemove(true);
lsPage.addTable(table1, "table1");

</script>
</body>

</html>

Hi,

Assuming that field/item/adapter names are correct (check the server log to see if there are errors) I can see only one error:
var table1 = new OverwriteTable(stream, null, "RAW");
the variable stream is not defined anywhere so that the above call throws an exception. You should substitute it with one of the following:

specifying the list of items to be subscribed:
var table1 = new OverwriteTable(["stream"], null, "RAW");

specifying null so that the table will read the item list from the associated html element(s):
var table1 = new OverwriteTable(null, null, "RAW");

For javascript debug I advice you to use firefox with the firebug plugin.
HTH

I tryed the line you gave me and nothing new happened. Problem is that server doesn't list any errors, data adapter didn't list any errors before compiling or after for that matter and Evrsoft front page tried to open the page and didn't list any problems. BUT... Field still says loading and nothing moves... I even tried to copy your entire Simplest data adapter and client and that too didn't budge. Just stands there looking pretty. I think that word Loading will forever stay etched in my mind :)

did you debug the adapter code? (you can debug it following this guide: http://www.lightstreamer.com/vb/showthread.php?t=145 )

then try to paste here a snippet from your server log

no debugging errors. not one. but still no luck. page can be opened in browser but looks like either data adapter is not streaming OR client is not recieving because I get the page with heading and everything but instead of data I still get Loading.

Please get a detailed log from the Server, after setting the priorities for the "LightstreamerLogger.subscriptions" and "LightstreamerLogger.pump" categories as DEBUG in the Server log configuration file (LS_HOME/conf/lightstreamer_log_conf.xml) and then paste it here.

Is this what you need?

Quote:

16-srp-09 13:44:56,734 |INFO |LightstreamerLogger.license |main |This is a trial version.
16-srp-09 13:44:58,703 |INFO |LightstreamerLogger.init |main |Lightstreamer Server starting in Vivace edition
16-srp-09 13:44:58,984 |INFO |LightstreamerLogger.init |main |Started HTML Adaptor for JMX on port 6666
16-srp-09 13:44:59,109 |INFO |LightstreamerLogger.init |main |Started JMXMP Connector for JMX on port 9999
16-srp-09 13:44:59,312 |INFO |LightstreamerLogger.init |main |data_provider element without name attribute; using DEFAULT as the default name
16-srp-09 13:44:59,312 |INFO |LightstreamerLogger.init |Init for SIMPLEST |Loading Metadata Adapter SIMPLEST
16-srp-09 13:44:59,328 |INFO |LightstreamerLogger.init |Init for SIMPLEST.DEFAULT |Loading Data Adapter SIMPLEST.DEFAULT
16-srp-09 13:44:59,359 |INFO |LightstreamerLogger.init |Init for SIMPLEST.DEFAULT |Finished loading Data Adapter SIMPLEST.DEFAULT
16-srp-09 13:44:59,359 |INFO |LightstreamerLogger.init |Init for SIMPLEST |Finished loading Metadata Adapter SIMPLEST
16-srp-09 13:44:59,640 |INFO |LightstreamerLogger.init |main |Pump pool size set by default at 2
16-srp-09 13:44:59,750 |INFO |LightstreamerLogger.init |main |Events pool size set by default at 2
16-srp-09 13:44:59,812 |INFO |LightstreamerLogger.init |main |Lightstreamer Server 3.5 build 1428.4 starting...
16-srp-09 13:45:00,000 |INFO |LightstreamerLogger.init |main |Server "Lightstreamer HTTP Server" listening to *:8080 ...
16-srp-09 13:46:18,718 |INFO |LightstreamerLogger.license |main |This is a trial version.
16-srp-09 13:46:20,125 |INFO |LightstreamerLogger.init |main |Lightstreamer Server starting in Vivace edition
16-srp-09 13:46:20,171 |INFO |LightstreamerLogger.init |main |Started HTML Adaptor for JMX on port 6666
16-srp-09 13:46:20,218 |INFO |LightstreamerLogger.init |main |Started JMXMP Connector for JMX on port 9999
16-srp-09 13:46:20,312 |INFO |LightstreamerLogger.init |main |data_provider element without name attribute; using DEFAULT as the default name
16-srp-09 13:46:20,312 |INFO |LightstreamerLogger.init |Init for SIMPLEST |Loading Metadata Adapter SIMPLEST
16-srp-09 13:46:20,312 |INFO |LightstreamerLogger.init |Init for SIMPLEST.DEFAULT |Loading Data Adapter SIMPLEST.DEFAULT
16-srp-09 13:46:20,328 |INFO |LightstreamerLogger.init |Init for SIMPLEST.DEFAULT |Finished loading Data Adapter SIMPLEST.DEFAULT
16-srp-09 13:46:20,328 |INFO |LightstreamerLogger.init |Init for SIMPLEST |Finished loading Metadata Adapter SIMPLEST
16-srp-09 13:46:20,390 |INFO |LightstreamerLogger.init |main |Pump pool size set by default at 2
16-srp-09 13:46:20,437 |INFO |LightstreamerLogger.init |main |Events pool size set by default at 2
16-srp-09 13:46:20,453 |INFO |LightstreamerLogger.init |main |Lightstreamer Server 3.5 build 1428.4 starting...
16-srp-09 13:46:20,515 |INFO |LightstreamerLogger.init |main |Server "Lightstreamer HTTP Server" listening to *:8080 ...
16-srp-09 13:47:03,265 |INFO |LightstreamerLogger.init |Thread-12 |Server shutdown requested
16-srp-09 13:47:03,265 |INFO |LightstreamerLogger.init |Thread-12 |Exiting.....

I would dare to say that problem is with client.

it seems that you've shut down immediately the server

Quote:

16-srp-09 13:47:03,265 |INFO |LightstreamerLogger.init |Thread-12 |Server shutdown requested

sorry not to mention it, you should start the server, open your page on a browser, wait a little bit and then get the log so that we can see what requests reach the server and how it answers.

ok I got the server to send something. Problem indeed was with the client. Here's proof that he is transmitting:

Quote:

16-srp-09 14:51:19,953 |INFO |LightstreamerLogger.license |main |This is a trial version.
16-srp-09 14:51:21,437 |INFO |LightstreamerLogger.init |main |Lightstreamer Server starting in Vivace edition
16-srp-09 14:51:21,484 |INFO |LightstreamerLogger.init |main |Started HTML Adaptor for JMX on port 6666
16-srp-09 14:51:21,531 |INFO |LightstreamerLogger.init |main |Started JMXMP Connector for JMX on port 9999
16-srp-09 14:51:21,625 |INFO |LightstreamerLogger.init |main |data_provider element without name attribute; using DEFAULT as the default name
16-srp-09 14:51:21,625 |INFO |LightstreamerLogger.init |Init for SIMPLEST |Loading Metadata Adapter SIMPLEST
16-srp-09 14:51:21,625 |INFO |LightstreamerLogger.init |Init for SIMPLEST.DEFAULT |Loading Data Adapter SIMPLEST.DEFAULT
16-srp-09 14:51:21,625 |INFO |LightstreamerLogger.init |Init for SIMPLEST.DEFAULT |Finished loading Data Adapter SIMPLEST.DEFAULT
16-srp-09 14:51:21,625 |INFO |LightstreamerLogger.init |Init for SIMPLEST |Finished loading Metadata Adapter SIMPLEST
16-srp-09 14:51:21,687 |INFO |LightstreamerLogger.init |main |Pump pool size set by default at 2
16-srp-09 14:51:21,734 |INFO |LightstreamerLogger.init |main |Events pool size set by default at 2
16-srp-09 14:51:21,750 |INFO |LightstreamerLogger.init |main |Lightstreamer Server 3.5 build 1428.4 starting...
16-srp-09 14:51:21,796 |INFO |LightstreamerLogger.init |main |Server "Lightstreamer HTTP Server" listening to *:8080 ...
16-srp-09 14:51:35,265 |INFO |LightstreamerLogger.requests |SERVER POOLED THREAD 8 |Serving request: /lightstreamer/create_session.js?LS_phase=1702&LS_polling=true&LS _polling_millis=0&LS_idle_millis=30000&LS_client_v ersion=4.3&LS_adapter=SIMPLEST& from 127.0.0.1:1728
16-srp-09 14:51:35,421 |TRACE|LightstreamerLogger.pump |SERVER POOLED THREAD 8 |Pump for session S259eca68b19bc589T5135421 added
16-srp-09 14:51:35,453 |INFO |LightstreamerLogger.requests |SERVER POOLED THREAD 8 |Starting new session: S259eca68b19bc589T5135421 from 127.0.0.1:1728
16-srp-09 14:51:35,484 |INFO |LightstreamerLogger.requests |SERVER POOLED THREAD 2 |Serving request: /lightstreamer/STREAMING_IN_PROGRESS?LS_session=S259eca68b19bc589 T5135421&LS_phase=1703& from 127.0.0.1:1733
16-srp-09 14:51:35,500 |INFO |LightstreamerLogger.requests |SERVER POOLED THREAD 2 |Attaching session: S259eca68b19bc589T5135421 from 127.0.0.1:1733
16-srp-09 14:51:37,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 2 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:39,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 1 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:41,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 2 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:43,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 1 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:45,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 2 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:47,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 1 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:49,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 2 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:51,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 1 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:53,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 2 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:51:55,515 |TRACE|LightstreamerLogger.pump |PUMP POOLED THREAD 1 |Sending probe in session S259eca68b19bc589T5135421
16-srp-09 14:53:02,515 |TRACE|LightstreamerLogger.pump |FOR PUMPS PARKING DESTROYER|Pump for session S259eca68b19bc589T5135421 removed

But I still get only loading. Looks like client is not interpreting correctly.

Here is NEW client:

Quote:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<script language="JavaScript" src="LS/lscommons.js"></script>
<script language="JavaScript" src="LS/lspushpage.js"></script>
</head>

<body>
<h1>Simplest</h1>

<div id="F|table1|stream|Next|div" class="">loading...</div>

<script>

var page = new PushPage();
page.onEngineCreation = function(engine) {
engine.connection.setAdapterName("SIMPLEST");
engine.changeStatus("STREAMING");
}
page.bind();
page.createEngine("SimplestApp", "LS", "SHARE_SESSION");

var pushtable = new OverwriteTable(stream, null, "DISTINCT");
page.addTable(pushtable, "table1");

</script>
</body>

</html>

And now I get error that there are no elements in table table1

the server is sending only probes, no data at all. Debug step by step your adapter and check that it is sending the data to its listener.

About the client you've two errors now:

you should not change your html to be like this:
<div id="F|table1|stream|Next|div" class="">loading...</div>
leave it as it was before
<span source="lightstreamer" table="table1" item="stream" field="Sljedeca vrijednost:">Loading...</span>

and you still have the undefined variable stream in your table constructor:
var pushtable = new OverwriteTable(stream, null, "DISTINCT");
change it as I've shown you on my first post.

Hi,

I've moved your last question here: http://www.lightstreamer.com/vb/showthread.php?p=1970#post1970

looks like subscription method isn't even called!! I've put a breakpoint on every single line of the subscription method. Nothing. I get that trace when I activate page in browser but looks like it doesn't subscribe...

did you fix the client page? Paste here a server log.

A subscribe on the data adapter for a certain item is called only when a client subscribes to that item. If the client is broken so that it does not subscribes to your item (as in the previous server log) the subscribe on the data adapter is never called

I did it. Had a smaaaaaaall but very significiant error. My file reader was not reading well. And subscribe name was different. Now it works and sends data.

Well then, now I have another question. I have to make a graph from data I recieve. It must be in realtime. Can I have your recommendation? Maybe store the recieved data in a buffer or something so I can access it and plot a graph? Mentor suggested I use adobe flex for plotting.

Hi,
you can follow three paths:
Plot a graph with html using our ChartTable (doc), custom code or a third party library
Pass your data through our FlashBridge (doc) to a flash application and create your graph there
Use our Actionscript client (doc) to receive pushed data directly on your flex application.
HTH

I'm digging through the code but have two questions. My adapter changes data very rapidly. Every 0.01 seconds. Can the client plot that recieved data that fast? And second - can CLIENT create timestamp? Like when transmission began - and in two predefined points. Say 30 sec and 60 sec from beggining?

Quote:

My adapter changes data very rapidly. Every 0.01 seconds. Can the client plot that recieved data that fast?

It depends on your machine and on the client technology that you choose. Probably for the best performance you should choose the path #3 (see my previous post)

Note that you need a Vivace server to reach such update frequency: http://www.lightstreamer.com/products.htm

If the update rate is too high for the client you can limit it.
Be sure to read the General Concepts.pdf file available under LS_HOME/DOCS-SDKs to explore all the possibilities.

Quote:

can CLIENT create timestamp?

what do you mean?

ok here's the thing. I'm simulating ECG (electrocardiogram) and I get a set of numbers ranging from -1 to 1. In adapter I send ONLY that value. No timestamp or anything. Value is generated (read from file or outside source) every 0.01 second. I managed to accept the data and I get it. But now I need to plot that line so that we can see how nice our heart beats. The thing is - bandwith is not a problem - since we're using our own servers and network (very powerfull - My college works with Ericsson :D ) with very high capped bandwith. I got evaluation version of Lightstreamer Vivace. This project I'm working on will be long past done by the time license expires. And when I present the results decision will be made about buying the license.

Anyway I got carried away... I used the source from number 1 in your earlier post and copied the part which uses the graph. Problem is graph recieves two parameters. Timestamp on X axis and price on Y. Y axis is trivial since I just use the value I get but as for X axis I don't have timestamp... And I don't use schema as well. I just get one value so there's no sense in using schema for that. (I changed the range of X axis to 120 seconds since that is the amount of data we have. And Y axis is between -2 and 2 just so we have some breathing space)

p.s. I would use Flex since it looks better but I don't even know where to start with it since I'm a total stranger. I understand a little from your example but that's far from anything usable.

ok, you can certainly add your timestamp client-side, in the ChartDemo you can see that the chart is based on fields 3 and 4 (setXAxis & setYAxis calls) but the subscribed table has only two fields: fields 3 and 4 are calculated client side and added to the table through addField calls;

Btw in case of a timestamp, I advise you to generate it server side to keep your data coherent: the timestamp related to the received data should be the timestamp the data was generated, not the timestamp the data was received&processed (e.g.: imagine your client running on a slow connection or two different clients subscribed to the same data but one client on a speedy machine while the other on a slow machine).

I've added the line to push timestamp on the adapter but I still get only the value for presentation. Here's the code part:

Quote:

Map<String,String> data = new HashMap<String,String>();
try {Reader r = new BufferedReader(new FileReader("C:\\primjer.txt"));
StreamTokenizer stok = new StreamTokenizer(r);
stok.parseNumbers();
// double sum = 0;
stok.nextToken();
while (stok.ttype != StreamTokenizer.TT_EOF) {
if (stok.ttype == StreamTokenizer.TT_NUMBER)
i++;
if(i%3==2){
data.put("timestamp", (new Date()).toString());
data.put("Next", Double.toString(stok.nval));
listener.update(item, data, false);
try {
Thread.sleep(10);
} catch (InterruptedException e) {
}
stok.nextToken();
}
stok.nextToken();

That part of code is in while loop. Now... The problem is that timestamp seems not to be sent. I get only Next. And if I changed that what do I have to add to client so that even timestamp gets shown in table? (Do I need schema or group?)

and I got one new idea. I changed the timestamp above into float value that increases by 0.01 and represents time since beggining of stream. I believe I can use it as X axis. But I cannot accept it and show it as time in table on client side. I just get "Next".

first of all, sorry if I didn't notice it before, but I see that you're reusing the same map for each update.
This is not supported, please check the ItemEventListener class description.

At a first look the rest of the code seems ok, maybe you used the wrong name client side.

You can send any string through Lightstreamer, but, as long as you plot your chart with our ChartTable, any value on the axis must be a number. You can easily convert your date client-side as we do on the ChartDemo. Don't know about adobe chart libraries.

nvm I got it to work and on the other side I get this something like this:

Quote:

time Value
0.010 -0.020
0.020 -0.025
0.030 -0.010
0.040 -0.010
0.050 -0.015
0.060 -0.010
0.070 -0.020
0.080 -0.025
0.090 -0.040
0.100 -0.035
0.110 -0.055
0.120 -0.040
0.130 -0.055
0.140 -0.055
0.150 -0.045
0.160 0.005
0.170 0.030
0.180 0.060
0.190 0.055
0.200 0.120
0.210 0.085
0.220 0.055
0.230 -0.010
0.240 -0.005
0.250 -0.090
0.260 -0.095

(the values overwrite! but this is just example in which way they go.

Anyway - time is advancing 0.01 and value is erratic. I need to plot it in HTML. But I don't even get peep from that part of code. Here's client. (First part works perfectly but problem is with graph.

Quote:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
<script language="JavaScript" src="LS/lscommons.js"></script>
<script language="JavaScript" src="LS/lspushpage.js"></script>
</head>

<body>
<h1>Simplest</h1>
<table width="440" cellspacing="0" cellpadding="2" border="0">
<tr class="titolClass">
<td width="150">
<p style="text-align: left">Value</td>
<td width="80">Time<br><span style="font-size: 7pt"></span></td>

</tr>
<tr>
<td nowrap class="greyClass"><div class="nameClass1" source="lightstreamer" table="table1" item="Next" field="Next">Loading</div></td>
<td class="greyClass"><div class="greyClass" source="lightstreamer" table="table1" item="Next" field="timestamp">Loading</div></td>
</tr>

<script>

/////////////////PushPage Configuration

var schemaTable = ["timestamp", "Next"];
var schemaChart = ["Next", "timestamp"];
var group = ["Next"];

var lsPage = new PushPage();
var debugAlerts = false;
var remoteAlerts = false;
var pushHost = null;
var pushPort = null;
var useDomain = null;

lsPage.context.setDomain(useDomain);
lsPage.context.setDebugAlertsOnClientError(debugAl erts);
lsPage.context.setRemoteAlertsOnClientError(remote Alerts);

lsPage.onEngineCreation = function(lsEngine) {
lsEngine.context.setDebugAlertsOnClientError(debug Alerts);
lsEngine.context.setRemoteAlertsOnClientError(remo teAlerts);

lsEngine.connection.setLSHost(pushHost);
lsEngine.connection.setLSPort(pushPort);
lsEngine.connection.setAdapterName("SIMPLEST");

lsEngine.changeStatus("STREAMING");
}

lsPage.bind();
lsPage.createEngine("SimplestEng","LS","SHARE_SESS ION");

///////////////////////Table configuration

var table1 = new OverwriteTable(group, schemaTable, "MERGE");
table1.setClearOnDisconnected(true);
table1.setClearOnRemove(true);
lsPage.addTable(table1, "table1");

var lines = {};
var gTable = new ChartTable(group, schemaChart, "MERGE");
gTable.setSnapshotRequired(false);
gTable.setAreaClass("lsgbox");
gTable.setAreaWidth(1200);
gTable.setAreaHeight(300);
gTable.setAreaLeft(40);
gTable.onItemUpdate = onChartUpdate;
gTable.setClearOnRemove(true);
gTable.setClearOnDisconnected(false);
gTable.setClearOnAdd(false);

function onChartUpdate(item, upOb) {
var sec = upOb.getNewValue(table1);
var prc = upOb.getNewValue(table1);

}
</script>
</body>

</html>

you removed too much from the ChartDemo.

You need a piece of html, where the chart will be appended:
<div table="graph" source="lightstreamer"/>

and you miss some javascript that adds the table to the PushPage, and configures the axis and the chart line (you should remove your onChartUpdate function)
//you should tell to the ChartTable which field you want to plot on the x axis<br /> //I'm assuming that timestamp is formatted as a number server-side<br /> gTable.setXAxis("timestamp", false);<br /> //and you should give a min and max to it<br /> gTable.positionXAxis(0, 1);<br /> <br /> //you forgot to subscribe<br /> pushPage.addTable(gTable,"graph");<br /> <br /> var chartLine = null;<br /> function onChartUpdate(item, upOb) {<br /> if (!chartLine) {<br /> chartLine = new ChartLine();<br /> chartLine.setPointClass("lspxbig");<br /> chartLine.setLineClass("lspx");<br /> //you should tell to the ChartLine which field you want to plot on the y axis<br /> chartLine.setYAxis(item,"Next",false);<br /> //and you should give a min and max to it<br /> chartLine.positionYAxis(-0.2,0.2);<br /> <br /> gTable.addLine(chartLine,"anyId");<br /> }<br /> }

finally you need some CSS classes (that maybe you already have) like those:
.lspx {<br /> width:1px; <br /> height:1px; <br /> background-color: black;<br /> }<br /> .lspxbig {<br /> width:1px; <br /> height:1px; <br /> background-color: black;<br /> }<br /> .lsgbox {<br /> background: yellow;<br /> }

I think that's all

I've done what you said but still have nothing. Firebug found error on

pushpage.addtable(gTable,"graph");

so I changed it to the already defined lsPage. Now I don't get error but neither do I get anything beyond those two columns.

I can't see what I forgot...

I set up a dummy adapter that serves the same item (Next) with the same fields (Next and timestamp) as yours.

Then I use its data with this front-end html page and it works correctly (the PushPage/engine configuration is done in the external misc.js file; as you did note my PushPage object is called pushPage while yours is lsPage).

Note also that the positionXAxis and positionYAxis calls are made with static values; this is usually not appropriate and you have to find a way to configure them correctly accordingly with the data you're receiving (that's why in our ChartDemo we wait for the fist update before configuring them).

Please be sure also to check the jsDocs for the ChartTable and ChartLine classes

Try to take a look at it:

<html><br /> <br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta><br /> <script language="JavaScript" src="../commons/lightstreamer/lscommons.js"></script><br /> <script language="JavaScript" src="../commons/lightstreamer/lspushpage.js"></script><br /> <br /> <style><br /> .lspx {<br /> width:1px; <br /> height:1px; <br /> background-color: black;<br /> }<br /> .lspxbig {<br /> width:1px; <br /> height:1px; <br /> background-color: black;<br /> }<br /> .lsgbox {<br /> background: yellow;<br /> }<br /> </style><br /> </head><br /> <br /> <body><br /> <br /> <div source="lightstreamer" table="table1" item="Next" field="Next">Loading</div><br /> <div source="lightstreamer" table="table1" item="Next" field="timestamp">Loading</div><br /> <br /> <div table="graph" source="lightstreamer"></div><br /> <br /> <br /> <script src="../commons/custom/misc.js" type="text/javascript"></script><br /> <script><br /> <br /> var schemaChart = ["Next", "timestamp"];<br /> var group = ["Next"];<br /> <br /> <br /> var table1 = new OverwriteTable(group, schemaChart, "MERGE");<br /> table1.setClearOnDisconnected(true);<br /> table1.setClearOnRemove(true);<br /> pushPage.addTable(table1, "table1"); <br /> <br /> var gTable = new ChartTable(group, schemaChart, "MERGE");<br /> gTable.setSnapshotRequired(false);<br /> gTable.setAreaClass("lsgbox");<br /> gTable.setAreaWidth(1200);<br /> gTable.setAreaHeight(300);<br /> gTable.setAreaLeft(40);<br /> gTable.setClearOnRemove(true);<br /> gTable.setClearOnDisconnected(false);<br /> gTable.setClearOnAdd(false);<br /> gTable.setXAxis("timestamp", false);<br /> gTable.positionXAxis(0, 1);<br /> <br /> var chartLine = new ChartLine();<br /> chartLine.setPointClass("lspxbig");<br /> chartLine.setLineClass("lspx");<br /> chartLine.setYAxis("Next","Next",false);//the first "Next" is the item, the second one the field<br /> chartLine.positionYAxis(-0.2,0.2);<br /> <br /> gTable.addLine(chartLine,"anyId");<br /> <br /> pushPage.addTable(gTable,"graph");<br /> <br /> </script><br /> </body><br /> <br /> </html> <br />

HTH

it finally works. I get the required graph. And it closely resembles sent values. I thank you for your help.

I'll go play with Flex to see if I can create a little more dynamic graph and everything but essentially I'm done. Mission acomplished. :D :D

ps. Can I get source code from that Flash stocklist demo just so I could see what it looks like? it may be of help in making flash application.

Cyro,

You can find the source code of the Flash demo inside your Lightstreamer distribution in the "DOCS-SDKs/sdk_client_flash_flex(js_bridge)/examples/FlashStockList" folder.