![]() |
JavaScript Graphs for Web Pages - Version 2
|
|
||
All graphs on this page are being dynamically created. They are not pictures!
jsGraphIT Version 2 provides much greater accuracy in the scaling of the graphs, irrespective of size and provides many more customisation options on a graph by graph basis. These include being able to set colours for all items and therefore not require access to any images. Most of the graphs below are created completely without any requirement for images. Fully backwards compatible with the current FreeWX graphs, version 2 has also been optimised for performance. The first graph below is a standard dual graph using a calendar based X axis. Notice the last 3 days deliberately have their min and max values confused to illustrate the tolerance of the new MinMax graphs below. Also notice this has optional horizontal grid lines to assist with visual alignment. |
This next graph is exactly the same as above but instead of bars, showing lines... with mouseovers.
|
The graph below is the same data as above but in the new MinMax style graph.
It is also showing the effects of setting an image in the new bgColor setting as well as setting the bars to and image and 3D.
|
This next graph is a MinMax Graph with a zero based X axis (and smaller). Showing the new background color setting, graph border and grid. Make sure to try the mouseOvers as you should on them all.
|
The graph below is the same graph but this time using a generic 1 to 30 X axis and with the legend removed.
|
The graph below is the same as above but with a zero based X axis.
|
This is a wind direction graph using the latest code.
|
The Graph below illustrates 3 data segments.
|
The Graphs below are the current standard FreeWX full graphs illustrating complete compatibility. These are the active graphs from our weather site. |