How To Include a Chart on a Web Page

Do you want to include a chart on a Web page? InetSoft offers free and commercial software for Web-based charting and graphing. Style Scope , is the enterprise and OEM-ready chart software product. Free options are available from the orange Start Free button.

Chart API - There are several different Coordinate objects, each of which creates a different kind of chart. The following sections discuss the different types of chart coordinate systems. The default coordinate set is rectangular coordinates, as defined by the RectCoord object. Rectangular coordinates represent two-dimensional data on horizontal (X) and vertical (Y) axes. A RectCoord object is created automatically when you create a new chart object. Therefore, if you plan to use rectangular coordinates on the chart, you do not need to explicitly specify a RectCoord object. You only need to explicitly create a RectCoord object when you define other types of coordinate systems. (See the following sections for more details.) The following example illustrates automatic creation of rectangular coordinates. The script defines a PointElement style (scatter plot), and specifies a LinearScale for the 'Direction' field and 'Score' field. Note that the script does not explicitly create a RectCoord object. A rectangular coordinate system is created automatically, and this allows you to assign the specified scales directly to the Graph. The script below is the same as the script in Assigning Rectangular Coordinates Automatically, but uses two scales to explicitly define a set of rectangular coordinates. These coordinates are then explicitly assigned to the chart...

Howto include a chart on a web page

Chart API to Create Charts for Your Web Application - Looking for a Chart API to create charts Web application? InetSoft offers both free and commercial software for making charts. Style Chart is a free charting API for Web developers to embed graphs in their site based on dynamically changing data. GradientColorFrame.setFromColor(value), GradientColorFrame.fromColor Specifies the starting color (for lowest value) of the gradient. Bind a bar-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. GradientColorFrame.setToColor(value), GradientColorFrame.toColor Specifies the ending color (for highest value) of the gradient. Bind a bar-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 HeatColorFrame object contains a continuous color frame that returns varying shades of brown. To create a HeatColorFrame object, call the HeatColorFrame constructor...

Chart Code - Looking for chart code? InetSoft makes Java-based BI software that includes an API for creating charts. AxisSpec.setAbbreviate(boolean) Specifies that the common prefix of TimeScale labels should be omitted to conserve space. This property is only observed when a Date format is specified. AxisSpec.setAxisStyle(value) Specifies the axis style. AxisSpec.setGridAsShape(boolean) Specifies whether axis grid lines are represented as shapes or positions. If represents as shapes, the grid lines can be transformed into curves under a coordinate transformation (for example, transformation of rectangular to polar coordinates). Otherwise, the grid lines remain straight, and only the endpoints are transformed. AxisSpec.setGridOnTop(boolean) Specifies whether axis grid lines are layered over or under the chart elements...

dashboard demo
View a 2-minute demonstration of InetSoft's easy, agile, and robust BI software.

Chart Generator -InetSoft offers both a free and a commmercual server-based chart generator. The SunShapeFrame object contains the shape styles for multidimensional “sun” (radial line) elements. To create a SunShapeFrame object, call the SunShapeFrame 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 BarShapeFrame object contains the shape styles for multi-dimensional “mini-bar chart” elements. To create a BarShapeFrame object, call the BarShapeFrame 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 mapped to the bars heights from left to right. The ProfileShapeFrame object contains the shape styles for multi-dimensional “mini-line chart” elements. To create a ProfileShapeFrame object, call the ProfileShapeFrame 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 mapped to the line segments from left to right. TextFrame.setText(value,text) Specifies the mapping between a value and the text that should be displayed...

Chart Generator Tool - Looking for a chart generator tool. Since 1996, InetSoft has been providing developers free and commercial reporting and charting tools. The StaticLineFrame object contains a line frame defined by explicit line data in the VisualFrame.setField(field) column, or by the fixed line in StaticLineFrame.setLine(value) / StaticLineFrame.line. To create a StaticLineFrame object, call the StaticLineFrame constructor. You can pass a GLine object or a field name (e.g., 'Line') to the constructor, or specify this later using the StaticLineFrame.setLine(value) / StaticLineFrame.line or inherited VisualFrame.setField(field) property. Bind a line-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. 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. StaticLineFrame.setLine(value) / StaticLineFrame.line Specifies the static line style for graphical elements. If the data in the column assigned to the inherited VisualFrame.setField(field) property are GLine objects, these data values are used instead of StaticLineFrame.line. Bind a line-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...

Read the top 10 reasons for selecting InetSoft as your BI partner.

Previous: InetSoft Charting Product Information