InetSoft's Visualization API

InetSoft offers an API for developers to control almost every aspect of a data visualization.

IntervalElement.addInterval(lower,upper)

Adds a “floating” interval element (bar) with lower and upper values specified by the inputs.

Parameters

 lower
 Name of field defining lower values (String)
 
 upper
 Name of field defining upper values (String)

Example (Report or Viewsheet)

 importPackage(inetsoft.graph)
 importPackage(inetsoft.graph.data)
 importPackage(inetsoft.graph.element)
 
 var arr = [["Student","Bottom Score", "Top Score"],
            ["Joe",70,80], ["Eric",50,90],
            ["Jane",90,100], ["Sue",40,45]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 var elem = new IntervalElement();
 elem.addDim("Student");
 elem.addInterval("Bottom Score","Top Score")
 graph.addElement(elem);

IntervalElement.setStackGroup(boolean)

Specifies whether each element group (i.e., bar series) should be stacked independently, or whether all should form a single stack order.

Parameters

 Boolean
 true: independent stack order for each group
 false: single stack order for all groups

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","Quantity"], ["NJ",200], ["NJ",300],
            ["NY",300], ["NY",100]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 var elem = new IntervalElement("State", "Quantity");
 var scale = new LinearScale("Quantity");
 var frame = new HeatColorFrame();
 frame.setField("Quantity");
 elem.setColorFrame(frame);
 elem.setStackGroup(true);
 elem.setCollisionModifier(GraphElement.STACK_SYMMETRIC);
 graph.addElement(elem);

IntervalElement.setStackNegative(boolean)

Specifies whether negative and positive values stack independently on opposite sides of the axis, or whether stacking is cumulative (i.e., determined arithmetically).

Parameters

 Boolean
 true: independent stack order for each group
 false: single stack order for all group

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", "Quantity"], ["NJ", 200], ["NJ", 300],
            ["NY", -300], ["NY", 100]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 var elem = new IntervalElement("State", "Quantity");
 var scale = new LinearScale("Quantity");
 var frame = new HeatColorFrame();
 frame.setField("Quantity");
 elem.setColorFrame(frame);
 elem.setStackGroup(true);
 elem.setStackNegative(false);
 elem.setCollisionModifier(GraphElement.STACK_SYMMETRIC);
 graph.addElement(elem);

LineElement

The LineElement object contains the visual elements for a line chart. To create a new LineElement object, call the LineElement constructor.

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

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

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", "Quantity"], ["NJ", 100], ["NY", 300]];
 dataset = new DefaultDataSet(arr);
 graph = new EGraph();
 var elem = new LineElement("State", "Quantity")
 graph.addElement(elem);

Customer Testimonial

“Resolve is the answer to controlling spiraling business operating costs resulting from managing technology infrastructure, and adding InetSoft’s polished, HTML5-based dashboard visualization technology will be a welcome addition for both the operations users of Resolve as well as for the managers who made the investment decision to acquire it. Other aspects that made InetSoft stand out from the many options we evaluated were the ease of integration with our application and the level of support their team offered early in the proof-of-concept stage.” - Christian Mack, EVP, General Manager at generationE TECHNOLOGIES.

More Articles About Visualization

Best IoT Dashboard Platform - The Internet of Things (IoT) encompasses a wide range of interconnected devices that collect and exchange data via the internet. These devices are embedded with sensors, actuators, and connectivity features that enable them to gather information from their surroundings and communicate with other devices or systems. Here are some examples of IoT devices and the types of data they generate: Smart Home Devices: Smart Thermostats: These devices monitor temperature and humidity levels within homes and adjust heating or cooling systems accordingly. They generate data on temperature settings, occupancy patterns, and energy usage...

InetSoft's Real Time Dashboard Builder - Are you looking for a good tool to build real time dashboards? InetSoft's pioneering BI application produces great-looking web-based dashboards with an easy-to-use drag-and-drop designer. Get cloud-flexibility for your deployment. Minimize costs with a small-footprint solution. Maximize self-service for all types of users. No dedicated BI developer required. View a demo and try interactive examples...

Kinesiologist Data Reports - Kinesiologists, who specialize in the study of human movement and biomechanics, analyze various types of data reports to assess and improve physical performance, prevent injuries, and optimize rehabilitation programs. Here are some key aspects that kinesiologists typically examine in data reports: Biomechanical Data: Kinesiologists analyze biomechanical data captured through motion capture systems, force plates, wearable sensors, or video analysis software. This data provides insights into joint angles, muscle activity, forces, and movement patterns during physical activities such as walking, running, jumping, or lifting. By examining biomechanical data, kinesiologists can identify movement abnormalities, asymmetries, or inefficiencies that may contribute to injury risk or performance limitations...

Learn How to Make Better Visualizations - So, let's step back and say from the principles of data-ink what can we as software developers take from those and learn from them in how to make better visualizations. The number one thing is show the data, show the data, show the data. That should always be the #1 priority in your graph, and to do that you want to maximize the data-ink ratio. It's the data-ink/total ink. Maximize that ratio within reason and do so by erasing any non-data ink that's redundant data, that's metadata. And once you get there look at it, see where it is, and then go back and revise again. Just like refactoring your code, refactor your graphs. Moving on to the next point — chart junk. Chart junk is anything that doesn't really contribute to the graph at all. That's tough to discern. It's crap that's on the graph that people put in there kind of just as decoration sometimes to give it some sort of dynamic motion to it...

Legal Case Win-Loss Scorecard Example - In the legal industry, a win-loss scorecard is used to evaluate the outcomes of legal cases and assess the performance of legal teams and strategies. Tracking key performance indicators (KPIs) and metrics in a legal case win-loss scorecard helps law firms and legal departments understand the factors contributing to success or failure in litigation and identify opportunities for improvement. Some of the essential KPIs and metrics tracked in a legal case win-loss scorecard include: Case Outcome: The most fundamental metric is the outcome of the case, whether it was won, lost, settled, or dismissed. Understanding the overall success rate provides a baseline for evaluating performance and identifying trends over time...

Motion Picture BI Reporting - The motion picture production industry is highly competitive and driven by data. For production companies, making informed decisions based on real-time data analytics is crucial for success. One such company, Stellar Productions, faced challenges in managing and analyzing the vast amounts of data generated throughout the filmmaking process. To address these challenges, Stellar Productions implemented Business Intelligence (BI) reporting software. This case study explores how the adoption of BI reporting software transformed Stellar Productions' decision-making processes, improved operational efficiency, and enhanced their competitive edge. Stellar Productions is a leading motion picture production company known for its high-quality films and innovative storytelling. As the company grew, so did the complexity and volume of their data. They needed a robust reporting solution to help them analyze data from various sources, including pre-production planning, on-set activities, post-production processes, and marketing campaigns...

Where Real-Time Monitoring Is Appealing? - The high-volume, data intensive industries like financial services, telecommunications, some e-commerce retail companies care about real-time information. In hospitals you're seeing real-time monitoring of newborn babies health to know when a baby is going into distress, and be able to respond very quickly to it. In terms of specific departments, line manufacturing and call centers are two areas where real-time analysis is beneficial. They start off with an objective of making smarter decisions on resource deployment, or investment, for instance. Then once implemented, they measure how decisions being made are contributing the bottom line. I have seen a CFO study that looked at classifying the organizations that implemented such a BI solution vs. ones that did not. Then they looked at the balance sheets and income statements...

Previous: Visual Reporting API

Next: Chart Tools