Visual analytics chart configuration instructions-DataV(DataV)-阿里云帮助中心

Prerequisites

You have created a project, generated a query result set, and opened the chart editing page. For more information, see Chart analysis.

Chart configuration overview

The chart configuration page is divided into three areas. The data configuration area on the left is for setting the chart's display fields and annotations. The chart preview area in the middle lets you modify the chart's title and description. The style settings area on the right is for configuring the chart's theme, font style, chart type, and field display styles.

Column charts

Grouped column chart

A grouped column chart is a type of column chart that automatically groups and displays data by category. This makes it easier to see the differences within and between categories.

Scenarios

A grouped column chart is suitable for comparing data from different subcategories across multiple categories. It is often used for scenarios such as inter-category comparisons, time series analysis, and market segmentation.

Configure a grouped column chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the grouped column chart. You can also split and tile the chart by data columns. For more information, see Data settings.

Style settings

For a grouped column chart, you can configure the x-axis, y-axis, and column colors. The following table provides details about these configurations.

Parameter	Description
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Data type: The data type for the x-axis. Options are Categorical and Time. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Column color	Configure the mapping method and color for different columns. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Stacked column chart

A stacked column chart shows the cumulative value of multiple data series across various categories. It presents the distribution of each data series within a category by stacking them, which makes it easy to compare the total for each category and the contribution of each part.

Scenarios

A stacked column chart is suitable for showing the cumulative sum and relative composition of multiple data series within a category. It is often used in scenarios such as market share analysis, budget allocation, product sales composition, and demographic statistics.

Configure a stacked column chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the stacked column chart. You can also stack and tile the chart by data columns. For more information, see Data settings.

Style settings

For a stacked column chart, you can configure the x-axis, y-axis, and column colors. The following table provides details about these configurations.

Parameter	Description
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Data type: The data type for the x-axis. Options are Categorical and Time. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Display range: Control the display range of the y-axis. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Column color	Configure the mapping method and color for different columns. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Grouped bar chart

A grouped bar chart is a data visualization tool used to compare data from different subcategories across multiple categories. It is similar to a grouped column chart but uses horizontal bars instead of vertical columns to represent data, which effectively shows comparisons of multiple data series across different categories.

Scenarios

A grouped bar chart is suitable for comparing data from different subcategories across multiple categories. It is often used to display information such as product sales volumes in different regions or performance of various departments.

Configure a grouped bar chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the grouped bar chart. You can also split and tile the chart by data columns. For more information, see Data settings.

Style settings

For a grouped bar chart, you can configure the x-axis, y-axis, and bar colors. The following table provides details about these configurations.

Parameter	Description
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Display range: Control the display range of the x-axis. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Data type: The data type for the y-axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the label spacing, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Bar color	Configure the mapping method and color for different bars. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Stacked bar chart

A stacked bar chart is a data visualization chart used to compare the cumulative values of multiple data series within a category. Similar to a stacked column chart, a stacked bar chart uses horizontal bars to represent data. This chart effectively shows the proportion and contribution of each data series to the total.

Scenarios

A stacked bar chart is suitable for showing the cumulative sum and relative composition of multiple data series within a category. It is often used for scenarios such as market share composition, budget allocation, and resource usage.

Configure a stacked bar chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the stacked bar chart. You can also stack and tile the chart by data columns. For more information, see Data settings.

Style settings

For a stacked bar chart, you can configure the x-axis, y-axis, and bar colors. The following table provides details about these configurations.

Parameter	Description
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Display range: Control the display range of the x-axis. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Data type: The data type for the y-axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Bar color	Configure the mapping method and color for different bars. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Polar stacked column chart

A polar stacked column chart is a data visualization chart that maps a traditional stacked column chart onto a polar coordinate system. It displays data in a circular layout, providing a unique visual effect suitable for showing periodic data or circular data structures.

Scenarios

A polar stacked column chart is suitable for displaying periodic or circular data, such as monthly data over a year or hourly data within a day.

Configure a polar stacked column chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the polar stacked column chart. You can also stack and tile the chart by data columns. For more information, see Data settings.

Style settings

For a polar stacked column chart, you can configure the angle axis, radius axis, and sector colors. The following table provides details about these configurations.

Parameter	Description
Angle axis	Set the style of the angle axis in the chart. Show angle axis: Show or hide the angle axis. Data type: The data type for the angle axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Angle range: Control the start and end range of the angle axis. Axis line: Show or hide the angle axis line. Configure its type, thickness, and color. Axis title: Show or hide the angle axis title. Configure the title content, display method, and text style. Axis label: Show or hide the angle axis labels. Set the text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the angle axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the angle axis gridlines. Set the line style, thickness, color, length, and spacing.
Radius axis	Set the style of the radius axis in the chart. Show radius axis: Show or hide the radius axis. Data type: The data type for the radius axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Display range: Control the display range of the radius axis. Axis line: Show or hide the radius axis line. Configure its type, thickness, and color. Axis title: Show or hide the radius axis title. Configure the title content, display method, and text style. Axis label: Show or hide the radius axis labels. Set the display format, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the radius axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the radius axis gridlines. Set the line style, thickness, and color.
Sector color	Configure the mapping method and color for sectors. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Line charts

Line chart

A line chart is a data visualization tool that shows data trends by connecting data points with line segments. It can display changes in different data series within the same category and present trends in multidimensional data.

Scenarios

A line chart is suitable for showing data change trends. It is often used to analyze time series data such as stock prices, temperature changes, and sales data.

Configure a line chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the line chart. You can also set the display sequence and tile the chart by data columns. For more information, see Data settings.

Style settings

For a line chart, you can configure the display format, x-axis, y-axis, and line colors. The following table provides details about these configurations.

Parameter	Description
Display format	The display format of the line chart. Options are Line, Curve, and Step.
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Data type: The data type for the x-axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Data type: The data type for the y-axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Display range: Control the display range of the y-axis. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the display format, margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Line color	Configure the mapping method and color for lines. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Polar line chart

A polar line chart is a visualization that displays data in a polar coordinate system. Unlike a traditional Cartesian coordinate system, a polar line chart uses angles and radii to represent data points, which makes it suitable for displaying periodic or directional data.

Scenarios

A polar line chart is suitable for displaying periodic, directional, or multidimensional data, such as temperature changes, wind direction analysis, and performance evaluation. It can intuitively present data patterns and distribution features.

Configure a polar line chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the polar line chart. You can also set the display sequence and tile the chart by data columns. For more information, see Data settings.

Style settings

For a polar line chart, you can configure the angle axis, radius axis, and radar colors. The following table provides details about these configurations.

Parameter	Description
Angle axis	Set the style of the angle axis in the chart. Show angle axis: Show or hide the angle axis. Data type: The data type for the angle axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Angle range: Control the start and end range of the angle axis. Axis line: Show or hide the angle axis line. Configure its type, thickness, and color. Axis title: Show or hide the angle axis title. Configure the title content, display method, and text style. Axis label: Show or hide the angle axis labels. Set the text length, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the angle axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the angle axis gridlines. Set the line style, thickness, color, length, and spacing.
Radius axis	Set the style of the radius axis in the chart. Show radius axis: Show or hide the radius axis. Display range: Control the display range of the radius axis. Axis line: Show or hide the radius axis line. Configure its type, thickness, and color. Axis title: Show or hide the radius axis title. Configure the title content, display method, and text style. Axis label: Show or hide the radius axis labels. Set the display format, text length, number of labels to display, prefix/suffix, alignment, angle, offset, and text style. Tick marks: Show or hide the radius axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the radius axis gridlines. Set the line style, thickness, and color.
Radar color	Configure the mapping method and color for the radar chart. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Pie and doughnut charts

Pie chart

A pie chart is a common data visualization chart used to show the proportion of each part to the whole. It divides a circle into multiple sectors, where the arc length of each sector represents the proportion of a different category. This helps users quickly understand the proportional distribution of data.

Scenarios

A pie chart is suitable for displaying the proportional distribution of data. It is often used to show the distribution of dimension values, such as market share and budget allocation.

Configure a pie chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the pie chart. You can also tile the chart by data columns. For more information, see Data settings.

Style settings

For a pie chart, you can configure the pie chart labels and colors. The following table provides details about these configurations.

Parameter

Description

Pie chart label

Show or hide pie chart labels. Set the label format, field content, prefix/suffix, leader line thickness and length, label text style, and text outline.

Pie chart color

Configure the mapping method and color for the pie chart. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates.

For more information about color mapping, see Instructions for using the color mapper.

Rose chart

A rose chart is a data visualization chart based on a polar coordinate system. It represents data by radiating multiple sectors from the center. Each sector has an equal angle, and its radius is proportional to the data value, which clearly shows the proportions of various categories.

Scenarios

A rose chart is suitable for displaying and analyzing data with periodic or directional characteristics, such as wind speed, wind direction, and traffic flow. It can intuitively compare data changes across different directions or time periods.

Configure a rose chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the rose chart. You can also set the display sequence and tile the chart by data columns. For more information, see Data settings.

Style settings

For a rose chart, you can configure the angle axis, radius axis, and sector colors. The following table provides details about these configurations.

Parameter	Description
Angle axis	Set the style of the angle axis in the chart. Show angle axis: Show or hide the angle axis. Data type: The data type for the angle axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Angle range: Control the start and end range of the angle axis. Axis line: Show or hide the angle axis line. Configure its type, thickness, and color. Axis title: Show or hide the angle axis title. Configure the title content, display method, and text style. Axis label: Show or hide the angle axis labels. Set the text length, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the angle axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the angle axis gridlines. Set the line style, thickness, color, length, and spacing.
Radius axis	Set the style of the radius axis in the chart. Show radius axis: Show or hide the radius axis. Data type: The data type for the radius axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Display range: Control the display range of the radius axis. Axis line: Show or hide the radius axis line. Configure its type, thickness, and color. Axis title: Show or hide the radius axis title. Configure the title content, display method, and text style. Axis label: Show or hide the radius axis labels. Set the display format, text length, number of labels to display, prefix/suffix, alignment, angle, offset, and text style. Tick marks: Show or hide the radius axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the radius axis gridlines. Set the line style, thickness, and color.
Sector color	Configure the mapping method and color for sectors. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Text

Ticker board

A ticker board is a dynamic data visualization widget that displays numerical changes with a flipping effect. This helps users understand and analyze data more intuitively.

Scenarios

Ticker boards are often used for devices such as clocks, timers, and counters, or in scenarios such as displaying amounts in finance or showing a specific metric for a company.

Configure a ticker board

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the ticker board. You can also tile the chart by data columns. For more information, see Data settings.

Style settings

The styles for a ticker board are divided into basic styles, ticker, and interaction. The following table provides details about these configurations.

Configuration item	Description
Basic styles	Define the weight, size, color, font, and shadow effect of the title text. Also, define the relative position and spacing between the title and the ticker board, and the automatic font size adjustment for the ticker board. You can also customize the content displayed during widget initialization and when abnormal characters appear. Automatic font size adjustment: When enabled, manually set ticker width, height, and spacing will not take effect. The platform recalculates and adapts the ticker's width, height, spacing, and other styles based on the configured font size. Initialization character: The numerical content displayed by the ticker board when the widget is initialized. Abnormal character: When the numerical content is not a `Number` type, the platform treats the value as an abnormal character. The content displayed by the ticker board will be replaced with the value of the Abnormal character parameter.
Ticker	Define the overall layout of the ticker board content (including numbers, prefixes, and suffixes), the style and layout of the numbers, and the font style and shadow effect of the prefixes and suffixes. The number configurations are as follows: Layout: Set the spacing and width of the numbers. Note If the spacing and width of the numbers are set to 0, the system adapts them automatically. Background: The color of the ticker board and the background of the separator. Note If the number color is set to a gradient, the number background will be ineffective. Number of digits: Set the number of digits to display on the ticker board (including decimal places). The platform automatically adds separators and decimal points based on your configuration. If the number of digits is 0, the system adapts automatically. If data rounding is enabled, the value is rounded to the nearest integer for display. If disabled, the original value is displayed. Note If the configured number of digits is less than the actual data length, the leading digits are omitted. Conversely, the value is padded with leading 0s. Separator: Set the thousands separator and decimal separator. Note The separator can be at most one character long. If it exceeds one character, only the first character is used. Numbers cannot be used as separators.
Interaction	Set the animation effect of the ticker board (such as animation duration and data jitter correction) and the hand cursor. Data jitter correction: When enabled, the ticker board data is protected from decreasing, meaning it only shows increases. When disabled, the ticker board shows both increases and decreases. Hand cursor: When enabled, the cursor changes to a hand when you hover over the ticker board widget.

Word cloud

A word cloud is a tool for quickly analyzing the core content of a text by visualizing the distribution of keywords. It displays keywords in different sizes, colors, or fonts to intuitively reflect the high-frequency words in the text.

Scenarios

Word clouds are often used in scenarios such as public opinion monitoring, market research, brand analysis, and academic research to help users intuitively understand text data.

Configure a word cloud

Demonstration

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the word cloud. You can also tile the chart by data columns. For more information, see Data settings.

Style settings

The styles for a word cloud are divided into shape and color mapping. The following table provides details about these configurations.

Configuration item	Description
Shape	Set the shape in which the words are evenly displayed. Options are Oval, Rectangle, and Custom. Note When you select Custom, you can set an image URL or Base64 encoding in the graphic configuration item below. The word cloud will only render words in the dark areas of the image, while light areas (such as white) will not be rendered. When using an image URL, ensure the image size is appropriate to avoid long loading times.
Color	In the word cloud settings, you can customize the color mapping for words, and add or delete color configurations. After enabling Custom mapping, you can assign specific colors to particular words. Click the icon to pin a color. Pinned colors do not change when you switch chart templates.

Others

Radar chart

A radar chart is a multivariate data visualization chart that uses an angle axis and a radius axis to display categories and numerical values, respectively. It supports custom text, graphics, and animation style configurations. Each axis represents a variable radiating from a central point, which intuitively shows the strength and distribution of values across various dimensions.

Scenarios

A radar chart is suitable for comparing and analyzing the performance of multiple objects across multiple dimensions. It is often used in scenarios such as performance evaluation, market analysis, product comparison, and team or individual skill analysis.

Configure a radar chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the radar chart. You can also set the display sequence and tile the chart by data columns. For more information, see Data settings.

Style settings

For a radar chart, you can configure the angle axis, radius axis, and radar colors. The following table provides details about these configurations.

Parameter	Description
Angle axis	Set the style of the angle axis in the chart. Show angle axis: Show or hide the angle axis. Data type: The data type for the angle axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Angle range: Control the start and end range of the angle axis. Axis line: Show or hide the angle axis line. Configure its type, thickness, and color. Axis title: Show or hide the angle axis title. Configure the title content, display method, and text style. Axis label: Show or hide the angle axis labels. Set the text length, prefix/suffix, angle, offset, and text style. Tick marks: Show or hide the angle axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the angle axis gridlines. Set the line style, thickness, color, length, and spacing.
Radius axis	Set the style of the radius axis in the chart. Show radius axis: Show or hide the radius axis. Display range: Control the display range of the radius axis. Axis line: Show or hide the radius axis line. Configure its type, thickness, and color. Axis title: Show or hide the radius axis title. Configure the title content, display method, and text style. Axis label: Show or hide the radius axis labels. Set the display format, text length, number of labels to display, prefix/suffix, alignment, angle, offset, and text style. Tick marks: Show or hide the radius axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the radius axis gridlines. Set the display format, grid background color, and gridline style.
Radar color	Configure the mapping method and color for the radar chart. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Bubble chart

A bubble chart is an extension of a scatter chart that uses the size and color of bubbles to represent data. It can intuitively show the differences in discrete data at multiple time points or across categories, which makes it suitable for multidimensional data visualization analysis.

Scenarios

A bubble chart is suitable for displaying and comparing relationships between variables. It is often used in scenarios such as market analysis, financial data visualization, and resource allocation to intuitively present differences and trends.

Configure a bubble chart

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the bubble chart. You can also configure grouping and aggregation, color, size, shape, and tiling effects using data columns. For more information, see Data settings.

Style settings

For a bubble chart, you can configure the bubble labels, x-axis, y-axis, bubble colors, bubble shapes, and bubble sizes. The following table provides details about these configurations.

Parameter	Description
Bubble label	Show or hide bubble labels. Set the label content, prefix/suffix, relative offset, text style, text outline, and handling of null data. Null data: When enabled, you can hide null data if the bubble radius in the data is 0.
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Data type: The data type for the angle axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Display range: Control the display range of the x-axis. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the display format, margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Data type: The data type for the y-axis. Options are Numeric, Categorical, and Time. Numeric: Supports numeric data types such as integers and floating-point numbers. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Display range: Control the display range of the y-axis. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the display format, margin at both ends, text length, number of labels to display, prefix/suffix, angle, offset, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Bubble color	Configure the mapping method and color for bubbles. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.
Bubble size	Configure the mapping method and size for bubbles. Set the maximum and minimum bubble sizes, or customize the mapping as needed. For more information about size mapping, see Instructions for using the size mapper.
Bubble shape	Configure the mapping method and shape for bubbles. You can use system-provided shape mappings or customize them as needed. Click the icon to pin a shape. Pinned shapes do not change when you switch chart templates. For more information about shape mapping, see Instructions for using the shape mapper.

Heatmap

A heatmap is a data visualization chart that uses color variations to represent the magnitude or density of data. It uses the x-axis and y-axis to display categories and numerical values, respectively, which allows for an intuitive comparison of multidimensional categorical data.

Scenarios

A heatmap is suitable for intuitively displaying data distribution and density changes. It is often used in scenarios such as geographical distribution analysis, user behavior tracking, and pattern recognition.

Configure a heatmap

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the heatmap. You can also configure color and tiling effects using data columns. For more information, see Data settings.

Style settings

For a heatmap, you can configure the x-axis, y-axis, and heat colors. The following table provides details about these configurations.

Parameter	Description
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Data type: The data type for the angle axis. Options are Categorical and Time. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Data type: The data type for the y-axis. Options are Categorical and Time. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Heat color	Configure the mapping method and color for the heatmap. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.

Dot plot

A dot plot is a data visualization chart that represents the quantity and distribution of data in various categories by arranging dots in a regular pattern. It intuitively shows the scale and differences in data.

Scenarios

A dot plot is suitable for intuitively showing the quantity distribution and proportional differences among various categories. It is often used in scenarios such as demographic statistics, survey results, and simple percentage representations.

Configure a dot plot

Example

Data settings

In the data settings area on the left, you can configure the basic display fields and annotations for the dot plot. You can also configure color, size, and tiling effects using data columns. For more information, see Data settings.

Style settings

For a dot plot, you can configure the x-axis, y-axis, heat colors, and size mapping. The following table provides details about these configurations.

Parameter	Description
x-axis	Set the style of the x-axis in the chart. Show x-axis: Show or hide the x-axis. Data type: The data type for the angle axis. Options are Categorical and Time. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the x-axis line. Configure its type, thickness, and color. Axis title: Show or hide the x-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the x-axis labels. Set the text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the x-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the x-axis gridlines. Set the line style, thickness, color, length, and spacing.
y-axis	Set the style of the y-axis in the chart. Show y-axis: Show or hide the y-axis. Data type: The data type for the y-axis. Options are Categorical and Time. Categorical: Supports categorical data types such as characters and strings. Time: Supports time-based data. You must configure the data format. Axis line: Show or hide the y-axis line. Configure its type, thickness, and color. Axis title: Show or hide the y-axis title. Configure the title content, display method, and text style. Axis label: Show or hide the y-axis labels. Set the text length, number of labels to display, prefix/suffix, angle, offset, alignment, and text style. Tick marks: Show or hide the y-axis tick marks. Set their length, thickness, and color. Gridlines: Show or hide the y-axis gridlines. Set the line style, thickness, color, length, and spacing.
Heat color	Configure the mapping method and color for the heatmap. You can use system-provided colors or customize them as needed. Click the icon to pin a color. Pinned colors do not change when you switch chart templates. For more information about color mapping, see Instructions for using the color mapper.
Size mapping	Set the size mapping ratio for the dots in the dot plot.