ECharts 数据的视觉映射

1212, 5454, '梵蒂冈'],// 也可以直接是 dataItem 的 value，这更常见。value: [3434, 129,'圣马力诺'], // 这是数据项的数据值（value）[2323, 3223, '瑙鲁'],// 每个 value 都是『三维』的，每列是一个维度。[4343, 23,'图瓦卢']// 假如是『气泡图』，常见第一维度映射到x轴，// 第二维度映射到y轴，val

fucos71504

249人浏览 · 2025-09-21 04:39:35

fucos71504 · 2025-09-21 04:39:35 发布

数据和维度

ECharts 中的数据，一般存放于 series.data 中。

不同的图表类型，数据格式有所不一样，但是他们的共同特点就都是数据项（dataItem）的集合。每个数据项含有数据值（value）和其他信息（可选）。每个数据值，可以是单一的数值（一维）或者一个数组（多维）。

series.data 最常见的形式是线性表，即一个普通数组：

series: {
    data: [
        {       // 这里每一个项就是数据项（dataItem）
            value: 2323, // 这是数据项的数据值（value）
            itemStyle: {...}
        },
        1212,   // 也可以直接是 dataItem 的 value，这更常见。
        2323,   // 每个 value 都是『一维』的。
        4343,
        3434
    ]
}
series: {
    data: [
        {                        // 这里每一个项就是数据项（dataItem）
            value: [3434, 129,  '圣马力诺'], // 这是数据项的数据值（value）
            itemStyle: {...}
        },
        [1212, 5454, '梵蒂冈'],   // 也可以直接是 dataItem 的 value，这更常见。
        [2323, 3223, '瑙鲁'],     // 每个 value 都是『三维』的，每列是一个维度。
        [4343, 23,   '图瓦卢']    // 假如是『气泡图』，常见第一维度映射到x轴，
                                 // 第二维度映射到y轴，
                                 // 第三维度映射到气泡半径（symbolSize）
    ]
}

在图表中，往往默认把 value 的前一两个维度进行映射，比如取第一个维度映射到x轴，取第二个维度映射到y轴。如果想要把更多的维度展现出来，可以借助 visualMap 。

visualMap 组件
visualMap 组件定义了把数据的指定维度映射到对应的视觉元素上。

visualMap 组件可以定义多个，从而可以同时对数据中的多个维度进行视觉映射。

visualMap 组件可以定义为分段型（visualMapPiecewise）或连续型（visualMapContinuous），通过 type 来区分。例如：

option = {
    visualMap: [
        { // 第一个 visualMap 组件
            type: 'continuous', // 定义为连续型 visualMap
            ...
        },
        { // 第二个 visualMap 组件
            type: 'piecewise', // 定义为分段型 visualMap
            ...
        }
    ],
    ...
};

分段型视觉映射组件，有三种模式：

连续型数据平均分段: 依据 visualMap-piecewise.splitNumber 来自动平均分割成若干块。
连续型数据自定义分段: 依据 visualMap-piecewise.pieces 来定义每块范围。
离散数据根据类别分段: 类别定义在 visualMap-piecewise.categories 中。

视觉映射方式的配置
visualMap 中可以指定数据的指定维度映射到对应的视觉元素上。

更多详情，参见 :

t.bilibili.com/1114811813171560456/
t.bilibili.com/1114811778799239187/
t.bilibili.com/1114811744459423752/
t.bilibili.com/1114811710086053894/
t.bilibili.com/1114811671381016583/
t.bilibili.com/1114811637083144199/
t.bilibili.com/1114811602710822913/
t.bilibili.com/1114811564048777217/
t.bilibili.com/1114811529660727298/
t.bilibili.com/1114811495306231813/
t.bilibili.com/1114811456635797511/
t.bilibili.com/1114811422307516425/
t.bilibili.com/1114811387969798150/
t.bilibili.com/1114811353563922438/
t.bilibili.com/1114811314942771207/
t.bilibili.com/1114811207573831684/
t.bilibili.com/1114811173225627673/
t.bilibili.com/1114811138847014917/
t.bilibili.com/1114811104501956611/
t.bilibili.com/1114811065840959494/
t.bilibili.com/1114811031465492483/
t.bilibili.com/1114810997129871366/
t.bilibili.com/1114810958479360006/
t.bilibili.com/1114810924083970051/
t.bilibili.com/1114810889736814600/
t.bilibili.com/1114810851050651657/
t.bilibili.com/1114810816707690503/
t.bilibili.com/1114810644902707207/
t.bilibili.com/1114810610587009026/
t.bilibili.com/1114810576219930625/
t.bilibili.com/1114810537570467840/
t.bilibili.com/1114810503175077892/
t.bilibili.com/1114810468817436681/
t.bilibili.com/1114810434461892615/
t.bilibili.com/1114810327119167492/
t.bilibili.com/1114810288426713092/
t.bilibili.com/1114810254103674887/
t.bilibili.com/1114810219738693636/
t.bilibili.com/1114810185382100993/
t.bilibili.com/1114810146713763845/
t.bilibili.com/1114810077948149764/
t.bilibili.com/1114810043598897153/
t.bilibili.com/1114810004973551617/
t.bilibili.com/1114809970598084612/
t.bilibili.com/1114809936278192134/
t.bilibili.com/1114809897580494851/
t.bilibili.com/1114809863220756487/
t.bilibili.com/1114809828845289496/
t.bilibili.com/1114809790204215305/
t.bilibili.com/1114809755866497031/
t.bilibili.com/1114809721489981446/
t.bilibili.com/1114809687162748930/
t.bilibili.com/1114809648500703241/
t.bilibili.com/1114809614143062018/
t.bilibili.com/1114809579745574921/
t.bilibili.com/1114809541080383494/
t.bilibili.com/1114809506727985155/
t.bilibili.com/1114809472363003907/
t.bilibili.com/1114809438025285638/
t.bilibili.com/1114809399384211472/
t.bilibili.com/1114809364986724354/
t.bilibili.com/1114809330667880453/
t.bilibili.com/1114809292013174802/
t.bilibili.com/1114809257673359364/
t.bilibili.com/1114809223274823688/
t.bilibili.com/1114809184613826568/
t.bilibili.com/1114809150276108288/
t.bilibili.com/1114809115932098567/
t.bilibili.com/1114809081543000066/
t.bilibili.com/1114809042890391573/
t.bilibili.com/1114809008543236096/
t.bilibili.com/1114808974188740608/
t.bilibili.com/1114808935499431941/
t.bilibili.com/1114808901191073794/
t.bilibili.com/1114808866816655362/
t.bilibili.com/1114808832451674137/
t.bilibili.com/1114808793784385553/
t.bilibili.com/1114808759412064263/
t.bilibili.com/1114808725058617347/
t.bilibili.com/1114808686418591745/
t.bilibili.com/1114808652050464774/
t.bilibili.com/1114808617717989377/
t.bilibili.com/1114808579036020755/
t.bilibili.com/1114808544661602311/
t.bilibili.com/1114808510336466951/
t.bilibili.com/1114808475976728583/
t.bilibili.com/1114808437295808519/
t.bilibili.com/1114808402931875842/
t.bilibili.com/1114808368561651712/
t.bilibili.com/1114808295586005000/
t.bilibili.com/1114808261197955093/
t.bilibili.com/1114808188212871171/
t.bilibili.com/1114808153865715715/
t.bilibili.com/1114808119485005827/
t.bilibili.com/1114808080834494466/
t.bilibili.com/1114808046453784581/
t.bilibili.com/1114808012077269000/
t.bilibili.com/1114807973419417636/
t.bilibili.com/1114807939111059477/
t.bilibili.com/1114807904753418240/
t.bilibili.com/1114807870390534146/
t.bilibili.com/1114807831735828483/
t.bilibili.com/1114807797351972873/
t.bilibili.com/1114807763021594633/
t.bilibili.com/1114807728650321927/
t.bilibili.com/1114807689987227652/
t.bilibili.com/1114807655641120769/
t.bilibili.com/1114807621252022275/
t.bilibili.com/1114807582580539413/
t.bilibili.com/1114807548241772549/
t.bilibili.com/1114807513876791300/
t.bilibili.com/1114807479556898821/
t.bilibili.com/1114807440893804551/
t.bilibili.com/1114807406541406232/
t.bilibili.com/1114807372131336194/
t.bilibili.com/1114807333488164868/
t.bilibili.com/1114807299117940743/
t.bilibili.com/1114807264755056646/
t.bilibili.com/1114807226089865222/
t.bilibili.com/1114807191754244097/
t.bilibili.com/1114807157375631369/
t.bilibili.com/1114806985595813894/
t.bilibili.com/1114806951255998468/
t.bilibili.com/1114806912613875713/
t.bilibili.com/1114806878243651584/
t.bilibili.com/1114806843872378886/
t.bilibili.com/1114806809486426119/
t.bilibili.com/1114806770823331848/
t.bilibili.com/1114806736477224963/
t.bilibili.com/1114806702122729476/
t.bilibili.com/1114806663452295173/
t.bilibili.com/1114806629153374209/
t.bilibili.com/1114806594785247233/
t.bilibili.com/1114806556124250119/
t.bilibili.com/1114806521774997509/
t.bilibili.com/1114806487368073218/
t.bilibili.com/1114806453059715075/
t.bilibili.com/1114806414357823488/
t.bilibili.com/1114806380023250946/
t.bilibili.com/1114806345678192672/
t.bilibili.com/1114806306966863877/
t.bilibili.com/1114806272666894338/
t.bilibili.com/1114806238294573062/
t.bilibili.com/1114806203928543234/
t.bilibili.com/1114806165292711944/
t.bilibili.com/1114806130936119297/
t.bilibili.com/1114806096527097857/
t.bilibili.com/1114806057893363720/
t.bilibili.com/1114806023540965379/
t.bilibili.com/1114805989156061192/
t.bilibili.com/1114805954842460164/
t.bilibili.com/1114805916183560199/
t.bilibili.com/1114805881768247299/
t.bilibili.com/1114805847448354818/
t.bilibili.com/1114805808763240472/
t.bilibili.com/1114805774425522176/
t.bilibili.com/1114805740082561026/
t.bilibili.com/1114805705734357000/
t.bilibili.com/1114805667025125379/
t.bilibili.com/1114805632681115670/
t.bilibili.com/1114805598302502912/
t.bilibili.com/1114805559671914515/
t.bilibili.com/1114805525291204628/
t.bilibili.com/1114805490947194902/
t.bilibili.com/1114805452328140809/
t.bilibili.com/1114805417970499602/
t.bilibili.com/1114805383569866758/
t.bilibili.com/1114805344949764105/
t.bilibili.com/1114805310576394261/
t.bilibili.com/1114805276174712836/
t.bilibili.com/1114805237580824577/
t.bilibili.com/1114805168860299285/
t.bilibili.com/1114805134480637958/
t.bilibili.com/1114805095841660937/
t.bilibili.com/1114805061488214023/
t.bilibili.com/1114805027113795592/
t.bilibili.com/1114804988458041347/
t.bilibili.com/1114804954077331463/
t.bilibili.com/1114804919716544516/
t.bilibili.com/1114804885374631941/
t.bilibili.com/1114804846719926273/