#Scatter

Scatter Chart, suitable for showing data distribution, using point positions to represent data values.

Applicable scenarios:

- Analyzing data distribution characteristics, such as central tendency, distribution range, outliers, etc.

Scatter Chart

Scatter Chart, suitable for showing data distribution, using point positions to represent data values.

Dataset

TidyData-compliant and already aggregated dataset used to define the chart's data source and structure. User-input datasets do not need manual processing; VSeed features powerful data reshaping capabilities and will automatically reshape the data. Scatter Chart data is ultimately converted to 2 dimensions and 1 measure.

Dimensions

The first dimension of the Scatter Chart is mapped to the X-axis; remaining dimensions are merged with measure names (when multiple measures exist) and displayed as legend items.

Field ID corresponding to the dimension

Dimension alias

Dimension date format configuration

Time granularity, determines the date display precision

Channel to which the dimension is mapped

- color: supports mapping multiple dimensions to the color channel

- detail: supports mapping multiple dimensions to the detail channel

- tooltip: supports mapping multiple dimensions to the tooltip channel

- label: supports mapping multiple dimensions to the label channel

- row: supports mapping multiple dimensions to the row channel

- column: supports mapping multiple dimensions to the column channel

Scatter Chart Measures

Measure ID, must be unique

Measure alias, duplicates allowed; when not set, alias defaults to id

Automatic number formatting, enabled by default, highest priority

When autoFormat=true, it overrides all numFormat configurations

When enabled, chart data labels and tooltips will automatically select the appropriate formatting based on measure values and locale

Formatting rules: decimal numbers with compact notation enabled, minimum 0 decimal places, maximum 2 decimal places, automatic rounding, using the browser's Intl.NumberFormat implementation

For example:

- locale=zh-CN: 749740.264 → 74.45~74.45万

- locale=en-US: 749740.264 → 744.5K

Custom number formatting for measures; automatically applied to labels and tooltips

Note: To use custom formatting, you must explicitly set autoFormat=false; otherwise autoFormat will override this config

Number format type, supports: number (decimal), percent (%), permille (‰), scientific notation

Number format ratio, cannot be 0

Number format symbol, e.g. %, ‰

Thousands separator for number formatting

Number format suffix

Number format prefix

Decimal places for number formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits

Significant digits for number formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits

Rounding priority for number formatting when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority

Rounding mode for number formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode

Number format type, supports: number (decimal), percent (%), permille (‰), scientific notation

Number format ratio, cannot be 0

Number format symbol, e.g. %, ‰

Thousands separator for number formatting

Number format suffix

Number format prefix

Decimal places for number formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits

Significant digits for number formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits

Rounding priority for number formatting when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority

Rounding mode for number formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode

Channel to which the measure is mapped

- xAxis: measure mapped to the x-axis

- yAxis: measure mapped to the y-axis

- size: measure mapped to the size channel

- color: measure mapped to the color channel

- label: measure mapped to the label channel

- tooltip: measure mapped to the tooltip channel

In flat measure configuration form, builds a tree-shaped measure group. parentId points to the id of the parent measure group, used for building the measure tree

Pagination configuration, used to specify the pagination field name, which must be a dimension

Pagination field; specifies the field name for pagination, must be a dimension

Current pagination value; specifies the value used to determine the current page

Scatter Chart measure size, used to define the size or size range of data points in the Scatter Chart.

- If size is a single number, e.g., 10, it means the size of data points is fixed at 10.

- If size is an array of length 2, e.g., [10, 40], it means the size of data points ranges from 10 to 40.

- Mutually exclusive with sizeRange; has lower priority than sizeRange.

Scatter Chart measure size range, used to define the size range of data points in the Scatter Chart.

- If sizeRange is an array of length 2, e.g., [10, 40], it means the size of data points ranges from 10 to 40.

- If sizeRange is a single number, e.g., 10, it means the size of data points is fixed at 10.

- Mutually exclusive with size; has higher priority than size.

Chart background color

Background color can be a color string (e.g. 'red', 'blue'), or a hex, rgb, or rgba value (e.g. '#ff0000', 'rgba(255,0,0,0.5)')

Color

Color configuration for defining the chart's color scheme, including color lists, color mappings, and color gradients.

Discrete color scheme used to define the colors of different elements in the chart

Linear gradient color scheme used to define the colors of different elements in the chart

Color mapping used to map data values to specific colors

Positive/negative color configuration; defines the color for positive values in the chart

Positive/negative color configuration; defines the color for negative values in the chart

Label

Label configuration for defining chart data labels, including their position, format, and style.

Whether label functionality is enabled

Whether labels wrap to the next line

Whether labels display measure values

In multi-measure scenarios, there is no concern about conflicting values, because all plot-related measures go through foldMeasures processing and are merged into one measure representing a single data point

Note: encoding's label has higher priority; this config does not affect encoding's label

Whether labels display measure values as a percentage

In multi-measure scenarios, there is no concern about conflicting values, because all plot-related measures go through foldMeasures processing and are merged into one measure representing a single data point

Note: encoding's label has higher priority; this config does not affect encoding's label

Whether labels display dimension labels

Display all dimension labels

Note: encoding's label has higher priority; this config does not affect encoding's label

Whether label values are automatically formatted; when autoFormat is true, numFormat configuration is ignored

Label value format configuration; merged with the format in measure, where measure's format has higher priority. numFormat priority is lower than autoFormat

Number format type, supports: number (decimal), percent (%), permille (‰), scientific notation

Number format ratio, cannot be 0

Number format symbol, e.g. %, ‰

Thousands separator for number formatting

Number format suffix

Number format prefix

Decimal places for number formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits

Significant digits for number formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits

Rounding priority for number formatting when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority

Rounding mode for number formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode

Label font size

Label font weight

Label background color

Label stroke color

Label font color

Whether labels automatically invert font color based on the mark's color

label position

Whether label anti-overlap functionality is enabled

Label filter; default relationship between selectors is "Or"

Dimension field; the id of a specific dimension item

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Same as operator

Selection value for the dimension field; supports arrays

Dynamic filter (executed via AI-generated code)

Implement complex data filtering logic using AI-generated JavaScript code.

Key Capabilities:

- Supports arbitrarily complex data filtering conditions

- Uses internal utility functions for data operations

- Executes safely in the browser environment (Web Worker sandbox)

Environment Requirements: Supports browser environment only; Node.js environments will use fallback.

Note: selector and dynamicFilter cannot be used simultaneously; dynamicFilter has higher priority.

Chart dynamic filter configuration.

Filtering of chart marks (bars, points, etc.) implemented via AI-generated JavaScript code.

User's filtering requirement description (natural language)

AI-generated JavaScript filtering code

- Can only use internal utility functions (accessed via _ or R)

- Input parameter: data (array), each item includes a __row_index field representing the row number

- Must return an array of row index and field combinations: Array<{ __row_index: number, field: string }>

- __row_index represents the original data item's row number, field represents the field to highlight

- Prohibited: eval, Function, asynchronous operations, DOM APIs, network requests

Fallback plan when code execution fails or the environment is unsupported

Dimension field; the id of a specific dimension item

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Same as operator

Selection value for the dimension field; supports arrays

Dynamic filter execution result (runtime field)

Written during the prepare() phase; read-only at runtime

Legend

Legend configuration used to define the chart's legend, including its position, format, and style.

Whether the legend functionality is enabled

Whether the legend border is enabled

Legend font color

Pagination icon color

Pagination icon color when disabled

Legend font size

Legend font color

Legend font weight

Legend shape

Legend position

Maximum number of columns or rows for the legend when a large number of legends exist.

If position is horizontal (bottom, bottomLeft, bottomRight, bl, br, top, topLeft, topRight, tl, tr), maxSize controls the number of displayed columns.

If position is vertical (left, leftTop, leftBottom, lt, lb, right, rightTop, rightBottom, rt, rb), maxSize controls the number of displayed rows.

tooltips

Tooltips configuration used to define chart tooltips, including their position, format, and style.

Whether tooltips are enabled

Brush selection

Brush configuration used to enable/disable the brush selection capability.

Chart brush configuration.

Whether brush selection is enabled

Brush type

Defines the shape and direction of the brush selector.

- rect: Rectangular selection; can perform selection in both X and Y axis directions simultaneously.

- polygon: Polygonal selection; allows drawing arbitrary polygons by clicking multiple points.

- x: X-axis selection; performs selection only in the X-axis direction, with no Y-axis restrictions.

- y: Y-axis selection; performs selection only in the Y-axis direction, with no X-axis restrictions.

Brush mode; single selection or multiple selection

Defines the brush mode.

- single: Single selection mode; only one brush selector can exist at a time.

- multiple: Multiple selection mode; multiple brush selectors can exist simultaneously.

Whether to clear the selection box when brush ends

Style for data items within the brush selection

Defines the visual style of data points that have been selected via the brush.

Opacity

Opacity of selected data points, ranging from 0 to 1.

Stroke color

Stroke width

Style for data items outside the brush selection

Defines the visual style of data points that have not been selected via the brush.

Opacity

Opacity of unselected data points, ranging from 0 to 1.

Stroke color

Stroke width

x-axis

Numeric axis; x-axis configuration used to define the chart's x-axis, including its position, format, and style.

Whether the axis is visible

Minimum value of the axis; has higher priority than nice and zero.

Maximum value of the axis; has higher priority than nice and zero. If set to true, the maximum value is automatically calculated based on the data range.

Whether to use a logarithmic axis; effective only for numeric axes.

Base of the logarithmic axis; effective only for numeric axes.

Whether to automatically adjust axis tick intervals to make labels more readable. This setting is ignored when min and max are configured. Effective only for numeric axes.

Whether the axis is displayed in reverse; effective only for numeric axes.

Whether to force display of the zero value on the axis. This setting is ignored when min and max are configured. Effective only for numeric axes.

Whether to automatically format axis labels; effective only for numeric axes. When autoFormat is true, numFormat is ignored.

Number formatting for the axis; effective only for numeric axes. Has lower priority than autoFormat.

Number format type, supports: number (decimal), percent (%), permille (‰), scientific notation

Number format ratio, cannot be 0

Number format symbol, e.g. %, ‰

Thousands separator for number formatting

Number format suffix

Number format prefix

Decimal places for number formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits

Significant digits for number formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits

Rounding priority for number formatting when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority

Rounding mode for number formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode

x-axis tick labels

Whether labels are visible

Label color

Label font size

Label font weight

Label rotation angle

x-axis line

Whether the axis line is visible

Axis line color

Axis line width

x-axis ticks

Whether ticks are visible

Whether ticks point inwards

Tick color

Tick size

x-axis title

Whether the title is visible

Title text; defaults to following the field configuration.

Title color

Title font size

Title font weight

x-axis grid lines

Grid line color

Grid line width

Grid line type

y-axis animation configuration

Animation duration

Animation easing function

y-axis

Numeric axis; y-axis configuration used to define the chart's y-axis, including its position, format, and style.

Whether the axis is visible

Minimum value of the axis; has higher priority than nice and zero.

Maximum value of the axis; has higher priority than nice and zero. If set to true, the maximum value is automatically calculated based on the data range.

Whether to use a logarithmic axis; effective only for numeric axes.

Base of the logarithmic axis; effective only for numeric axes.

Whether to automatically adjust axis tick intervals to make labels more readable. This setting is ignored when min and max are configured. Effective only for numeric axes.

Whether the axis is displayed in reverse; effective only for numeric axes.

Whether to force display of the zero value on the axis. This setting is ignored when min and max are configured. Effective only for numeric axes.

Whether to automatically format axis labels; effective only for numeric axes. When autoFormat is true, numFormat is ignored.

Number formatting for the axis; effective only for numeric axes. Has lower priority than autoFormat.

Number format type, supports: number (decimal), percent (%), permille (‰), scientific notation

Number format ratio, cannot be 0

Number format symbol, e.g. %, ‰

Thousands separator for number formatting

Number format suffix

Number format prefix

Decimal places for number formatting, using the browser's Intl.NumberFormat minimumFractionDigits and maximumFractionDigits; lower priority than significantDigits

Significant digits for number formatting, using the browser's Intl.NumberFormat minimumSignificantDigits and maximumSignificantDigits; higher priority than fractionDigits

Rounding priority for number formatting when both significantDigits and fractionDigits are set; uses the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingPriority

Rounding mode for number formatting, using the browser's Intl.NumberFormat, following the same rules as Intl.NumberFormat's roundingMode

x-axis tick labels

Whether labels are visible

Label color

Label font size

Label font weight

Label rotation angle

x-axis line

Whether the axis line is visible

Axis line color

Axis line width

x-axis ticks

Whether ticks are visible

Whether ticks point inwards

Tick color

Tick size

x-axis title

Whether the title is visible

Title text; defaults to following the field configuration.

Title color

Title font size

Title font weight

x-axis grid lines

Grid line color

Grid line width

Grid line type

y-axis animation configuration

Animation duration

Animation easing function

Vertical crosshair line

A vertical line displayed when moving the mouse over the chart.

Crosshair configuration; a type used to define the crosshair (indicator line) in a chart.

Whether to display the crosshair line

Crosshair line color

Crosshair line label color

Whether to display the crosshair label

Crosshair label background color

Chart theme; themes are lower-priority configuration features containing general settings shared by all chart types as well as settings shared by specific chart classes.

Includes built-in 'light' and 'dark' themes; users can define custom themes via the Builder.

Theme

Built-in 'light' and 'dark' themes; new themes can be customized via registerTheme.

Point mark style

Point mark style configuration used to define the styling for data points, including color, borders, etc.

Supports global styling or conditional style configurations.

Data filter.

Provides four types of data matching capabilities if selector is configured: numerical selector, local data selector, conditional dimension selector, and conditional measure selector.

If selector is not configured, the style applies globally.

Data selector

Provides four types of data matching capabilities if selector is configured: numerical selector, local data selector, conditional dimension selector, and conditional measure selector.

If selector is not configured, the style applies globally.

Dimension field; the id of a specific dimension item

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Same as operator

Selection value for the dimension field; supports arrays

Dynamic filter (executed via AI-generated code)

Implement complex data filtering logic using AI-generated JavaScript code.

Applicable to scenarios difficult to express with static selectors, such as Top N, statistical analysis, or complex conditions.

Key Capabilities:

- Supports arbitrarily complex data filtering conditions

- Uses internal utility functions for data operations

- Executes safely in the browser environment (Web Worker sandbox)

Environment Requirements: Supports browser environment only; Node.js environments will use fallback.

Note: selector and dynamicFilter cannot be used simultaneously; dynamicFilter has higher priority.

Chart dynamic filter configuration.

Filtering of chart marks (bars, points, etc.) implemented via AI-generated JavaScript code.

User's filtering requirement description (natural language)

AI-generated JavaScript filtering code

- Can only use internal utility functions (accessed via _ or R)

- Input parameter: data (array), each item includes a __row_index field representing the row number

- Must return an array of row index and field combinations: Array<{ __row_index: number, field: string }>

- __row_index represents the original data item's row number, field represents the field to highlight

- Prohibited: eval, Function, asynchronous operations, DOM APIs, network requests

Fallback plan when code execution fails or the environment is unsupported

Dimension field; the id of a specific dimension item

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Same as operator

Selection value for the dimension field; supports arrays

Dynamic filter execution result (runtime field)

Written during the prepare() phase; read-only at runtime

Whether the point is visible

Point size

Point size

Point mark color

Point mark color

Point mark color opacity

Point mark color opacity

Point mark border color

Point mark border color

Point mark border width

Point mark border width

Point mark border style

Point mark border style

Annotation point

Annotation point configuration; defines chart annotation points based on selected data, including their position, format, style, etc.

Selector for the annotation point, used to select data points.

Dimension field; the id of a specific dimension item

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Same as operator

Selection value for the dimension field; supports arrays

Dynamic filter (executed via AI-generated code)

Implement complex data filtering logic using AI-generated JavaScript code.

Applicable to scenarios difficult to express with static selectors, such as Top N, statistical analysis, or complex conditions.

Key Capabilities:

- Supports arbitrarily complex data filtering conditions

- Uses internal utility functions for data operations

- Executes safely in the browser environment (Web Worker sandbox)

Environment Requirements: Supports browser environment only; Node.js environments will use fallback.

Note: selector and dynamicFilter cannot be used simultaneously; dynamicFilter has higher priority.

Chart dynamic filter configuration.

Filtering of chart marks (bars, points, etc.) implemented via AI-generated JavaScript code.

User's filtering requirement description (natural language)

AI-generated JavaScript filtering code

- Can only use internal utility functions (accessed via _ or R)

- Input parameter: data (array), each item includes a __row_index field representing the row number

- Must return an array of row index and field combinations: Array<{ __row_index: number, field: string }>

- __row_index represents the original data item's row number, field represents the field to highlight

- Prohibited: eval, Function, asynchronous operations, DOM APIs, network requests

Fallback plan when code execution fails or the environment is unsupported

Dimension field; the id of a specific dimension item

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Same as operator

Selection value for the dimension field; supports arrays

Dynamic filter execution result (runtime field)

Written during the prepare() phase; read-only at runtime

Annotation text

Text color

Text font size

Text font weight

Text alignment; in general, setting this to "right" displays text to the left of the annotation point, ensuring it stays within the visible area of the chart.

Recommended to set to 'right' to ensure text is on the left side of the annotation point.

right: Text is on the left of the annotation point; the right edge of the text aligns with the point.

left: Text is on the right of the annotation point; the left edge of the text aligns with the point.

center: Text is at the center of the annotation point; the center of the text aligns with the point.

Vertical text alignment; in general, setting this to "top" displays text at the bottom of the annotation point, ensuring it stays within the visible area of the chart.

Recommended to set to 'top' to ensure text is fully displayed within the visible area of the chart.

top: Text is at the bottom of the annotation point; the top edge of the text aligns with the point.

middle: Text is at the center of the annotation point; the center of the text aligns with the point.

bottom: Text is at the top of the annotation point; the bottom edge of the text aligns with the point.

Whether the background is visible

Background color

Background border color

Background border width

Background border radius

Background padding

Overall pixel offset distance for the annotation point in the Y direction. When the point is near the top (larger values), a positive offset is recommended; when near the bottom (smaller values), a negative offset is recommended.

A negative value offsets the component upwards (e.g., -10 pixels).

A positive value offsets the component downwards (e.g., 10 pixels).

Overall pixel offset distance for the annotation point in the X direction. When the point is near the left edge (start of category axis), a positive offset is recommended; when near the right edge (end of axis), a negative offset is recommended.

A negative value offsets the component to the left (e.g., -10 pixels).

A positive value offsets the component to the right (e.g., 10 pixels).

Vertical annotation line

Numerical annotation line (including mean, max, min lines, etc.), displayed vertically. Position, style, etc. can be configured. Use this for lines corresponding to values such as the mean of an X-axis measure.

Fixed x-value for the vertical annotation line. For category axes in the X direction, enter dimension values; for numeric axes in the X direction, enter specific numerical values.

Dynamic filter (executed via AI-generated code)

Calculate the value of the annotation line dynamically via AI-generated JavaScript code.

Suitable for scenarios where the line position must be determined dynamically based on data, such as averages, maximums, quantiles, or business logic.

Supports browser environment only (requires Web Worker).

User's requirement description (natural language)

AI-generated JavaScript calculation code

- Can only use internal utility functions (accessed via _ or R)

- Input parameter: data (array)

- Must return a single numerical value or string: number | string

- Use case: Dynamic numerical values required for annotation lines (horizontal or vertical)

- Prohibited: eval, Function, asynchronous operations, DOM APIs, network requests

Fallback plan when code execution fails or the environment is unsupported

Dynamic filter execution result (runtime field)

Written during the prepare() phase; read-only at runtime

Annotation text

Text position; the position of the annotation line's label (relative to the line).

Text color

Text font size

Text font weight

Text alignment; in general, no setting is required.

Recommended to set to 'right' to ensure text is on the left side of the annotation line.

right: Text is on the left side of the reference line; the right edge of the text aligns with the (vertical) annotation line.

left: Text is on the right side of the reference line; the left edge of the text aligns with the (vertical) annotation line.

center: Text is at the center of the reference line; the center of the text aligns with the (vertical) annotation line.

Vertical text alignment; in general, no setting is required.

Recommended to set to 'top' to ensure text is fully displayed within the visible area of the chart.

top: Text is at the bottom of the reference line; the top edge of the text aligns with the endpoint of the (vertical) annotation line.

middle: Text is at the center of the reference line; the center of the text aligns with the endpoint of the (vertical) annotation line.

bottom: Text is at the top of the reference line; the bottom edge of the text aligns with the endpoint of the (vertical) annotation line.

Whether the line is visible

Line color

Line width

Line style

Whether the background is visible

Background color

Background border color

Background border width

Background border radius

Background padding

Horizontal annotation line

Numerical annotation line (including mean, max, min lines, etc.), displayed horizontally. Position, style, etc. can be configured. Use this for lines corresponding to values such as the mean of a Y-axis measure.

Fixed y-value for the horizontal annotation line. For category axes in the Y direction, enter dimension values; for numeric axes in the Y direction, enter specific numerical values.

Dynamic filter (executed via AI-generated code)

Calculate the value of the annotation line dynamically via AI-generated JavaScript code.

Suitable for scenarios where the line position must be determined dynamically based on data, such as averages, maximums, quantiles, or business logic.

Supports browser environment only (requires Web Worker).

User's requirement description (natural language)

AI-generated JavaScript calculation code

- Can only use internal utility functions (accessed via _ or R)

- Input parameter: data (array)

- Must return a single numerical value or string: number | string

- Use case: Dynamic numerical values required for annotation lines (horizontal or vertical)

- Prohibited: eval, Function, asynchronous operations, DOM APIs, network requests

Fallback plan when code execution fails or the environment is unsupported

Dynamic filter execution result (runtime field)

Written during the prepare() phase; read-only at runtime

Annotation text

Text position

The position of the annotation line's label (relative to the line).

Text color

Text font size

Text font weight

Text alignment; in general, no setting is required.

Recommended to set to 'right' to ensure text is on the left side of the annotation line.

right: Text is on the left side of the reference line; the right edge of the text aligns with the endpoint of the (horizontal) annotation line.

left: Text is on the right side of the reference line; the left edge of the text aligns with the endpoint of the (horizontal) annotation line.

center: Text is at the center of the reference line; the center of the text aligns with the endpoint of the (horizontal) annotation line.

Vertical text alignment; in general, no setting is required.

Recommended to set to 'top' to ensure text is fully displayed within the visible area of the chart.

top: Text is at the bottom of the reference line; the top edge of the text aligns with the (horizontal) annotation line.

middle: Text is at the center of the reference line; the center of the text aligns with the (horizontal) annotation line.

bottom: Text is at the top of the reference line; the bottom edge of the text aligns with the (horizontal) annotation line.

Whether the background is visible

Background color

Background border color

Background border width

Background border width

Background border radius

Background padding

Whether the line is visible

Whether the line is visible

Line color

Line width

Line style

Whether to enable the feature that splits the main line into two segments

The main color for the portion greater than the annotation value

The main color for the portion less than the annotation value

Annotation area

Annotation area configuration; defines chart annotation areas based on selected data, including their position, style, etc.

Annotate data based on the selected data items.

Dimension field; the id of a specific dimension item

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Operator

- in: Select data items whose dimension field value is in the value list

- not in: Select data items whose dimension field value is not in the value list

Same as operator

Selection value for the dimension field; supports arrays

Annotation text

Text position

Text color

Text font size

Text font weight

Text alignment; in general, setting this to "right" displays text in the middle of the annotation area, ensuring it stays within the visible area of the chart.

Recommended to set to 'center' to ensure text is in the middle of the annotation area.

right: Text is on the left of the annotation area; the right edge of the text aligns with the area.

left: Text is on the right of the annotation area; the left edge of the text aligns with the area.

center: Text is at the center of the annotation area; the center of the text aligns with the area.

Vertical text alignment; in general, setting this to "top" displays text at the bottom of the annotation area, ensuring it stays within the visible area of the chart.

Recommended to set to 'top' to ensure text is fully displayed within the visible area of the chart.

top: Text is at the bottom of the annotation area; the top edge of the text aligns with the area.

middle: Text is at the center of the annotation area; the center of the text aligns with the area.

bottom: Text is at the top of the annotation area; the bottom edge of the text aligns with the area.

Whether the background is visible

Background color

Background border color

Background border color

Background border width

Background border radius

Background border radius

Background padding

Annotation area color

Annotation area color opacity

Annotation area border color

Annotation area border width

Annotation area border radius

Annotation area border dash pattern

Margin of the annotation area

Linear regression line

Linear regression line configuration, including line style, etc.

Whether to enable

Regression line color

Used to set the regression line color; if not set, the chart's main color is used by default.

Regression line width

Used to set the regression line width, in pixels; default is 1.

Regression line style

Used to set the regression line style, e.g., solid, dashed, etc.; default is solid.

Regression line label text

Used to set the regression line's label text; an empty string means no label is shown.

Text color

Text font size

Text font weight

Whether to display the confidence interval

Confidence interval numerical setting; default is 95% confidence level.

Confidence interval color

Confidence interval opacity

Shadow blur level

Mark shadow color

Horizontal shadow offset

Vertical shadow offset

Locally weighted regression line configuration

Locally weighted regression line configuration, including line style, etc.

Whether to enable

Regression line color

Used to set the regression line color; if not set, the chart's main color is used by default.

Regression line width

Used to set the regression line width, in pixels; default is 1.

Regression line style

Used to set the regression line style, e.g., solid, dashed, etc.; default is solid.

Regression line label text

Used to set the regression line's label text; an empty string means no label is shown.

Text color

Text font size

Text font weight

Whether to display the confidence interval

Confidence interval numerical setting; default is 95% confidence level.

Confidence interval color

Confidence interval opacity

Polynomial regression line

Polynomial regression line configuration, including polynomial degree, line style, etc.

Whether to enable

Regression line color

Used to set the regression line color; if not set, the chart's main color is used by default.

Degree of the polynomial regression

Regression line width

Used to set the regression line width, in pixels; default is 1.

Regression line style

Used to set the regression line style, e.g., solid, dashed, etc.; default is solid.

Regression line label text

Used to set the regression line's label text; an empty string means no label is shown.

Text color

Text font size

Text font weight

Whether to display the confidence interval

Confidence interval numerical setting; default is 95% confidence level.

Confidence interval color

Confidence interval opacity

Logistic regression line

Logistic regression line configuration, including line style, etc.

Whether to enable

Regression line color

Used to set the regression line color; if not set, the chart's main color is used by default.

Regression line width

Used to set the regression line width, in pixels; default is 1.

Regression line style

Used to set the regression line style, e.g., solid, dashed, etc.; default is solid.

Regression line label text

Used to set the regression line's label text; an empty string means no label is shown.

Text color

Text font size

Text font weight

Whether to display the confidence interval

Confidence interval numerical setting; default is 95% confidence level.

Confidence interval color

Confidence interval opacity

Whether to enable dimension linkage functionality when the chart has pivot features enabled or measures are combined.

When hovering over a dimension value, it highlights data with the same dimension value in other charts.

Pivot chart dimension linkage configuration.

Whether to enable pivot chart dimension linkage

Whether to display tooltips for all sub-charts corresponding to the dimension

Whether to display the label corresponding to the crosshair

Language

Chart language configuration; supports 'zh-CN' and 'en-US'. Additionally, the language can be set by calling intl.setLocale('zh-CN').