Governed Dashboards
  • About Dashboard Designer
    • What is Dashboard Designer?
    • Why is it used?
  • Getting Started
    • Accessing the Designer Module
    • Overview of Designer Module
      • Homepage
        • Guided Tour
        • Left Menu Panel
          • New
          • Manage
          • Open Dashboard
          • Preferences
          • Save As
          • Help
          • Exit
      • Dashboard Canvas Page
        • Right side Panel
          • Connection Page
          • Chart Container
          • Manage Window
          • Script Window
          • Guided Tour
        • Canvas Properties
        • Context Menu Properties
  • Create New Workspace
    • Workspace Creation: Complete Flow
    • Creating a Workspace
    • Renaming a Workspace
    • Deleting a Workspace
  • Create New Dashboard
    • Dashboard Creation: Complete Flow
    • Adding a New Dashboard
    • Create Connection
    • Drag and Drop Charts
    • Associate the Dataset
    • Preview the Dashboard
    • Save the Dashboard
    • User Alert Notification
  • Managing Options for a Dashboard
    • Open Dashboard in Designer
    • Publish a Dashboard
    • Share a Dashboard
    • Dashboard Version Control
    • Action Menu
      • Preview Dashboard
      • Export to Local Disk
      • Rename
      • Delete
      • Moving a Dashboard
      • Information Icon
      • Dashboard as Template
  • Connecting to a Data Source
    • Accessing the Data Connectors
    • Establishing a Data Connection
      • CSV Connection
      • Excel Connection
      • Data Service Connection
      • Data Science Service
      • Data Store Connection
      • Data Sheet
        • Data Sheet Enhancements
      • WebSocket Connection
      • Merged Connection
  • Charts Gallery
    • Charts
      • Area chart
      • Bar Chart
      • Bubble Chart
      • Circumplex Chart
      • Column Chart
      • Funnel Chart
      • Histogram Chart
      • Inverted Funnel
      • KPI Tile
      • Line Chart
      • Map Chart
      • Mito Plot
      • Mixed Chart
      • Pie Chart
      • Project Timeline
      • Pyramid Chart
      • Spark Line
      • Scatter Plot
      • Spider Chart
      • Waterfall Chart
    • Grids
      • Data Grid
      • Paging Grid
      • Data Sheet
      • Scorecard
      • Pivot Grid
    • Filters
      • Checkbox
      • Combobox
      • Hierarchical Combobox
      • List
      • Radio Button
    • Advanced Charts
      • Box Plot
      • Candle Stick
      • Chevron
      • Data Search
      • Decision Tree
      • Group Bar
      • Group Column
      • Heat Map
      • Text Analyzer
      • Time Series
      • Decomposition
      • Tree Map
      • Trellis
      • Word Cloud
    • Other Charts
      • Box
      • Bullet
      • Date Picker
      • Export
      • Filter Chips
      • Filter Saver
      • Gauge
      • Graphics
      • Guided Tour
      • H-Slider
      • Image
      • Info Button
      • Label
      • Legend
      • Progress Pie
      • Semi Gauge
      • Stepper
      • SVG Image
      • Text Box
      • Trend
      • URL Button
      • V-Slider
      • Tab Component
      • Inputbox component
      • Button component
    • Custom Charts
    • Common Chart Properties
      • Background
      • Title & Sub-title
      • X & Y Axis Properties
      • Legend Properties
      • Formatter
      • Axis Setup
      • Export Options
  • Dashboard Objects
    • Manage Dashboard Components
    • Dashboard Objects Properties
  • Configurations
    • Filtering the Data
    • Drill Through
    • Dataset Properties
    • Indicators in Charts
    • Tooltip(Default & Custom)
    • Data Label
    • Geo Mapping
    • Language Mapping
    • Legend Mapping
    • Alerts in Grids
  • Script Help Section
    • Navigate to Script Help page
    • How to use Scripts?
Powered by GitBook
On this page
  • Best Situations to Use a KPI Tile
  • Default KPI Tile Image
  • Properties of the KPI Tile
  • Background and Style
  • Category
  • General
  • Primary Series
  • Secondary Series
  • Dataset Indicator Properties
  • Data Used
  • KPI Tile Variants
  • Sparkline
  • Sparkline with Trend
  • Trend
  1. Charts Gallery
  2. Charts

KPI Tile

PreviousInverted FunnelNextLine Chart

Last updated 2 years ago

The KPI tile charting component displays the sum of quantity for progressive evolution. KPI is a measurable value that demonstrates how effectively a company is achieving key business objectives. The users can get a quick view of prominent trends, indicators, and values based on the various metrics of the business. Proper use of KPI helps in reducing the number of components used in the dashboard for multiple parameters for better performance. It contains the Sparkline component and Trend in build in it.

Best Situations to Use a KPI Tile

To provide information about the current performance of a company or organization at a glance

Default KPI Tile Image

Properties of the KPI Tile

Background and Style

The user can get the reflection of the chart by enabling the shadow option. It is possible to change the color, and increase or decrease the transparency of the shadow. The user can change the background color and change its opacity. The user can also change the Margin tile width.

Category

The user can change category field properties like font color-family weight etc.

General

  • The user can change the height, width, top, and left values.

  • If initial visibility is not enabled, then the chart won’t be available for the first preview.

  • The user can change the direction between Horizontal and vertical. Also, the user can change the + trend color, negative trend color, and zero trend color.

  • This will become useful if we have chosen the indicator type as Trend from the dataset section.

  • The user can also change the Sparkline border color and fill color. It becomes useful if the user has selected the indicator type as Sparkline.

Primary Series

The user can set the font color as well as font style-weight-family, etc. for the primary category (first series field) in this section.

Secondary Series

The user can set the font color as well as font style-weight-family, etc. for the primary category (second series field) in this section.

Dataset Indicator Properties

Data Used

The following data was used to generate the given example:

Primary Series(Yearly Profit)
Secondary Series
trend
sparkline
Value Field

50000000

Sales & Marketing1

50,10,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from Dashboard Designer.

60000000

Sales & Marketing2

60,10,40

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from BI story

50000000

Sales & Marketing3

20,4,80

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from Predictive Analysis

50000000

Sales & Marketing4

50,80,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL

50000000

Sales & Marketing4

50,10,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL1

50000000

Sales & Marketing4

50,10,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL2

50000000

Sales & Marketing4

50,10,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL3

50000000

Sales & Marketing4

50,10,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL

50000000

Sales & Marketing4

50,80,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL

456734

Sales & Marketing4

50,10,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL-456

45674

Sales & Marketing4

50,80,60

350000, -450000, 300000, -200000, 500000, -2500000, 450000, -450000, 650000, -300000, 200000, -600000

Profit from ETL-567

Use the Value Field column as Category field, Primary Series and Secondary Series columns as Series, Sparkline and Trend columns as Indicator columns to plot data as shown in the given example below:

Please Note: The user also needs to set the No. of rows/ columns from the General Properties fields to plot the sample data as displayed in the above-given image. E.g., the current image displays chart with 5 set as the No. of rows/ columns.

KPI Tile Variants

Sparkline

Sparkline with Trend

Trend