Configuring Settings for Studio Reports Charts
Applies to: Kyvos Reporting
This page explains how to configure chart and report settings using the Data, Format, and Settings tabs. You’ll learn how to assign X/Y fields, format axes and labels, choose chart types/providers, adjust effects, and configure legends for clear, accurate visuals.
Data Tab
Use the Data tab to assign fields to the X-axis and Y-axis.
Available Fields lists all fields retrieved from the data source.
To assign value fields (Y-axis)
Select a field from Available Fields.
Click the forward arrow next to Value Fields.
(Optional) Select an aggregation function for the field.
Repeat to add multiple fields.
To remove a field, select it under Value Fields and click the backward arrow.
To assign group fields (X-axis)
Select a field from Available Fields.
Click the forward arrow next to Group Fields.
Note
You can place multiple fields in Group Fields. To merge the grouping, select the Merge Values checkbox.
To remove a field, select it under Group Fields and click the backward arrow.
Format Tab
Use the Format tab to apply formatting to group fields.
Property | Description |
|---|---|
X-Axis Field | Select the field to format. |
Date Group By | Choose a date grouping (e.g., year, month). |
Num Group By | Enter a grouping interval for numeric fields (e.g., 5 to group as 1–5, 6–10). |
Format (Date) | Define the date format. |
Format (Num) | Define the numeric format. |
Display Field | (Optional) Choose a different field to display on the axis. |
Label Interval | Show axis labels at every nth value. |
First (N) | Show top N records (e.g., Top 20 sales). |
Settings Tab
Configure chart type, margins, style, and data limits under the Settings tab. This tab includes three sub-tabs: General, Effects, and Legends.
General Sub-Tab
Property | Description |
|---|---|
Chart Provider | Select CanvasChart JavaScript or AmChart JavaScript. |
Chart Type | Choose from the available chart types. |
Title | Enter the chart title text, select font, and color. |
Chart Margins | Define top, bottom, left, and right padding. |
Top (N) | Plot only the top N values based on a selected field and sort order. |
Auto Format | Automatically apply formatting like multicolor, label angles, margins, and point label angles. |
Theme | Apply a predefined color theme to the chart. |
Chart Color | Specify custom chart colors for stacked charts at the report level. |
Note
Chord diagrams are available only for AmChart JavaScript. They are not suitable for large datasets.
Effects Sub-Tab
Property | Description |
|---|---|
3D Chart | Enable a 3D view of the chart. |
3D Depth | Define the depth of the third dimension. |
3D Wall Gradient | Apply a gradient effect to the 3D wall. |
Embedded in HTML | Choose between JPEG or Flash for HTML rendering. |
Animation Time | Define animation duration (Flash only). |
Stacked Bar | Set stacking style for bar charts: Side by side, Accumulated, or Percentage. |
Grid Style | Choose from Horizontal, Vertical, Both, or Secondary Y-axis. |
Color Settings | Define Chart Area, Plot Area, and Alternate Plot Area colors. |
Legends Sub-Tab
Property | Description |
|---|---|
Visible | Show or hide the chart legend. |
Font | Set legend text font properties. |
Align | Choose placement: Left, Right, Top, or Bottom. |
Width / Height | Set legend box dimensions. |
Legend Colors | Choose background and foreground colors for the legend. |
Tip
You may need to adjust the Chart Margins to fit the legend dimensions properly.