Caliban - Generating Graphs Webimpetus - Introduction - How renders - Another example graph type 3D_Column - Creating graphs randomly - Balinder Walia Systems Developer Daybook Limited Technical Notes January Document revision Webimpetus inbuilt graphing charting scripting language generates graphs set commands data kinds graphs created inbuilt graph generator graph defined controlled sophiticated set defined attributes main tag - Define graph height format - Define graph width format - quotDefine data displayed across axis graph format equals - quotValue series format equals - quotValue second series format equals - Define boolean value FALSE FALSE case user define scale themselves define automatically minimum maximum values series - Minimum value scale Starts scale - Maximum value shown - Maximum difference - Minimum difference - Yes set Legend automatically define legend yourselfIf set follwing commands further allow display legend set it39s - Yes - Horizontal - Yes specifies whether series legend reversed - Yes specifies whether series label key unique pattern color series reversed default show key left - Location legend value these set UseOffsets offset values location set expressed points left side graph left side legend expressed points top graph top legend commands attributes inside tag shown tell Webimpetus commands text graph gif image graphs WebImpetus creating code save document notice gif file created attached written code Graph created dynamically fly code written commands easy create graph write code commands attribute values format shown below various attributes control graph color series data defined here gt Let39s write code generate graph size graph display data categorised months say start month upto Basically display series data monthly intervals year Add values each series each month attribute create graph add code box caliban editor area save document Lets add graph width height attributes Lets add categories display graph data set graph legend options yesno yesno yesno Creating maintaining graphs easy Webimpetus non technical person graphic design skills create graphs charts example code renders below set graph legend option yesno yesno yesno gt

Generating Real Time Graphs with Webimpetus

Introduction

By Balinder S Walia, Systems Developer (Daybook Limited) Technical Notes for January 2006

Document revision : 1.2

Webimpetus has in-built graphing and charting scripting language which generates real time graphs from the given set of commands and data. Various kinds of graphs can be created with in-built graph generator and literally any part of the graph can be defined and controlled by this sophiticated set of commands:

Commands available which should be defined as attributes of the main tag are as follows:

Graph_Height - Define graph image height in format "Integer"

Graph_Width - Define graph image width in format "Integer"

Graph_Categories - "Define the data displayed across x axis of the graph in the format equals to category1;category2;category3;....categoryN"

Graph_Values1 - "Value of first series in the format equals to value1;value2;value3;....valueN"

Graph_Values2 - "Value of the second series in the format equals to value1;value2;value3;....valueN"

Graph_Series - "Series1Name;Series2Name"

Graph_Series.setScaleAuto - Define a boolean value TRUE or FALSE (FALSE in case user will define scale units themselves or TRUE to define automatically depending on minimum and maximum values in the series data

Graph_Series.minValue - Minimum value of the scale (Starts the scale from this value)

Graph_Series.maxValue - Maximum value to be shown on the scale

Graph_Series.maxIncrement - Maximum difference between the units of scale

Graph_Series.minIncrement - Minimum difference between the units of scale

Graph_Legend.setAuto - Yes to set Legend automatically, No to define legend yourself

If Graph_Legend.setAuto is set to No follwing commands can further allow you to display a legend, set it position and it's order of display

Graph_Legend.display - Yes or No

Graph_Legend.orientation - Horizontal or Vertical

Graph_Legend.reverseOrder - Yes or No, It specifies whether the order of the series in the legend is reversed or not

Graph_Legend.reverseKey - Yes or No, It specifies whether the series label and the key that explains the unique pattern and color of the series are reversed. The default is to show the key to the left of the label.

Graph_Legend.location - Location of the legend, Possible value can be one these: UseOffsets;TopLeft;BottomLeft;TopRight;BottomRight;Left;Right;Top;Bottom

If above is set to UseOffsets then following offset values can be passed:

Graph_Legend.location.horizOffset

Graph_Legend.location.vertOffse

Graph_Legend.location.horizOffset and Graph_Legend.location.vertOffset are used when location is set to 0. Graph_Legend.location.horizOffset is expressed in points from the left side of the graph to the left side of the legend. Graph_Legend.location.vertOffset is expressed in points from the top of the graph to the top of the legend.

Any of the commands available above can be passed as an attributes inside the following tag  as shown below in order to tell Webimpetus to process these commands from a free text object as a graph gif image. Various types of graphs are available in the WebImpetus. After creating the code save the document and you will notice a gif image file is created and attached to the object in which you have written the code. Graph is created dynamically on the fly every type code is written.
These commands are very easy to use as in order to create a graph all we have to write code with the above commands and their attribute values, in the format as shown below:



Let's write some code to generate a simple graph of type "Area" of size 470 x 280. This graph will display data categorised into months, say we start from month 11/04 and go upto 10/05. Basically it will display series data in monthly intervals for a year. Add values for each series for each month using attribute 'Graph_Values1' and 'Graph_Values2'.

So in order to create a graph add the following code in the object box in the caliban editor area and save the document:



Conclusion:

Creating and maintaining different types of graphs is easy with Webimpetus. A non technical person with no graphic design skills can create graphs and charts.

See the example code and how it renders below:

How it renders

Another example of graph type: 3D_Column

Creating different types of graphs randomly