[REWARD 3000 NXT+] JS Charts for DGEX

[blindshot]

Hmm weird their site says "These charts are based on pure HTML5/SVG technology". Unless this one is an exception. Does anyone have an ipad or iphone to see if the chart shows up?

[Graviton]

I didn't get it to work anyway without the swf that was NOT included in your zip. Could you please recheck and compile a package that works upon installation?

[blindshot]

The SWF was not included because it's not needed. Google automatically points to it on the gstatic servers. I'm going to rehash something better for you so we don't have to deal with flash.

[Graviton]

Please expedite, I will have go sourcing outside later in the week unless this is resolved. Thanks.

[blindshot]

Alright so I tried a different chart type, it looks alot better and is alot smoother and only uses flash for internet explorer browsers. You can see it in action here:

http://milo-media.net/nxtNewChart/index.html

And the datasource format is here:
http://milo-media.net/nxtNewChart/data.js

They have a sample data.js that I am loading. 

You download the new zip here: http://milo-media.net/newChart.zip
I also attached the zip to the forum in case you can't open it.
I need to get some sleep I've spent a lot more time on this then I had planned. I'm extremely busy this week so if anyone else can pick up from here that would be great. I think that chart is the best so far, just needs the right datasource.

Let me know if you have any questions i'll try to get to it tomorrow. Now I must pass out! 

[Graviton]

Thanks, looks excellent!

Quite a bit of work to prepare the data for the format required. Would you know a simple way to omit everything else but the first data set (jsonData)? Or maybe I just have to gather the daily data with sql batch scripts?

[blindshot]

I'll be testing the datasource tonight to see what I can do with it. Last night I tried reducing the number of records so I can work with it easier but for whatever reason it would break if I did that, I'll try to dig deeper in their code and see what's up. I'll keep you posted. I'm not sure how you're currently creating the ticker, is it just outputing lines of data in a loop? If that's the case you can setup the different data in an array for each javascript variable then implode it for the output. But I'm not sure what you're using so I can't really tell what you have available.

Essentially the main data that's being used is date (formatted specifically), price and units/volume. The thing is they kinda feed the same data multiple times in different ways. One array has all the data, one array just for price, one array for volume and one for random records so it can plot out that minigraph at the bottom where the scrollbar is. (that one we can actually omit, there just won't be a graph if we omit it, but everything else will work.

I'll try my best to get a working simplified data source and have it polled. i'll keep you posted.

[blindshot]

Alright good news, I found the perfect chart. It had awesome documentation, it's smooth and works very well with live data. I have a working demo pulling from data sources, and it updates the chart every 3 seconds. (you can adjust this in the custChart.js file with the variable intervalTime)

Here's the demo:

http://milo-media.net/nxtHighstock/index.html

It's pulling 2 data sources, both of which are simple. Both of which use a timestamp as the x-axis. One is for price and one is for unit/volume. Here are the source formats:

http://milo-media.net/nxtHighstock/volume.cgi
http://milo-media.net/nxtHighstock/price.cgi

You can download the zip demo. There's a JS folder that contains the library that we need for the charts, everything outside the JS is what you need to modify, so the HTML demo page, the 2 data source files and the custChart.js which is all ready for you. You can get the zip here:

http://milo-media.net/nxtHighstock/finalCharts.zip

I've also included a zip to this post. Let me know if you have any questions regarding this. Just to recap to give you some basic instructions to get it working:

 - Unzip the zip to a folder
 - Load index.html in your browser
 - It should work right away with the given data sources
 - Modify the location of the data sources (I made this easy, just go to the custChart.js and modify the variables priceSourceFile and volumeSourceFile; I used relative paths, you can use a full URL like http://xxxx/price.cgi but it has to be on the same domain.

Alright cool let me know if you have Q's. Going to get some catch up rest.
Cheers

PS: file is too large so there's no zip attached. You can grab from URL direct or through wget, i made the zip through my shell using zip this time so you should have no probs opening it.

[Graviton]

The problem with Highcharts is that it requires a costly license.

The previous solution was fine, just if the other datasets than the first could be omitted...Nothing is simple!

I am looking to chart the data here: http://dgex.com/API/trades.json

I can modify the format easily to correspond with anything but creating daily volumes, opening & closing prices etc. would likely take several hours. So would prefer to be looking for a simple solution for the NewChart version omitting some of its features.