Power-Graphs are Macromedia Flash Graphs that can be inserted on any web page independent
of the website operative system, or programming language. No components needed to
be installed on server.
The Graphs can be inserted in html code by calling the flash filename with its
respective parameters, for setting sizes colors and values for the graph.
It is very easy to implement, here is an asp function implementation, but it
works in the same way for all languages the end result is the html code that
calls the .swf file who finally will draw the graph.
Installing the software
To install the
software you only need to upload the folder named graphicFunctions into any
folder of your web server. Default folder name is graphicFunctions if you are
going to change this folder name for any reason then your code must match with
the change. All our samples are based on that folder name.
Inserting
a graph in HTML
The following html is generating the graph that you see bellow, using
power-graphs-chart-comparative.swf file when calling this file parameters can be
passed as any URL call.
Suppose that we have three values to compare 5, 7, 9 in a comparative bar
graph, in 600x200 pixels and the colors are blue red and green. Then we call
then the function the parameters will be.
?gLayers=1 (qty of layers in the graph area)
&gValuesCount=3 (qty of values per layer)
&gMaxVal=10 (maximum value of the graph area)
&gFirstColor=1 (first color of the color array, this is used when
passing always the same color array and want to rotate colors by changing only
one variable)
&gValuesY=5,7,9, (Values for the Y axis one per bar, separated by
commas)
&gColors=0x0000B7,0xF3170C,0x33CC33, (Color of bars in standard
code)
&gBackColor=0xEFEFEF" (Back color)
All these values in the same string, as shown in the html code, produce the
graph that we see above.
Drawing axis and values can be done from outside the flash file for easily
adaptation, asp code is provided in order to draw variables automatically, see
using ASP in this help file.
Graphs Types
Power-Graphs
package includes three Graph types: Bars and
Lines, Comparative
Colored Bars, and Pie Graph
for percentage display. Right click and see the HTML code for any call to
Power-Graphs objects.
Bars
and Lines Graph
Filename: power-graphs-chart.swf
Bars and lines graph can be used to show values in multiple layers as colored
bars and lines simultaneously in the same graph area.
The following example shows a graph with 2 layers and 10 values the bottom
layer is red and the upper is blue, graph size is 600x200 and values are for
layer 1 are [6,3,7] and values for layer 2 are [2,5,9]
Parameters to be set for calling power-graphs-chart.swf
?gLayers=2 (qty of layers in the graph area)
&gValuesCount=3 (qty of values per layer)
&gMaxVal=10 (maximum value of the graph area)
&gFirstColor=0
&gType=1,2, (Graph Types one value per layer, 1=Bar ; 2=Line)
&gValuesY=6,3,7,2,5,9, (3 values per layer 6,3,7 for layer 1 and
2,5,9 for layer two)
&gColors=0x0000B7,0xF3170C (One color per layer)
&gBackColor=0xEFEFEF
Comparative Bars Graph
Filename: power-graphs-chart-comparative.swf
Comparative Bars graph can be used to display information in a colored
bar graph
Suppose that we have three values to compare 5, 7, 9 in a comparative bar
graph, in 600x200 pixels and the colors are blue red and green.
Parameters to be set for calling power-graphs-chart-comparative.swf
?gLayers=1 (qty of layers in the graph area)
&gValuesCount=3 (qty of values per layer)
&gMaxVal=10 (maximum value of the graph area)
&gFirstColor=1 (first color of the color array, this is used when
passing always the same color array and want to rotate colors by changing only
one variable)
&gValuesY=5,7,9, (Values for the Y axis one per bar, separated by
commas)
&gColors=0x0000B7,0xF3170C,0x33CC33, (Color of bars in standard
code)
&gBackColor=0xEFEFEF" (Back color)
Pie Graph
Filename: power-graphs-chart-pie.swf
This Pie graph is used to display percentage information, in a circle
graph. Values must be passed as percentage.
Values for the graph are: 30% 22% 18% 15% 9% 6%
Parameters to be set for calling power-graphs-chart-pie.swf
?gValuesCount=6 (qty of values in the pie graph)
&gFirstColor=0 (first color of the color array, use 0 if calling from
html)
&gValues=30,22,18,15,9,6, (values in %)
&gColors=0x0000B7,0xF3170C,0x33CC33,0xFFFF00,0x00DFDF,0xFF812D,
(colors one per value)
Implementing
from ASP
Power-Graphs software package includes an asp script with three functions
inside, the script name is graphicFunctions.asp
-Let us know if you write an script for implementation not already in the
package.
Colors are set inside this functions, it is an array with color values, if
you need to pass color values from outside then you need to modify the function,
in order to accept the new parameter.
NOTE* If you are going to call functions from the same folder level as
graphicFunctions folder then include graphicFunctions.asp, if you are calling the
functions from one level bellow graphicFunctions folder then you must use
graphicFunctionsroot.asp in your include line.
One of those files must be inserted in your script as this:
Case 1: from the same folder level (../graphicfunctions/graphicFunctions.asp)
<!--#include file="../graphicfunctions/graphicFunctions.asp"-->
Case 2: from one level bellow graphicFunctions folder (graphicfunctions/graphicFunctionsroot.asp)
<!--#include file="graphicfunctions/graphicFunctionsroot.asp"-->
A second asp script named graphicFunctions-Implementation.asp will show
how to implement the graphs from asp, by calling the functions inside graphicFunctions.asp
script. Values, colors, layer types are stored into an array and passed to a
graph function.
This functions will also add the html code to show Axis values an labes, see
the coments inside graphicFunctions.asp for more detailed information. A css file called
style-graphs.css is also provided for layout modification,
this file is used to determine how the outside of the graph will show.
gTypes array containing graph types, 1=Bar, 2=Line, one value
per layer.
gValuesY values for the Y axis, this will be an array with all
values for all layers, the qty of values to store in this array is =(gValuesCount
* gLayers)
gValuesX array of strings to display values in the X axis, one
value per Layer
gLegends array of strings containing label data to be displayed
bellow the graph
gFirstColor first color of the array color this will rotate colors
without resetting the colors array again.
gMinVal minimum value in the graph area, must be cero
gValuesY values for the Y axis, this will be an array with all
values for all layers, the qty of values to store in this array is =(gValuesCount
* gLayers)
gValuesX array of strings to display values in the X axis, one
value per Layer
gLegends array of strings containing label data to be displayed
bellow the graph
gOrientation orientation is not yet implemented
gFirstColor first color of the array color this will rotate colors
without resetting the colors array again.
DrawChartComparative Implementation Result Example
gValues values for the Pie graph in percentage %, the sum of all
values must be equal to 100
gLegendPosition position of the legend label 1=Side ; 2= bottom
gLegends array of strings containing label data to be displayed
bellow the graph
gFirstColor first color of the array color this will rotate colors
without resetting the colors array again.
DrawChartComparative Implementation Result Example
10%
10%
10%
10%
10%
10%
10%
10%
10%
10%
Technical Support
Technical Support is provided to customers and users using a public forum. Visit
www.power-graphs.com to view Support Forum information. Commercial questions
can be sent to info@power-stats.com or
in our contact form
Customizations
If you need a customization of Power-Stats contact us to request an estimate:
authors@power-stats.com
rates are reasonable hourly basis.
License Information
POWER-GRAPHS CAN ONLY BE INSTALLED AND USED IN ONE SERVER.
THIS SOFTWARE IS PROVIDED "AS IS" AND ANY EXPRESSED OR IMPLIED WARRANTIES,
INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND
FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
IN NO EVENT SHALL THE DEVELOPERS AND/OR SELLERS BE LIABLE FOR ANY DIRECT, INDIRECT,
INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
VIEW SUPPORT AND REFUND DETAILS AT POWER-GRAPHS.COM
PAD File | Web Statistic Information Provided by power-stats.com Web Stats
Power-Graphs
package includes three Graph types: 
