You need to enable JavaScript to run this app.
Intelligent Data Insight

Intelligent Data Insight

Copy page
Download PDF
Chart Introduction
OKR Table
Copy page
Download PDF
OKR Table

The OKR table supports configuring targets for metrics, viewing the monthly, quarterly, and annual target completion rates of business metrics in the chart, the time progress within the current cycle, as well as the year-on-year and month-over-month comparisons for each metric, enabling users to track the completion status of business objectives in real time. This article introduces how to use the OKR table.

Feature Overview

Image

  • Field configuration area: Includes settings for date, dimension, and metric fields to meet different data presentation needs

  • Filter configuration area: Includes filter settings to help users quickly locate key data

  • Chart preview area: Visually presents data visualization effects, allowing users to view chart content in real time

  • Chart configuration area: Allows users to customize various chart details

    Chart configuration

    Feature introduction

    Basic format

    Set dimension display mode and default expansion level

    Deadline

    Determine the data calculation deadline and configure the date filter box

    Table columns

    Select preset or custom columns, and edit column content and display mode

    Calculation method

    Configure metric calculation rules

    Period-on-period comparison

    Adjust the calculation type for period-on-period comparison columns

    Conditional formatting

    Configure conditional formatting for period-on-period comparison columns

    Data format

    Configure data format for period-on-period comparison columns

    Time progress

    Display data progress for different periods

    Sparkline

    Add and customize metric trend Sparkline

    Dimension sorting

    Adjust the display order of dimension fields

    Text alignment

    Set the text arrangement in the table

    Table style

    Customize the appearance of the table and table header

    Special values

    Set the display format for special data

    Display mode

    Adjust chart column width and spacing

Quick Start
  1. Go to the visualization query page and select OKR table in the chart.

Image

  1. Select the target configuration option in the chart configuration area below the OKR table to configure targets for metrics. For detailed steps, refer to the documentation: Measure Targets.

    warning

    • The user's operation account must have dataset editing permissions to configure metric targets.
    • If the metric to be queried already has a target configured, this step can be skipped.

Image

  1. Add date, dimension, and metric fields as required by the chart.
    • One date field with "day" granularity, zero to five dimensions, and one or more metrics

Image

  1. Adjust the data and cutoff date to be displayed in the chart.

Image

  1. After creating the chart, you can further adjust the calculation method for year-on-year and month-over-month comparisons, modify the granularity of time progress, and add sparklines in the chart configuration area.

Image

Configure Fields

Set field information

The date, dimension, and metric fields in the field configuration area all support setting field information.

  1. Select a field and click "Set field information".

Image

  1. You can set the chart display name and the content and style of the field description. After configuration, click "OK" to confirm.

Image

Parameters

Configuration instructions

Chart display name

The display name of the field in the chart can be set.

Display field description

You can choose whether to display the field description. If selected, you can add a description for the field.

warning

Displaying field descriptions is supported for date and metric fields, but not for dimension fields.

Display style

The display style of the field description content. You can choose underline or icon.

  • Underline
  • Icon

Configure Chart

Basic format

Supports setting the dimension expansion style and expansion level for the chart.
Image

Parameters

Configuration instructions

Basic format

You can choose "flat display" or "tree display".

  • Flat display

Image

  • Tree display

Image

Default expansion level

You can set the default expansion level of the OKR table based on the number of dimensions.

Cutoff date

Configuring a data cutoff date for charts is supported. After a cutoff date is set, the data in the OKR table will use the selected cutoff date to calculate time progress and progress toward target completion.
Image

  • You can choose whether to display the date filter box in the chart.
  • It is possible to configure the most recent data day, T-1, or a custom (fixed date).
  • You can select whether to display the filter box on the far right or the far left.

Table columns

Image

Select columns

You can select which columns to display in the OKR table. Users can choose from system-provided column options or define custom columns.
Image

  • The columns currently supported by the OKR table include the following:

    Date granularity

    Column type

    Last 1 day

    Metric value, period-on-period, week-on-week, year-on-year

    Last 7 days

    Metric value, period-on-period, year-on-year

    Last 1 month

    Metric value, period-on-period, year-on-year, target value, target completion rate

    Last 1 quarter

    Metric value, period-on-period, year-on-year, target value, target completion rate

    Last 1 year

    Metric value, period-on-period, target value, target completion rate

  • If the currently supported columns do not meet visualization requirements, users can define custom columns as follows:

    1. Click "Customize", then click "Add custom period-on-period column".

Image

  1. Set the calculation method; both dynamic time and fixed time are supported.

Image

Target configuration

Indicators in the OKR table must have targets configured before they can be used; otherwise, progress toward target completion cannot be viewed. For details, see Measure Targets.
Image

Edit columns

Use the "Edit columns" feature to adjust the order of indicators, modify column names, or add column descriptions. You can also set the date display position, with three flexible display options: "Show in table header", "Show in tooltip", or "Do not display".
Image

Calculation method

You can adjust the calculation method for indicators in the OKR table.
Image

Calculation method

Introduction

Daily average

Image

Cumulative

Image

Automatic

Image

  • The default calculation method is cumulative.
  • Select indicators first, then columns, to configure the calculation method for each cell.

Image

Period-on-period comparison

You can adjust the calculation type for period-on-period comparison columns.
Image

  • Calculation types include difference percentage, difference value, or original value.

    Calculation type

    Example

    Difference percentage

    (Today - Yesterday) / Yesterday * 100%

    Difference value

    Today - Yesterday

    Original value

    Yesterday

Conditional formatting

You can configure conditional formatting for period-on-period comparison columns.
Image

  • Once you select the required conditional formatting and the applicable indicators, the formatting will take effect.

Data format

You can configure the data format for period-on-period comparison columns, including auto, number, percentage, per mille, original value, percentage points (pp), or a custom function. For details, see 2.2 Set the data format.
Image

Time progress

Support selecting whether to display and which granularity of time progress to show. Currently, monthly, quarterly, and annual time progress are supported.

  • The calculation method for time progress is: number of days elapsed in the current period as of the deadline / total number of days in the current period

Image

Sparkline

The OKR table supports adding Sparklines, which display the trend of the metric over the most recent N days before the deadline in the table.
Image
The parameter configuration instructions are as follows:

Parameters

Configuration instructions

Field name

Custom Sparkline field names are supported.

Y-axis

No configuration required; defaults to the current metric.

X-axis

This is a date field. You can set the date type and date completion.

  • Date types: year, year-quarter, year-bimonth, year-month, year-biweek, year-week, year-month-day. Among these, year, year-biweek, and year-week support custom intervals.
  • Date completion: display or do not display.

warning

The week calculation logic for year-biweekly in date types will take precedence over the currently configured week calculation logic in the filter.

Date range

You can set the Sparkline date range, for example: go back 7 days from the "end date".

Data color

Sparkline line color can be defined.

Line style

You can choose whether to display marker points, and whether the line is straight or smooth.

Display tooltip

You can choose whether to display the tooltip. It is displayed by default.

  • If the option to display tooltip information is selected, when the user moves the mouse over a Sparkline marker, the corresponding date and value for the marker will be displayed.

Image

Dimension sorting

Support sorting dimension fields, including ascending, descending, and manual sorting.
Image

Text alignment

Support adjusting the text alignment in the table, including auto, left, center, and right.
Image

Table style

Support adjusting the overall table style, as well as the header text, fill color, fill display mode, and more.
Image

Special values

When there are special values in the table, such as null values, support adjusting how these values are displayed. The default for dimensions is: NULL; the default for metrics is: blank.
Image

Display mode

Support adjusting the column width, column spacing, and row spacing of the chart.
Image

Last updated: 2026.07.06 15:50:59