Topics

See more

Single Value

Configure Single Value

Data Configuration

Visual Configurations

Configuration Options in Full-Screen Mode

A Single value visualization is a single numeric value displaying some key information. This view is particularly helpful when you want to emphasize key data points like maximum sales, total open issues, average resolution time, etc, at a glance. 

In the example given below, a Single Value visualization is created to analyze the time spent on Jira issues.

To create a Single Value visualization:

Right-click on the Assignee column > Select View> Change> Single Value.

1.png

Refer here to learn more about creating a visualization.

The following figure shows the resulting Single Value visualization.

1B.png

Configure Single Value

  • Select your Single Value visualization and open the Visualizations Panel.

2.png

The following configuration options are available for Single Value visualization:

mceclip0.png

  1. Data Configuration mceclip1.png: It lets you choose a column for your Single Value visualization:
    1. Measure
  1. Visual Configuration mceclip2.png: It lets you configure the appearances and interactions of the visualization.
    1. Fixed Font Size
    2. Layout Options
    3. Label Options
    4. Value Options
    5. Decimal Precision
    6. Container Settings
    7. Visual Interactions
  2. Visualization Level Filters mceclip3.png: They let you filter the data in the visualization without impacting the other visualizations on the same data set. 

Refer here to learn more about Visualization Level Filters.

Data Configuration

  • Click on the mceclip4.pngicon for data configuration options.

Measure

Measures are aggregated numerical data such as the sum of time spent, average cost, the total number of assignees etc.

Specify the column to be aggregated and shown as Single Value.

To change the ‘Measure’ column:

  1. Click on themceclip5.png to remove the existing column.
  2. From the Data Panel, drag the desired column and drop it onto the Visualizations Panel’s “Measure” section.
  3. Click on the  mceclip0.png  icon to select the aggregate function.
    Note.pngNote: You can also type the column name in the Data Panel to quickly find it.
  • Aggregate functions for textual data: Count, Unique Count
  • Aggregate functions for numerical data: Count, Unique Count, Sum, Min, Max, Avg

The selected aggregate function will calculate the value to be displayed in the Single Value visualization. 

4.png

Conditional Formatting

This allows you to show an image with your data by applying certain conditions. Multiple conditions can be combined as well. 

To apply conditional formatting:

  1. Click on the mceclip1.png icon next to the column name and select ‘Conditional Formatting’.
    4B.png
  2. Define the conditional formatting rule:
    1. Select the criteria from the drop-down.
    2. Provide a threshold value.
  3. Set the format style to choose an image to be shown when the above criterion is true. You can provide the image in the following ways:
  • Select Library and click on Search Image to select an image pre-bundled with Klera.
  • Select File and click on Upload File to choose one from your machine.
  • Select URL and Type In the URL of an image.
  1. Select the radio button to show data before/after the image.
  2. Click on ‘Add’.
  3. Click on ‘Back’ to return to the list of columns for the Pivot chart. This mceclip2.png icon indicates that conditional formatting is applied to the column.

5.png

To learn more about conditional formatting, refer to the following GIF. 

Note.pngNote: Steps for conditional formatting are same for Grid and Single Value visualizations. 

2_Conditional_Formatting_Final.gif

Visual Configurations

  • Click the mceclip3.png icon for visual configuration settings. 

Fixed Font Size

When this is turned off, the font sizes for label and value will be adjusted according to the container size of the visualization. But with fixed font size, once you set the sizes for the label and value, they will remain fixed irrespective of any change in the container size. 

To define the fixed font size:

  1. Turn on the Fixed Font Size toggle.
  2. Provide the font sizes for label and value. 

6.png

Layout Options

  • Positioning: Set the positions for label and value. Choose from the drop-down:
    • Label Top, Value Down
    • Value Top, Label Down
  • Alignment: Set the alignment of the value. Choose from the drop-down:
    • Center
    • Left
    • Right 

7.jpg

Label Options

You can hide or show the label. By default, the label is shown.

  1. Display On/Off: Toggle switch to hide or show the label.
  2. Label: Provide a custom label if you want to change the default label.
  3. Font color: To change the font color, click on the mceclip4.png icon and select a color. 

mceclip6.png

Value Options

  • Font color: Click on the mceclip4.png icon and select a color.

9.jpg

Decimal Precision

  • Choose the number of decimal places you want to display your value with. 

10.jpg

Container Settings

  1. To show or hide the header and border, click the toggle switch. 
  2. Turn on the toggle switch to show the border for the container. Change the border color, style and width as shown below: 

11.png

The following figure displays the effect of various container settings for your Single Value visualization.

12.png

Visual Interactions

  • Select the target behavior and coordinated visualization scope from the below settings.

13.jpg

To learn more, refer to section- ‘Configure Coordinated Visualization’. 

Configuration Options in Full-Screen Mode

Visualization can be seen in full-screen mode by clicking on mceclip5.png icon.

Note.pngNote: Visualizations Panel is not accessible in full-screen mode.
  1. Click on mceclip6.png icon at the top-right corner of the container.
  2. Select ‘Configure View’ from the overflow menu.
    14.png
  3. A pop-up form with all the relevant configuration options will appear.
  4. Configure your visualization and click on ‘APPLY’.
    15.png

 

Related articles

↑