InetSof Product Information: Free Graphing Tools

This excerpt from the API documentation illustrates how developers can control charting in their own cloud application.

PointElement

The PointElement object contains the visual elements for a point (scatter) chart. To create a new PointElement object, call the PointElement constructor.

 var elem = new PointElement("State", "Quantity");

You can pass a set of field names (e.g., 'State', 'Quantity') to the constructor, or specify these later using the addDim() and addVar() methods.

 importPackage(inetsoft.graph)
 importPackage(inetsoft.graph.data)
 importPackage(inetsoft.graph.scale)
 importPackage(inetsoft.graph.aesthetic)
 importPackage(inetsoft.graph.element)
 
 var arr = [["State", "Quantity"], ["NJ", 200], ["NY", 300]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 var elem = new PointElement("State", "Quantity")
 graph.addElement(elem);

“We evaluated many reporting vendors and were most impressed at the speed with which the proof of concept could be developed. We found InetSoft to be the best option to meet our business requirements and integrate with our own technology.” - John White, Senior Director, Information Technology at Livingston International

AreaElement

The AreaElement object contains the visual elements for an area chart. To create a new AreaElement object, call the AreaElement constructor.

 var elem = new AreaElement("State", "Quantity");

You can pass a set of field names (e.g., 'State', 'Quantity') to the constructor, or specify these later using the addDim() and addVar() methods.

 importPackage(inetsoft.graph)
 importPackage(inetsoft.graph.data)
 importPackage(inetsoft.graph.scale)
 importPackage(inetsoft.graph.aesthetic)
 importPackage(inetsoft.graph.element)
  
 var arr = [["State", "Quantity"], ["NJ", 200], ["NY", 300]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 elem = new AreaElement("State", "Quantity");
 graph.addElement(elem);

View live interactive examples in InetSoft's dashboard and visualization gallery.

Chart Coordinates & Scaling

This section discusses objects related to setting chart coordinates and their scaling properties. See Appendix SC.2, Changing Chart Scaling for a tutorial introduction.

Coordinate

The Coordinate object contains the coordinates against which data can be represented.

 inetsoft.graph.coord.Coordinate

Learn about the top 10 features of embedded business intelligence.

Coordinate.reflect(vert)

Reflect the coordinates about the vertical or horizontal axis.

 vert
 true: reflect about horizontal axis
 false: reflect about vertical axis

 importPackage(inetsoft.graph)
 importPackage(inetsoft.graph.data)
 importPackage(inetsoft.graph.scale)
 importPackage(inetsoft.graph.aesthetic)
 importPackage(inetsoft.graph.element)
 importPackage(inetsoft.graph.coord)
 
 var arr = [["State", "Quantity"], ["NJ", 200], ["NY", 300]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 var elem = new IntervalElement("State", "Quantity");
 var sscale = new CategoricalScale("State");
 var qscale = new LinearScale("Quantity");
 var coord = new RectCoord(sscale,qscale);
 coord.reflect(true);
 graph.setCoordinate(coord);
 graph.addElement(elem);

Read how InetSoft saves money and resources with deployment flexibility.

Coordinate.rotate(value)

Rotate the axes by the specified angle.

 value
 an Angle in degrees

 importPackage(inetsoft.graph)
 importPackage(inetsoft.graph.data)
 importPackage(inetsoft.graph.scale)
 importPackage(inetsoft.graph.aesthetic)
 importPackage(inetsoft.graph.element)
 importPackage(inetsoft.graph.coord)
 
 var arr = [["Direction", "Score"], [(Math.PI/2),20],
            [(Math.PI/4),30], [(Math.PI),35]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 var elem = new PointElement("Direction", "Score");
 var xscale = new LinearScale("Direction");
 var yscale = new LinearScale("Score");
 yscale.setMin(0);
 yscale.setMax(40);
 xscale.setMin(0);
 xscale.setMax(1.95*Math.PI);
 xscale.setIncrement(Math.PI/8);
 var rect = new RectCoord(xscale,yscale);
 var polar = new PolarCoord(rect);
 polar.rotate(45)
 polar.setType(PolarCoord.THETA);
 graph.setCoordinate(polar);
 graph.addElement(elem);

Read why choosing InetSoft's cloud-flexible BI provides advantages over other BI options.