The datachart Element configures general infomation about the Data Trending charts used in Data Entry Page Types. The page configuration is divided into multiple elements that together define the page content. In addition to the datachart, the dataprovider Element fetches data from database and organizes it and the argumentbar Element defines arguments provided via URL or by user. The charts are plotted according to properties defined in the following Plot Elements:
| Property Name |
Description |
| Anti-aliasing |
Determines whether or not anti-aliasing is used when the chart is drawn. |
| Text Anti-aliasing |
Determines whether or not text anti-aliasing is used when the chart is drawn. |
| Background Paint |
Background paint for the chart.
| Property Name | Description | | Paint Type | Defines type of paint to use. | | Color | Name of color from list of values or arbitrary color defined by its hex code (must start with # or 0x). |
|
| Chart title ID |
Sets the chart title. Must be a text type title. |
| Subtitles |
Sets the subtitle list to show on the chart. Enter a title ID from title collection. |
| Legend title ID |
Sets the legend title. Must be legend type title. If this is left empty, then a default legend will be shown which can be hidden by using the show legend option. |
| Show Legend |
Determines whether or not to show the default legend based on plot. |
| titles |
Collection of chart titles. These titles can be mapped to chart title,
legend, subtitle etc. by using their ID.
| Property Name | Description | | title ID | Unique ID for title. Must not be empty. This ID is used to map title to chart Subtitle, Legend etc. | | title Type | Choose a title Type, Text or Legend. | | Visible | Determines whether or not the title should be drawn. | | Horizontal Alignment | Sets the horizontal alignment for the title. | | Vertical Alignment | Sets the vertical alignment for the title. Choose Center, Bottom or Top. | | Position | Sets the positioin for the title. Choose Bottom, Top, Left or Right. | | Padding Top | Top padding. | | Padding Left | Left padding. | | Padding Bottom | Bottom padding. | | Padding Right | Right padding. | | Show Border | Determines whether or not to show a border around the title. | | Text title | Chart title that displays a text string with automatic wrapping as required.
| Property Name | Description | | Text | title text. | | Paint | Paint for title.
| Property Name | Description | | Paint Type | Defines type of paint to use. | | Color | Name of color from list of values or arbitrary color defined by its hex code (must start with # or 0x). |
| | Font | Font for title.
| Property Name | Description | | Size | Enter the font size. | | Bold | Y for Bold font. | | Italic | Y for Italic font. |
|
| | Legend title | A chart title that displays a legend for the data in the chart.
| Property Name | Description | | Background Paint | Background paint for legend title.
| Property Name | Description | | Paint Type | Defines type of paint to use. | | Color | Colors in the default sRGB color space. Choose the name of the color from a list of values or arbitrary color defined by its hex code (must start with # or 0x). |
|
|
|
| Plot |
Plot is responsible for drawing of axes and data.
| Property Name | Description | | Element ID | Enter a Plot Element ID. | | Background Paint | Background paint for plot.
| Property Name | Description | | Paint Type | Defines type of paint to use. | | Color | Name of color from list of values or arbitrary color defined by its hex code (must start with # or 0x). |
| | Outline Paint | Paint used to draw the outline of the plot area.
| Property Name | Description | | Paint Type | Defines type of paint to use. | | Color | Name of color from list of values or arbitrary color defined by its hex code (must start with # or 0x). |
| | Outline Visible | Determines whether or not the plot's outline is drawn. | | Annotations | Define Plot Annotations.
| Property Name | Description | | Annotation ID | Annotation ID for this Annotation. This ID is used to map the Annotation to the plot or Renderer. | | Annotation Type | Type of Annotation. Choose XY or Category. | | XY Annotation | Annotations supported by XY plot and XY renderers.
| Property Id | Description | | Annotation Type | Type of XY annotation. Choose Text or title. | | XY Text Annotation | A text annotation that can be placed at a particular (x,y) location.
| Property Id | Description | | Text | Text for the annotation. | | X | X coordinate for the text anchor point (measured against the domain axis). | | Y | Y coordinate for the text anchor point (measured against the range axis). | | Text Anchor | The point on the text bounding rectangle that is aligned to the (x,y) coordinate of the annotation. |
| | XY title Annotation | An annotation that allows any title to be placed at a location on an XY plot.
| Property Id | Description | | title ID | title ID that is mapped to title collection of chart. | | X | X coordinate in data space (range from 0 to 1). | | Y | Y coordinate in data space (range from 0 to 1). | | Rectangle Anchor | The point on the title bounding rectangle that is aligned to the (x,y) coordinate of the annotation. |
|
| | Category Annotation | Annotations supported by Category Plot.
| Property Id | Description | | Category Annotation Type | Type of Category Annotation. | | Category Text Annotation | A text annotation that can be placed on a category plot.
| Property Id | Description | | Text | The text. | | Category | The Category (domain axis). | | Value | The value (Range axis) | | Category Anchor | Category anchor point. |
|
|
| | URL Generators | URL generators are responsible of attaching JavaScript (DOM) events to plot items such as data points, categories or pie sections.
| Property Id | Description | | Generator ID | URL generator ID must be a unique identifier. The ID is used for mapping renderer or plot URL generator to render URL generator. | | Events | Collection of events registered to this URL generator.
| Property Id | Description | | Event ID | Unique ID for event. | | Enable | Determines whether or not this event is active or not. | | Event Type | Event type of this generator. DOM events are freely customizable events and standard events are pre-configured to do a specific task. | | DOM Event Type | DOM events are normal JavaScript events which can be attached to chart item.
| Property Name | Description | | DOM Event Type | DOM event type defines when the event occurs. Choose Click, Mouse Over, Mouse Out or Mouse Up. | | JavaScript | JavaScript defines what actions to take when the event occurs. You can use [seriesgroupid], [seriesid], and [item] tokens in the script. |
| | Standard Event | Standard events are pre-configured events which handle a specific task.
| Property Name | Description | | Standard Event Type | Type of standard event defines which task to perform. | | Tool Tip Event | Tool tip event produces configurable tool tip for each chart item.
| Property Name | Description | | header | Configurable tooltip header. May contain variables in brackets. | | Tool tip Items | Distinct Data Set columns displayed in tooltip.
| Property Id | Description | | Column Id | Dataset column id. | | title | title. | | Translate | If yes, the value is translated. | | Display Value | Display value rule. The value can be converted for example into an icon. | | Date Format | Date format. Choose Short, Medium or Long. | | Time Format | Time format. If empty, only date part is shown. | | Number Format | Number format. | | Pseudo Column | Pseudo-column value. May contain varieables in brackets. |
|
| | Open URL | Open URL event opens the configured URL when series item is clicked. Enter the URL to open. | | Expression Tool Tip | Expression tool tip supports expression base tool tips. | | Open Menu | Open context menu.
| Property Id | Description | | Menu Width | Menu width in pixels. | | Menu Items | Collection of menu items to show when item is clicked.
| Property Name | Description | | Item ID | Unique identifier for item, must not be empty. | | Text | Text label for menu item. Must not be empty. | | Tip | Tool tip for menu item. | | Operation | Operation is the action taken when item is clicked.
| Property Name | Description | | Operation Type | Type of Operation. Choose Standard or JavaScript. | | Standard Operation | Standard operations include ready made operations.
| Property Name | Description | | Standard Operation Type | Type of standard operation. Choose Set Argument Value, Open URL, Show Notes. | | Export Data | Export data operation exports the data to a file. Define which type of file to generate. | | Open URL | Define which URL to open. | | Set Argument Value | Set argument bar argument value.
| Property Name | Description | | Argument Details | Collection of argument values to change.
| Property Name | Description | | Argument ID | Argument ID | | Value | Argument value. |
|
| | Show SDI Notes | Operation which loads the notes of given primary to the Notes panel.
| Property Name | Description | | SDC ID Column | SDC ID of the primary SDI. | | Key ID 1 Column | Key ID 1 of the primary SDI. | | Key ID 2 Column | Key ID 2 of the primary SDI. | | Key ID 3 Column | Key ID 3 of the primary SDI. | | Context | Key of the context (usually a semicolon separated list of IDs). | | Highlight Context | Determines whether or not the context should be highlighted (for example, the data item). |
|
| | JavaScript Operation | JavaScript operation defines a JavaScript expression to run. Enter a JavaScript code to execute when item is clicked. |
|
|
|
|
|
| | Drawing Supplier | A supplier of Paint, Stroke and Shape objects for use by plots and renderers.
| Property Name | Description | | Paint Supplier | Set Paints (colors) coming from Drawing Supplier.
| Property Name | Description | | Paint Supplier Type | Paint configuration styles: Standard, choose colors manually or Color Scheme, use preset color scheme. | | Color Scheme | Choose a preset color scheme. | | Paints | Paint sequence is used to get default colors for series.
| Property Name | Description | | Paint Type | Defines type of paint to use. | | Color | Colors in the default sRGB color space. Choose the name of the color from a list of values or arbitrary color defined by its hex code (must start with # or 0x). |
|
| | Shapes | Shape sequence is used to get default shapes for series.
| Property Name | Description | | Shape | Shape to be used.
| Property Name | Description | | Shape | Choose a shape for the series. | | Shape Size | Define the size of the shape. Choose Large, Standard or Small. Default is Standard. |
|
| | Strokes | Stroke sequence is used to get default stroke for series.
| Property Name | Description | | Stroke | Strokes to be used.
| Property Name | Description | | Stroke | Choose the Stroke. Choose Solid, Short Dash, Long Dash, Dotted or Mixed Dash | | Stroke Width | The Stroke Width. Choose Bold, Standard or Light. Default is Standard. |
|
|
| | No Data Message | Message displayed when the series group list is empty. |
|
| Toolbar |
Toolbar defines operations that the user can do to modify the chart or take action based on selected item.
| Property Name | Description | | Floating | Determines whether or not the toolbar should be floating on top of the chart or have its own space. | | Collapse | Determines whether or not the floating toolbar should only be shown when the mouse cursor is over the chart image. | | Horizontal Align | Horizontal alignment of buttons. Choose Left, Center or Right. | | Button Sets | Button set is a group of buttons rendered together.
| Property Name | Description | | Button Set ID | Button set identifier. This ID is used to map button sets to be visible on plot. | | Label | Label for the button set. | | Tip | Tool tip for button set. | | Buttons | Collection containing all buttons available for this plot.
| Property Name | Description | | Button ID | Unique identifier for this button. Must not be empty. This ID is used to map buttons to be visible on the plot. | | Button Type | Type of button. Choose Button, Menu, Toggle Button or Radio Button. | | Text | Text shown on button. | | Tip | Tooltip on button. | | Show Text | Determines whether or not to show button text. | | Disable | Choose Yes to disable this button. | | Primary Icon | Primary icon is shown on the left side of the button text. | | Secondary Icon | Secondary icon is shown on the right side of the button text. | | Simple Button | A simple button takes action when the button is clicked by user.
| Property Name | Description | | Operation | Operation is the action taken when the button is clicked.
| Property Name | Description | | Operation Type | Type of Operation. Choose Standard or JavaScript. | | Standard Operation | Standard operations include ready made operations.
| Property Name | Description | | Standard Operation Type | Type of Standard Operation. | | Export Data | Export data operation exports the data to a file. Choose an Export file type. | | Set Argument Value | Set argument bar argument value.
| Property Name | Description | | Argument Details | Collection of argument values to change.
| Property Name | Description | | Argument ID | Argument ID | | Value | Argument value. |
|
|
| | JavaScript Operation | JavaScript operation defines a JavaScript expression to run. |
|
| | Menu Button | Menu button opens a list of menu items when clicked.
| Property Name | Description | | Menu Width | Width in pixels for the menu. | | Menu Items | Collection of menu items to show when button is clicked.
| Property Name | Description | | Item ID | Unique identifier for item, must not be empty. | | Text | Text label for menu item. Must not be empty. | | Tip | Tool tip for menu item. | | Operation | Operation is the action taken when button is clicked.
| Property Name | Description | | Operation Type | Type of operation. | | Standard Operation | Standard operations include ready made operations.
| Property Name | Description | | Standard Operation Type | Type of standard operation. Choose Export Data, Refresh or Set Argument Value. | | Export Data | Export data operation exports the data to a file. Choose an Export file type. | | Set Argument Value | Set argument bar argument value.
| Property Name | Description | | Argument Details | Collection of argument values to change.
| Property Name | Description | | Argument ID | Argument ID | | Value | Argument value. |
|
|
| | JavaScript Operation | JavaScript operation defines a JavaScript expression to run. |
|
| | JavaScript Operation | JavaScript operation defines a JavaScript expression to run. |
| | Toggle Button | Toggle button has an on or off state based on the value of an argument.
| Property Name | Description | | Argument ID | Argument ID of the value controlled by this radio button. | | On Value | Argument value when toggle button is on. | | Off Value | Argument value when toggle button is off. |
| | Radion Button | Radion button controls the value of an argument.
| Property Name | Description | | Argument ID | Argument ID of the value controlled by this radion button. | | Argument Value | Argument value to set when this radio button is activated. |
|
|
|
|
| Data Export |
Defines how data is exported to a file.
| Property Name | Description | | Excel Exports | Excel export properties define how data is exported to an Excel file.
| Property Name | Description | | File Name Prefix | File name will start with this text and is made unique with arbitrary numbers. | | File Type | Type of Excel file to produce. Choose XLSX or XLS. | | Sheet Name | Data sheet will get this name. | | First Row | Number of first row (first row is 1). | | First Column | Number of first column (first column is 1). | | Front | Font properties.
| Property Name | Description | | Size | Enter the font size. | | Bold | Y for Bold font. | | Italic | Y for Italic font. |
| | Row headers | Collection of row headers to show on each row. | | Column headers | Collection of column headers to show on each column. | | titles | Collection of texts to show in the workbook. These texts are configured as chart titles and mapped here using their title ID.
| Property Name | Description | | title ID | title ID of a chart title to add in the workbook. | | Row Number | Number of target row for the text (first row is 1). | | Column Number | Number of target column for the text (first column is 1). | | title Column Type | Type of column for the text. Choose Text, Date or Number. |
| | Sort | Defines row and column sort properties for export.
| Property Name | Description | | Row Sort Direction | Defines direction of row sort. Choose Ascending or Descending. | | Column Sort Direction | Defines direction of column sort. Choose Ascending or Descending. | | Column Sort headers | Defines column IDs to use when sorting export columns. | | Row Sort headers | Defines column IDs to use when sorting export rows. |
|
|
|