telephone:Charting Product Information
This is a table of contents of useful product information about, and benefits of, InetSoft's charting and graphing capabilities that are part of Style Intelligence, the company's business intelligence software for dashboards, reporting, and analytics, or Style Scope, the stand-alone dashboard software product:
3D Chart Tools - Looking for 3D chart tools? InetSoft provides both free and commercial 3D chart tools. View a demo and try them out for free. Style Chart is a free charting API for Web developers to embed graphs in their site. Some of the documentation follows below. Rect25Coord The Rect25Coord object is the same as the RectCoord object, but creates a 3D effect for elements. To create a Rect25Coord object, call the object constructor: var rect = new Rect25Coord(xscale,yscale); You can pass a set of Scale objects (e.g., 'xscale', 'yscale', etc.) to the constructor, or specify these later using the inherited RectCoord.setXScale(scale) and RectCoord.setYScale(scale) properties. ParallelCoord The ParallelCoord object contains parallel coordinates against which data can be represented. To create a ParallelCoord object, pass a set of Scale objects to the ParallelCoord constructor: var rect = new ParallelCoord(scale1,scale2,...); You can pass a set of Scale objects (e.g., 'scale1', 'scale2', etc.) to the constructor, or specify this later using the ParallelCoord.setScales(scales) property...
Adding Interactive Charts to Your Web Application - Learn about adding interactive charts to your Web application using InetSoft. Since 1996, InetSoft has been providing developers reporting and visualization tools. Some of the documentation for the charting API follows below. CategoricalTextureFrame.setTexture(val,texture) Assigns a texture to the specified value. Bind a point-type chart to the sample 'All Sales' query, with 'Company' (top 5) on the X-axis, and Sum(Total) on the Y-axis. Add the following script in the onLoad Handler. A ShapeFrame object contains the shape style for visual chart objects. You can use a ShapeFrame object to represent data dimensions with shape (shape coding), or to apply a fixed (static) shape style. Bind a point-type chart to the sample 'All Sales' query, with 'Company' (top 5) on the X-axis, and Sum(Total) on the Y-axis. Add the following script in the onLoad Handler. The OvalShapeFrame object contains the shape styles for oval elements of varying aspect ratio. To create a OvalShapeFrame object, call the OvalShapeFrame constructor. You can pass the name of a field (e.g., 'Total') to the constructor, or specify this later using the inherited VisualFrame.setField(field) property...
Adding Tooltips to a Table or Chart - To specify tooltips for individual table cells or chart data, use the following syntax: replet.addStatus("ElementID", item, "Tooltip"); The 'item' parameter specifies the particular table cell or chart data that should display the tooltip. The 'item' parameter specifies the particular table cell or chart data that should display the tooltip. The 'item' parameter is an EventPoint object, [column, row]. For example, consider the following element-level script for a chart with ID 'Chart1'. Note the index order in the 'item' parameter. The loop iterates through every value in the first chart dataset (index '1'), given by “getData(1,i),” and assigns each value to the tooltip of the corresponding chart graphical element. Use “getData(0,i)” to obtain the X-labels. To perform a similar assignment of tooltips to individual cells in a table (ID 'Table1'), you can use the following script. Again, note the index order. To specify a data format for the tooltip text, format the 'message' parameter input using the 'formatNumber()' function. In the example below, the tooltips on 'Chart1' are given a particular numeric format..
Advanced Web Charts - Use InetSoft's software for making advanced Web charts. Since 1996, InetSoft has been providing developers free and commercial reporting and charting tools. MultiShapeFrame.setScales(arr) specifies the scales to be used for each shape field. MultiShapeFrame.setScales(arr) Specifies the scales to be used for each shape field. Bind a point-type chart to the sample 'All Sales' query, with 'Company' (top 5) on the X-axis, and Sum(Total) on the Y-axis. Add the following script in the onLoad Handler. The VineShapeFrame object contains the shape styles for three-dimensional “vine” elements. To create a VineShapeFrame object, call the VineShapeFrame constructor. You can pass a set of field names (e.g., 'm1', 'm2', 'm3') to the constructor, or specify this later using the inherited MultiShapeFrame.setFields(arr) property. The dimensions are specified in the following order: [angle, magnitude, radius]. • Angle: The angle of the stem line • Magnitude: The length of the stem line • Radius: The radius of the circle VineShapeFrame.setEndAngle(value) The angle to which the maximum angle in the data is mapped. (Note that the max property of any applied scale also affects the displayed angle...
Axis Grid - See how to specify the style of axis grid lines using the API provided with InetSoft's BI tools. View a demo and download a free eval copy. AxisSpec.setGridStyle(value) Specifies the style of the axis grid lines. AxisSpec.setLabelVisible(boolean) Specifies whether the axis labels are visible or hidden. AxisSpec.setLineColor(value) Specifies the color of the axis lines. AxisSpec.setLineVisible(boolean) Specifies whether the axis lines are visible or hidden...
Chart Annotation and Decoration - Learn how to add chart annotation and decoration using InetSoft charting software. The GraphForm object contains information for form (i.e., shape) elements manually drawn on the chart. GraphForm.setFill(boolean) Specifies whether the form should be filled or unfilled. GraphForm.setInPlot(boolean) For forms that use relative positioning (values or tuples), specifies whether the chart should be resized so that forms remain fully visible in the chart area. GraphForm.setLine(value) Specifies the line style used to draw the form. GraphForm.setMeasure(col) Specifies the measure for which the form should be displayed. If the chart contains a measure of this name, the form object is displayed. Otherwise it is not displayed. This is useful for FacetCoord charts, when the form should be displayed only for the chart that represents a particular measure. You can pass a field name (e.g., 'Quantity') to the constructor, or specify this later using the inherited VisualFrame.setField(field) property. To stylize or reposition text created using a DefaultTextFrame, use the GraphElement.setTextSpec(spec) and GraphElement.setLabelPlacement(value) options...
Next: How To Include a Chart on a Web Page
