All Products
Search

This Product

    DataV:instructions-of-color-mapper

    Document Center

    DataV:instructions-of-color-mapper

    Last Updated:Jun 18, 2026

    The color mapper configures the mapping between colors and data values in a widget. It provides more than ten built-in color templates and supports custom colors and values. This topic uses the Vector Scatter Layer child component of Basic Flat Map 3.0 as an example to show how to map data to colors.

    Configure color mapping

    You can adjust scatter dot colors in the map subwidget by using one of the following methods.

    • Method 1: Click the imageicon to the left of the Scatter Color configuration item. When you hover over the icon and see Enable Visual Mapping, this mode uses the color picker. No data binding is required. You can customize a single monochrome or gradient color. image

    • Method 2: Click the imageicon on the left of the Scatter Color configuration item. When you hover over the icon and see Disable Visual Mapping, this mode uses the color mapper. Colors are driven by scatter data, and you can select multiple colors. image

    Color Mapper Function Description

    Description

    Remarks

    Toggle configuration color mapping when panel collapses

    When the color mapper is collapsed, click the color display bar to open the multi-color template. The top row shows the current mapped colors, and the rows below provide additional templates. Click a template color bar to quickly switch the mapping colors. image

    Panel expansion configuration mapping details

    When the color mapper is expanded, it automatically reads data and maps colors to data values. You can configure the mapping details as follows: image

    • Mapping Type: specifies the color mapping type. Valid values: Noun Classification, Numeric Continuous, and Numeric Partition. For more information, see Color mapping.

    • Color Template: click the color template bar to open a multi-color template and quickly change the mapping colors. After you select a template, you can click a specific color in the mapping list and modify it by using the color picker.

      Note

      Click the 钉住图标icon to the right of a color in the template to pin that color. Unpinned colors change when you switch templates.

      钉住状态

    • Quantity: specifies the number of color steps in the color template.

    • Reverse: click the imageicon to sort the color mapping list in descending order.

    • Mapping of Abnormal Value Entries: click the Color tab to define how abnormal values such as undefined, null, and NaN are mapped. For more information, see Color mapping. 其他值颜色映射

    • Custom Mapping: turn on the switch to customize the mapping between data and colors and set the style of the mapping color to meet your requirements. image

      • Delete an Entire Row Map: click the imageicon to the left of a row to delete all color entries in that row.

      • Set Mapping Field: enter a field value that corresponds to the specified color. Depending on the mapping type, you need to enter text or numeric values.

      • Add a mapping entry: click the imageicon below the color mapping list to add a row of color mapping entries.
    Note

    The color mapper provides more than 10 built-in color templates. You can also customize colors and values to meet your requirements.

    Color mapping classification

    Color mapping supports three types: Noun classification, numeric continuous, and numeric partition.

    Type

    Description

    Noun classification

    Suitable for categorical data that needs distinct color differentiation by name or category. The template colors are designed to be visually distinguishable.

    Noun Classification Color Template Style imageNoun Classification Data Example Figure image

    Continuous values

    Assigns a continuous color gradient to numeric data, where each value corresponds to a specific color in the mapping space.

    numeric continuous color template style imagenumeric continuous data example image

    Numeric partition

    Divides continuous numeric values into ranges, where data within the same range shares one color. This reduces the number of colors and avoids visual clutter.

    numeric partition color template style imagenumeric partition data sample graph image