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
Show all
Help Center/
Data Lake Visualization/
User Guide (ME-Abu Dhabi Region)/
Component Guide/
Design/
Custom Background
Copied.
Custom Background
This section describes parameters of a custom background component.
Pattern
- Size/Position
- Size: width and height of the component. Unit: pixel.
- Position: position where the component is located in the canvas. Unit: pixel.
Figure 1 Custom background - Global Style
- Background Color: to set the background color of the component by clicking the color editor.
- Background Image: to set the background image of the component by clicking to upload an image from the local computer.
- Display Mode: to set the display mode of the background image. The value can be Default, Proportion, Crop, or Stretch.
- Feather: to set the edge blurring degree of the component by entering a value or clicking
. When the value is set to 0, the edge will not be blurred. A larger value leads to a blurrier edge.
- Blurring: to set the blurring degree of the component by entering a value or clicking
. When the value is set to 0, the background will not be blurred. A larger value leads to a blurrier background.
- Luminance: to set the color brightness of the background component by entering a value or clicking
. When the value is set to 0, the background is dark. A larger value leads to a brighter background component.
- Hue Rotation: to set the hue value of the background component by entering a value or dragging
. The value range of the hue indicates the angle range of the color wheel. When the value is set to 0, the color does not change.
- Opacity: to set the opacity of the background component by entering a value or dragging
. When the value is set to 0, the background is completely transparent. When the value is set to 100, the background is opaque.
- Borderline
- Pattern: borderline style of the background component. The value can be Solid line, Dotted line, or Dash-dot line.
- Width: borderline width of the background component. When the value is set to 0, the borderline is hidden. The greater the value is, the thicker the borderline is.
- Color: borderline color of the background component.
- Round Corner
- Upper-Left Corner: to set the angle of the upper-left corner of the background component. A larger value leads to a larger round-corner angle. The value ranges from 0% to 50%.
- Upper-Right Corner: to set the angle of the upper-right corner of the background component. A larger value leads to a larger round-corner angle. The value ranges from 0% to 50%.
- Lower-Right Corner: to set the angle of the lower-right corner of the background component. A larger value leads to a larger round-corner angle. The value ranges from 0% to 50%.
- Lower-Left Corner: to set the angle of the lower-left corner of the background component. A larger value leads to a larger round-corner angle. The value ranges from 0% to 50%.
Data
- bg: address of the background image.
- If you set bg, the image configured by bg is preferentially displayed on the screen.
- If you do not set bg, the Background Image under Global Style on the Pattern tab page is displayed on the screen.
- If you do not set Background Image, only a blue background frame is displayed on the screen.
- Data Source Type: to select the data source of the chart. Multiple data sources are provided for you to select. You need to add data sources first. For details, see Data Connection Overview.
- Converter: Select a converter to convert data into the data that meets the display requirements. For details, see Using a Converter.
- Automatic Update: If you select Automatic Update and set Update Interval, the data is automatically updated based on the interval.
- Preview Result: Click Preview Result to view the information about the selected data source. You can click Update Query to manually update the component data when the data source changes.
Interaction
For details about whether the component supports the interaction function and how to use the interaction function, see Configuring Component Interaction.
Parent topic: Design
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