tencent cloud

Business Intelligence

Product Introduction
Product Overview
Strengths
Product Features
Use Cases
Purchase Guide
Billing Instructions
Purchase Guide
Upgrade Instructions
Renewal Instructions
Quick Start
Data Access
Creating a VPC Data Source
Creating Cloud Data Sources
Creating Proprietary Data Sources
Data Table Creation and Data Processing
Introduction to Data Analysis Basics
Data Table Creation
Data Processing
Data Analysis
Analysis Settings
Interactive Analysis
Ad-Hoc Analysis
Data Visualization
Public Style Setting Instructions
Filter Components
Chart components
Rich Text Component
Other Components
Mobile Terminal Layout Editor
Theme Settings Introduction
Page Layout Introduction
Dashboard Directory Management
Collaboration and Application
Push Channel Management
Report Push
Sharing
Embedding
Self-Service Data Retrieval
Metric Alarms
Data Security
Parameter Construction
Platform Management
Account and Permission Management
Statistics and Analysis
System Settings
Resource Migration
Practical Tutorial
Collection of Optimization Practices
Performing Trend Analysis
Performing Proportion Analysis
Performing Data Analysis with Excel Files
Creating Tables
API Documentation
History
Introduction
API Category
Making API Requests
Project Management APIs
Role APIs
Database Table APIs
Report Embedding APIs
Page Management APIs
Data Types
Error Codes
FAQs
Relevant Agreements
Service Level Agreement
Privacy Policy
Data Privacy And Security Agreement
Contact Us
DocumentationBusiness IntelligenceData VisualizationOther ComponentsTab Component

Tab Component

PDF
Focus Mode
Font Size
Last updated: 2025-09-19 15:24:42
The Tab Component is a collection of multiple charts. Switch tabs to view content under different tags.

Examples

View product sales status by department through tag switching.

Legend Effect





Usage

1. Drag the Tab Component from the component list to the canvas. 
2. Add a tag and set tag items (see component settings);
3. Click the tag in the component to switch to the currently active tag item:


4. Drag the chart component to the corresponding tag item content area.


5. Edit chart content (see operation guide for each chart component).



Component Settings

The Tab Component supports the following settings:
Set category
Setting Item
Setup Instructions
tag item
tag item name
Display name of the tag item
tag item sort
Click the up and down arrows on the left side to sort tag items.
Adding a Tag
Click to add a tag item, supporting up to 10 tag items
Delete tags.
Click the delete icon on the right to remove a tag item, with a minimum of 1 tag item reserved.
Tag style
tag alignment
Set tag alignment mode, offering three types to select: 1. Left 2. Center 3. Right
tag format
Set tag display form, offering two types to select: 1. Text type 2. Button type
decimal places retained
Set the number of decimal places for numeric values. For example, "1211.2334" with 2 decimal places retained will show as "1211.23".
Title
Display
Turn on/off display tab Title
Title
Show tab component title name

Note
1. The Tab Component supports only chart components and cannot place non-chart components, such as text.
2. Each tag page supports only one chart component.
Previous Topic: Rich Text ComponentNext Topic: Page Tab Mode

Help and Support

Was this page helpful?

Help us improve! Rate your documentation experience in 5 mins.

Feedback