[
    [1,91,45,125,"良"],
    [2,65,27,78,"良"],
    [3,83,60,84,"优"],
    ...
]

polar: [
    {...}, // 第一个极坐标系
    {...}, // 第二个极坐标系
    ...
]

chart.setOption({
    ..., // 其他配置项
    dataZoom: [
        // 下面来定义三个 dataZoom 组件
        {
            type: 'inside', // 表示手指或鼠标的操作区域在坐标系中。
            xAxis: 0,
            start: 20,
            end: 70
        }
    ]
});

grid: {
    containLabel: true
}

chart.setOption({
    // 其他配置项
    dataZoom: [
        // 下面来定义三个 dataZoom 组件
        {
            xAxis: 0,  // 这个 dataZoom 组件控制x轴。
            start: 10, // 初始时，区域开始自总长的 10%。
            end: 30    // 初始时，区域结尾为总长的 30%。
        },
        {
            yAxis: 0,   // 这个 dataZoom 组件控制第一个 y 轴。
            filterMode: 'empty' // 数据过滤的方式，可选值 'filter' 或 'empty'。
                                //  'filter' 表示 dataZoom 窗口外的节点直接删去，折线会连接。
                                //  'empty' 表示 dataZoom 窗口外的节点设置为缺失点，折线会断开。
        },
        {
            yAxis: 1   // 这个 dataZoom 组件控制第二个y轴
        }
    ]
});

[
    [1,91,45,125,0.82,34,23,"良"],
    [2,65,27,78,0.86,45,29,"良"],
    [3,83,60,84,1.09,73,27,"良"],
    [4,109,81,121,1.28,68,51,"良"],
    [5,106,77,114,1.07,55,51,"轻度污染"],
    [6,109,81,121,1.28,68,51,"轻度污染"],
    [7,106,77,114,1.07,55,51,"轻度污染"],
    [8,89,65,78,0.86,51,26,"良"]
    // ...
]

chart.setOption({
    // ... 其他配置项
    dataRange: [
        {   // 右上方的 dataRange 组件
            dimension: 2, // 这个 dataRange 组件把维度2的数值进行视觉映射
                          // 维度从零开始计数，维度值2表示第三个维度。
            min: 0,         // 最小值
            max: 250,       // 最大值
            calculable: true,
            text: ['圆形大小：PM2.5'],
            inRange: {
                symbolSize: [10, 70] // 选中范围内的数值被映射到 10px~70px 的图形尺寸上
             },
            outOfRange: {
                symbolSize: [10, 70], // 选中范围外的数值被映射到 10px~70px 的图形尺寸上
                color: ['rgba(255,255,255,.2)'] // 选中范围外设置为灰色
            },
            controller: {
                inRange: {
                    color: ['#c23531'] // dataRange 组件本身的（选中范围内的）颜色
                },
                outOfRange: {
                    color: ['#444']    // dataRange 组件本身的颜色（选中范围外的）颜色
                }
            },
            // ... 其他位置、尺寸、样式相关配置项
        },
        {   // 右下方的 dataRange 组件
            dimension: 6,  // 这个dataRange组件把维度6的数值进行视觉映射
            min: 0,
            max: 50,
            calculable: true,
            precision: 0.1,
            text: ['明暗：二氧化硫'],
            inRange: {
                colorLightness: [1, 0.5] // 选中范围内的数值被映射到1~0.5的颜色亮度上
                                          // 颜色亮度（lightness）的含义是 HLV 中的L。
            },
            outOfRange: {
                color: ['rgba(255,255,255,.2)'] // dataRange 组件本身的颜色（选中范围外的）颜色
            },
            controller: {
                inRange: {
                    color: ['#c23531'] // dataRange 组件本身的（选中范围内的）颜色
                },
                outOfRange: {
                    color: ['#444'] // dataRange 组件本身的颜色（选中范围外的）颜色
                }
            }
        }
    ]
});

chart.setOption({
    // ... 其他配置项
    series: [
        {
            type: 'treemap',
            data: [
                {
                    value: [121212, 131313, 50],
                    name: 'Centers for Medicare',
                    children: [
                        { ... }
                    ]
                }
                // ...
            ],
            visualDimension: 2, // 表示用 data 的 value[2] 的数值（即增长率）进行颜色映射
            levels: [ // levels 中设置了树的每层级的参数。level[0]是最顶层。
                {
                    color: [
                        '#c23531', '#314656', '#61a0a8', '#dd8668',
                        '#91c7ae', '#6e7074', '#61a0a8', '#bda29a',
                        '#44525d', '#c4ccd3'
                    ],              // 这是根层级的颜色列表，每个块分配的颜色会向子树传递
                    colorMappingBy: 'id' // 表示根层级的的数值按照类别映射到映射列表
                },
                {
                    colorAlpha: [0.5, 1] // 第二层级开始，数值映射到 color 的 alpha 值。
                }
            ],
            // ... treemap series 中其他配置项
        }
    ]
});

itemStyle: {
    normal: {
        ...,
        label: {
            show: true,
            formatter: ...,
            textStyle: {
                ...
            }
        }
    },
    emplsis: {
        ...,
        label: {
            show: true,
            position: 'top',
            formatter: ...,
            textStyle: {
                ...
            }
        }
    }
}

itemStyle: {
    normal: {
        ...
    },
    emphsis: {
        ...
    }
},
label: {
    normal: {
        ...
    },
    emphasis: {
        ...
    }
}