Cloud application developers often rely on chart tools to visualize data and present it in a comprehensible manner. The choice of a chart tool can significantly impact the effectiveness of data representation in applications. Here are several features that a cloud application developer might find crucial in a chart tool:
Versatility:
#1 Ranking: Read how InetSoft was rated #1 for user adoption in G2's user survey-based index | Read More |
![]() |
View the gallery of examples of dashboards and visualizations. |
This is from the API documentation of Style Intelligence, InetSoft's business intelligence software for dashboards, reporting, and analytics. Other chart tools are Style Scope Enterprise Edition, the stand-alone dashboard software product and the free web-based Visualize Free.
Specifies whether the line object should be automatically closed (i.e., endpoints connected).
TypeBoolean true: close the figure false: do not closeExample (Report or Viewsheet)
importPackage(inetsoft.graph) importPackage(inetsoft.graph.data) importPackage(inetsoft.graph.scale) importPackage(inetsoft.graph.aesthetic) importPackage(inetsoft.graph.element) var arr = [["State","Quantity"], ["NJ",100], ["NY",300], ["PA",200]]; dataset = new DefaultDataSet(arr); graph = new EGraph(); elem = new LineElement("State", "Quantity") elem.setClosed(true); graph.addElement(elem);
Specifies whether an arrow should be drawn at the end of the line (last point).
ParametersBoolean true: draw arrow false: do not draw arrowExample (Report or Viewsheet)
importPackage(inetsoft.graph) importPackage(inetsoft.graph.data) importPackage(inetsoft.graph.scale) importPackage(inetsoft.graph.aesthetic) importPackage(inetsoft.graph.element) var arr = [["State","Quantity"], ["NJ",100], ["NY",300], ["PA",200]]; dataset = new DefaultDataSet(arr); graph = new EGraph(); elem = new LineElement("State", "Quantity") elem.setEndArrow(true); graph.addElement(elem);
Specifies whether each subgroup receives an independent element (separate line), or whether a single element is used for all.
ParametersBoolean true: independent lines for each group false: single line for all groups (default)Example (Report or Viewsheet)
importPackage(inetsoft.graph) importPackage(inetsoft.graph.data) importPackage(inetsoft.graph.scale) importPackage(inetsoft.graph.aesthetic) importPackage(inetsoft.graph.element) var arr = [["State","Product","Quantity"], ["NJ","P1",200], ["NJ","P2",300], ["NY","P1",300], ["NY","P2",100]]; dataset = new DefaultDataSet(arr); graph = new EGraph(); var elem = new LineElement("State", "Quantity"); elem.setColorFrame(new CategoricalColorFrame("Product")); elem.setStackGroup(true); graph.addElement(elem);
![]() |
View live interactive examples in InetSoft's dashboard and visualization gallery. |
Specifies whether negative and positive values stack independently on opposite sides of the axis, or whether stacking is cumulative (i.e., determined arithmetically).
ParametersBoolean true: independent stack order for each group false: single stack order for all groupsExample (Report or Viewsheet)
importPackage(inetsoft.graph) importPackage(inetsoft.graph.data) importPackage(inetsoft.graph.scale) importPackage(inetsoft.graph.aesthetic) importPackage(inetsoft.graph.element) var arr = [["State","Product","Quantity"], ["NJ","P1",200], ["NJ","P2",300], ["NY","P1",-300], ["NY","P2",100]]; dataset = new DefaultDataSet(arr); graph = new EGraph(); var elem = new LineElement("State", "Quantity"); var scale = new LinearScale("Quantity"); elem.setColorFrame(new CategoricalColorFrame("Product")); elem.setStackGroup(true); elem.setStackNegative(false); elem.setCollisionModifier(GraphElement.STACK_SYMMETRIC); graph.addElement(elem);
Previous: Visualization API |
Next: Graphing Tools
|