Data Lake Visualization
Data Lake Visualization
- Service Overview
-
User Guide
- Preparatory Work
- Introducing the DLV Console
- How-Tos
- Managing Workspaces
- Creating Data Connections
- Creating Screens
- Developing Screens
- Managing Screens
- Managing Layers
-
Data Connection Management
-
Creating Data Connections
- Data Connection Overview
- Using Static Data Sources
- Creating API Data Connections
- Creating CSV File Data Connections
- Creating Object Storage Service Data Connections
- Creating Data Warehouse Service Data Connections
- Creating Data Lake Insight Data Connections
- Creating MRS Hive Data Connections
- Creating MRS SparkSQL Data Connections
- Creating ClickHouse Data Connections
- Creating RDS for MySQL Data Connections
- Creating RDS for PostgreSQL Data Connections
- Creating RDS for SQL Server Data Connections
- Creating RDS for GaussDB Data Connections
- Creating GeminiDB Influx API Data Connections
- Creating Cloud Search Service Data Connections
- Creating DDM Data Connections
- Creating Oracle Data Connections
- Creating MySQL Data Connections
- Creating PostgreSQL Data Connections
- Creating SQL Server Data Connections
- Creating Elasticsearch Data Connections
- Editing Data Connections
- Searching for Data Connections
- Deleting Data Connections
-
Creating Data Connections
- Managing Components
- Component Guide
- Screen Combination
- Integrating DLV into Third-Party Systems
- Change History
- Developer Guide
- API Reference
-
FAQs
- What Is DLV Used For?
- Regions and AZs
- Can I Quickly Create a DLV Screen Using a Template?
- Can DLV Connect to Data Sources Through APIs?
- What Types of Data Connections Are Supported in DLV?
- How Do I Configure a CSV Data Source?
- How Do I Use the Interaction Function?
- What Can I Do If a Component Cannot Be Completely or Normally Displayed?
- How Do I Query Data Formats Supported by Different Components?
- What Can I Do When the WebGL Component Breaks Down?
-
More Documents
-
User Guide (ME-Abu Dhabi Region)
- Service Overview
- Preparatory Work
- Introducing the DLV Console
- How-Tos
- Managing Workspaces
- Creating Data Connections
- Creating Screens
- Developing Screens
- Managing Screens
- Managing Layers
-
Data Connection Management
-
Creating Data Connections
- Data Connection Overview
- Using Static Data Sources
- Creating API Data Connections
- Creating API Gateway Data Connections
- Creating CSV File Data Connections
- Creating Object Storage Service Data Connections
- Creating Data Warehouse Service Data Connections
- Creating Data Lake Insight Data Connections
- Creating MRS Hive Data Connections
- Creating MRS SparkSQL Data Connections
- Creating ClickHouse Data Connections
- Creating RDS for MySQL Data Connections
- Creating RDS for PostgreSQL Data Connections
- Creating RDS for SQL Server Data Connections
- Creating RDS for GaussDB Data Connections
- Creating GeminiDB Influx API Data Connections
- Creating Cloud Search Service Data Connections
- Creating a DAYU Data Connection
- Creating DDM Data Connections
- Creating Oracle Data Connections
- Creating MySQL Data Connections
- Creating PostgreSQL Data Connections
- Creating SQL Server Data Connections
- Creating Elasticsearch Data Connections
- Editing Data Connections
- Searching for Data Connections
- Deleting Data Connections
- Managing VPC Connections
-
Creating Data Connections
- Managing Components
- Component Guide
- Screen Combination
- Integrating DLV into Third-Party Systems
-
FAQs
- What Is DLV?
- What Is DLV Used For?
- Regions and AZs
- How Many Screens Can I Create in DLV?
- Can I Quickly Create a DLV Screen Using a Template?
- Can DLV Connect to Data Sources Through APIs?
- What Types of Data Connections Are Supported in DLV?
- How Do I Configure a CSV Data Source?
- How Do I Use the Interaction Function?
- What Can I Do If a Component Cannot Be Completely or Normally Displayed?
- How Do I Query Data Formats Supported by Different Components?
- What Can I Do When the WebGL Component Breaks Down?
- API Reference (ME-Abu Dhabi Region)
- Developer Guide (ME-Abu Dhabi Region)
-
User Guide (ME-Abu Dhabi Region)
- General Reference
On this page
Copied.
Uploading Custom Components
You can use the developer tool provided by DLV to customize components. After custom components are uploaded to the component package and approved by the technical personnel, you can use them on DLV.
Creating a Component Package
- Log in to the DLV console. In the navigation pane on the left, choose Control Center > Components.
Figure 1 Components
- On the Components page, click New Component Package.
- In the New Component Package dialog box, configure the following parameters and click OK.
- Package Name: The package name defines the component namespace in the component package and cannot be modified after being created. A package name must start with letters. It can contain only letters, digits, underscores (_), and hyphens (-), and cannot exceed 32 characters.
- Display Name: display name of a component package in the component list. You can change the name at any time. A display name can contain only letters, digits, underscores (_), and hyphens (-), and cannot exceed 32 characters.
- Cover: Click to upload a component package cover. The size of the cover cannot exceed 1 MB. Only the PNG, JPEG, JPG, and BMP formats are supported.
- Description: description of a component package. The value contains a maximum of 200 characters.
Figure 2 Creating a component package
Customizing a Component
- Log in to the DLV console. In the navigation pane on the left, choose Control Center > Components.
Figure 3 Components
- On the Components page, click Download Developer Tool in the upper right corner to download the developer tool.
- Use the developer tool to customize components based on the specifications. For details, see the Data Lake Visualization Developer Guide.
Uploading a Component
- Log in to the DLV console. In the navigation pane on the left, choose Control Center > Components.
- Locate the component package for which you want to upload a component and move the pointer over the component package. Operation buttons are displayed over the component package. Click
to upload the component.
Figure 4 Component package - In the displayed dialog box, complete the following configurations. Click OK.
- Component: Click Upload Component to upload a custom component.
- Thumbnail: Click to upload a component thumbnail. The size of the thumbnail cannot exceed 1 MB. Only the PNG, JPEG, JPG, and BMP formats are supported.
Figure 5 Uploading a component - After the component is uploaded, wait for the technical personnel for review.
DLV technical personnel will process your application as soon as possible.
- After the application is approved, go to the screen editing page. The uploaded custom component is displayed in the custom component list. You can use the custom component during screen development.
Figure 6 Customizing a component
Editing a Component Package
On the Components page of the DLV console, locate the component package to be edited. Move the pointer over the component package. Operation buttons of the component package are displayed.
Figure 7 Managing a component

: edits and modifies the information of a component package.
: uploads a component.
: views a component package. The component list of a component package is displayed on the right of the page, including the component thumbnail, package name, display name, version, status, creation time, and update time.
Figure 8 Viewing a component package
Parent topic: Managing Components
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
The system is busy. Please try again later.
For any further questions, feel free to contact us through the chatbot.
Chatbot