Tabular report

更新时间:
复制 MD 格式

A tabular report shows the distribution and ranking of metrics across dimensions. You can add data to a tabular report and configure its styles.

Example

效果图

Configure data

  1. In the Charts section of the component library, find tabular report and drag it to the canvas.image.png

  2. Click Select a dataset to add data.image.png

You can also perform the following operations:image.png

Configure styles

Position and size

Configure the following component settings:

  • Adjust the component's alignment (①): Options include left, center, and right.

  • Adjust the component's Position (②): Set the X and Y axis values to adjust the position relative to the top-left corner.

  • Adjust the component's Rotation (③): Set the rotation angle.

  • Adjust the component's Size (④): Set the W (width) and H (height) values.

  • Lock the component (⑤): Once locked, the component's size cannot be adjusted.

  • Adjust the opacity (⑥): Set the component's opacity.

image.png

Table

In the Table section, configure the following styles:

  • Rows per page: Set the number of rows to display per page (①).

  • Background color: Set the background color of the tabular report.

  • zebra stripes: Set the color for the zebra stripes (②).

  • Outer border: Set the thickness and color of the outer border (③).

  • row divider: Set the thickness and color of the row divider (④).

  • Text and alignment: Set the text style and alignment (left, center, or right).

  • Show header: Set the background color and text style for the table header (⑤).

表格

Index column

In the Index column section, configure the text style, size, corner radius, background color, and a special style for the top 3 entries.设置序列号

Footer

In the Footer section, configure the footer position (left, center, or right), margin, and text style.显示页脚

Animation

In the Animation section, set the page-flip interval.动画效果

Conditional formatting

In the Conditional formatting section, configure conditional formatting for measures in the tabular report.

  • Select series: Select any measure added to the metrics/measures area.

  • Quick styles: Choose from predefined styles to set marker icons and font colors.image.png

  • Custom style: Customize text and icon styles, and set conditions, marker icons, value ranges, and font colors.

    • Custom text: Set the Condition value and Foreground color.image.png

    • Custom icons: Customize conditional values and combined styles.image.png

  • Sync style to: Syncs the current conditional formatting to other metrics.image.png

Series settings

In the Series settings section, configure the series display for the tabular report.

  • Select series: Select a measure from the metrics/measures area.

  • column width: Set the column width for the selected series.

  • Alignment: Set the text alignment for the selected series (left, center, or right).

  • Apply style to: Apply the current series settings to other measures.

image.png