[REWARD 3000 NXT+] JS Charts for DGEX

[blindshot]

Nice. A properly formatted version now at

http://dgex.com/ticker4.cgi

Oooh you're going to hate me!
I decided to use Google Charts as it's more flexible and it's pretty sweet you can check it out here:

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

I just need to get it to pull form a datasource. But basically this is how the ticker.cgi should be formatted. (i think it would be easier for you anyway and you'll be transferring a lot less data this way)

Code: [Select]

[
[new Date(2013, 12 ,3, 9, 58, 56), 0.00000970, 1500.00000000],
[new Date(2013, 12 ,2, 8, 54, 56), 0.00001148, 34.00000000],
[new Date(2013, 12 ,1, 6, 52, 56), 0.00001000, 100000.00000000],
[new Date(2013, 11 ,30, 5, 58, 56), 0.00001150, 8.00000000],
[new Date(2013, 11 ,29, 4, 58, 56), 0.00000900, 1.00000000],
[new Date(2013, 11 ,28, 2, 58, 56),0.00000900,527.00000000],
[new Date(2013, 11 ,26, 4, 58, 56),0.00000900,35111.00000000],
[new Date(2013, 11 ,25, 14, 58, 56),0.00000750,23900.00000000],
[new Date(2013, 11 ,24, 3, 58, 56),0.00000750,76000.00000000],
[new Date(2013, 11 ,23, 22, 58, 56),0.00000750,100.00000000],
[new Date(2013, 11 ,22, 12, 58, 56),0.00000995,8500.00000000],
[new Date(2013, 11 ,21, 1, 58, 56),0.00001185,10000.00000000],
[new Date(2013, 11 ,20, 3, 58, 56),0.00001175,10000.00000000],
[new Date(2013, 11 ,19, 6, 58, 56),0.00001165,10000.00000000],
[new Date(2013, 11 ,18, 9, 58, 56),0.00001160,10000.00000000],
]

With just that data set we can also make multiple charts.
Let me know what you think, workign on the data feed now, if you can get some data in that format we can soon see some magic happen!

[blindshot]

K it's working now with a local source with the format I gave you, so just let me know if you need a zipped upload of the files.
You'll need to have them on your server so you don't run into cross origin issues.

[Graviton]

Please let me see a demo of static data or your local data source.

[starik69]

Code: [Select]

{ "time": "2013-12-04 09:36:24",
"unitprice": 0.00001395,
"units": 854.47500000
},How do you get decimals in nxt volume?

[blindshot]

Please let me see a demo of static data or your local data source.

Hey, sorry had to get to bed early was completely knocked out.
The source is like the excerpt in my last post, you can see the actual file it's pulling from here http://milo-media.net/nxtGChart/ticker.cgi .

[starik69]

I made a chart in googledocs. it is auto updating every 15 minutes.

https://docs.google.com/spreadsheet/ccc?key=0AmpuZa3xuvmzdFVVZjRrRi1zYXdwSENsaFRkd3lCTmc&usp=sharing

[Graviton]

Hey, sorry had to get to bed early was completely knocked out.
The source is like the excerpt in my last post, you can see the actual file it's pulling from here http://milo-media.net/nxtGChart/ticker.cgi .

Ok but I'd like to see a demo of the chart in action please? So I can basically copy-paste it to DGEX. Overwhelmed currently and charts are feverishly needed.

[blindshot]

Hey sorry for the late reply been busy and also had to fix a nuisance on the chart, it would flicker on updates, which is a known annotated timeline issue. Flicker is gone now and it's nice and smooth.

So just to put everything in one spot.

   - The demo of the chart in action is here: http://milo-media.net/nxtGChart/index.html
   - The source file for the demo is here: http://milo-media.net/nxtGChart/ticker.cgi
   - The sourcecode can be downloaded here: http://milo-media.net/nxtGChart/NXTGCharts.zip

So as you can see from the ticker.cgi, the format is smaller and lighter. Just note that the params for new Date are (year, month, day, hour, minute, second) and also that the months are represented from 0 - 11 not 1 - 12.

Let me know if you have any questions about the code.
Thanks

UPDATE:  I seperated the custom code to its own .js file so that it's neater and so that browsers/cdn or whatever can cache it so the .zip now has a new .js file in tehre.

[Graviton]

Excellent, looking good! I was already getting anxious. Aiming to install today and have you compensated rightaway

[blindshot]

Excellent, looking good! I was already getting anxious. Aiming to install today and have you compensated rightaway

Nice, let me know when it's up, will be nice to see it with a live large data source and thanks for the NXT.

There are some aesthetic options you can play with like line thickness, and colors of each line (right now blue and red). Not sure where it will end up so wasn't sure what colors to put.

Alright baack to work lol, talk soon

[Graviton]

Hey blindshot, no time to look at the charts installation until now. Is your NXT address in your sig valid for sending the reward?

[Graviton]

Can't get the chart to display. When I save the example chart on your page, I get a bunch of files other than those included in the package. SWF file? How come?

Damn, this just triggered a major paranoia... spending hours now to make sure my workstation is clean after downloading that strangeness. Please relieve me!

[blindshot]

Hey Gravitron, im at a party with my family so ill be a bit brief but can you let me know where you see thr swf? In the Zip file? Also the address in the sig is my nxt address. Let me know and ill double check my zip when i get home. If ur inspecting the code amd seeing swf it could be Gcharts using using the swf. Let me know ehat ur seeing ill check back later. thx

[blindshot]

Ok so I double checked the zip and there are only 3 files. index.html, ticker.cgi and tchart.js. Where exactly are you seeing an SWF? If you inspect the Network on the chart page with Google chrome dev tools or Firebug you'll see that Google's chart script loads a chart.swf, this is quite normal, but it's just loading it from gstatic.com, it shouldn't be downloaded to your server. So if that's what you're seeing I wouldn't worry at all. Let me know if this is what you're seeing.

Thanks

[Graviton]

The zip wouldn't work for me so I saved the complete web page from your example site that works.

Loaded the same page with files on local machine and it works.

Noticed there is a swf plus other stuff in the loaded files. Deleted the swf, and no chart

Does google use flash to display the charts - we don't want flash, we want pure js / html5...