Live Chat Icon For mobile
Live Chat Icon

Bold Reports

HTML5 JavaScript Report Designer

Report items

The HTML5 JavaScript Report Designer supports creating beautiful reports to visualize report data. It helps end-users to explore information of business outcomes and to take intelligent and real-time decisions.

Charts

The chart conveys a lot of information in a little space and represents data graphically for better understanding. Better visualization and analysis of data is possible with the help of multiple axes. Supports all the major chart types (column, line, shape, area, bar, range, scatter, and polar) available in RDL standard. Also supports Sparkline and Data Bars that show the progress information in a table like KPI reports. It has the following unique features:

  • Customizable chart axis.
  • Legend customization.
  • Number display formats.
  • Data labels.
HTML5 JavaScript Report Designer Charts
HTML5 JavaScript Report Designer Table data region

Table

Displays paginated report data from a data set in cells that are organized into rows and columns. It includes the following unique features:

  • Row and column customization.
  • Cell customization support.
  • Cell merging support.
  • Support to insert report items such as text boxes, images, lines, charts, indicators, and subreports in tablix cells.
  • Support to filter and sort expressions in groups.
  • Visual cues to indicate the row and column groups.

Matrix

Tabular representation of data with row and column grouping that contains the following unique features:

  • Row and column grouping.
  • Total support for row and column groups.
  • Row and column customization.
  • Cell customization support.
  • Cell merging support.
  • Support to insert report items such as text boxes, images, lines, charts, indicators, and subreports in tablix cells.
  • Support to filter and sort expressions in groups.
  • Visual cues to indicate the row and column groups.
HTML5 JavaScript Report Designer Matrix data region
HTML5 JavaScript Report Designer Subreport

Subreport​

Used to display a child report or another report inside the body of a main report. Users can use any report as subreport from the same folder as the parent report or in a different folder. Supports adding parameters to pass value from parent report to child for displaying side-by-side and master detail reports.​​

Basic items​

The JavaScript Report Designer provides a wide range of basic report elements such as text boxes, images, lines, rectangles, to achieve the following:​

  • Display any text content in plain or rich text format.
  • Add an embedded image to reports.
  • Add a line for simpler content separation to improve readability.
  • Append bordered containers to hold your content.
  • Add better appearance, highlight key information, or provide related information.

HTML5 JavaScript Report Designer Basic items
Connect to any report
data source

Custom report item​​

Provides flexibility to add any new report control that is not natively available or extend functionalities of the existing report item. Minimal configurations let you use any report control such as Barcode, TreeMap and more in HTML5 JavaScript Report Designer. Creating a design-time component enables the drag-and-drop and property editing functionalities.​​