rjcorwin / node-highcharts

A sample of generating client side charts on the server using node

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

To use, start your URL like /?chart= and then give it a chart object. See http://www.highcharts.com/ for info on what options are available.

# SIMPLE EXAMPLE

/?chart={"chart": { "defaultSeriesType": "line",  "width": 640, "height": 480 }, "series": [ { "data": [[4,1], [8,3], [6,1], [7,0]] }]}

MAKE SURE YOU PUT PROPERTIES IN DOUBLE QUOTES!! jQuery.parseJSON() is used to parse that object from the URL and it craps out if you don't put properties in double quotes.  More on that http://api.jquery.com/jQuery.parseJSON/

The code modifies your object in a couple of ways to make sure it works like modifying it to make sure it renders SVG, etc..

# REMOTE DATA EXAMPLE

/?host=mydomain.com&path=myHighChartsObject.json

If you have a LARGE amount of data to graph, URL character limits in browswers will get in your way if you depend on the "chart" parameter.  Instead, you can save the HighCharts object to a file on a server and tell the Node Highcharts where to find that object by using the "host" and "path" paramters.


# REQUIREMENTS

You'll need jsdom to get this to run so execute 'npm jsdom' in the root directory of this project.


# CREDITS
Original concept and code by David Padbury, check out his original blog post on it http://blog.davidpadbury.com/2010/10/03/using-nodejs-to-render-js-charts-on-server/

Also, John Resig, god of JQuery.

About

A sample of generating client side charts on the server using node


Languages

Language:JavaScript 100.0%