visualMap

visualMap 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）。

图形类别（symbol）、图形大小（symbolSize）

颜色（color）、颜色透明度（colorAlpha）、

颜色明暗度（colorLightness）、颜色饱和度（colorSaturation）、色调（colorHue）

    visualMap 组件可以定义为 分段型（visualMapPiecewise） 或 连续型（visualMapContinuous），通过 type 来区分。例如：
    option = {
        visualMap: [
            { // 第一个 visualMap 组件
                type: 'continuous', // 定义为连续型 viusalMap
                ...
            },
            { // 第二个 visualMap 组件
                type: 'piecewise', // 定义为分段型 visualMap
                ...
            }
        ],
        ...
    };

visualMap[i]-continuous:连续型视觉映射组件（visualMapContinuous）

visualMap[i]-continuous.type: 类型为连续型。
visualMap[i]-continuous.min: 指定 visualMapContinuous 组件的最小值。'min' 必须用户指定。
visualMap[i]-continuous.max: 指定 visualMapContinuous 组件的最大值。'max' 必须用户指定。
visualMap[i]-continuous.calculable: 是否启用值域漫游，即是否有拖拽用的手柄，以及用手柄调整选中范围。
visualMap[i]-continuous.realtime: 拖拽时，是否实时更新。如果为ture则拖拽手柄过程中实时更新图表视图。如果为false则拖拽结束时，才更新视图。

visualMap[i]-continuous.inverse: 是否反转。

  当inverse为false时，数据大小的位置规则，和直角坐标系相同，即：
  当 visualMap.orient 为'vertical'时，数据上大下小。
  当 visualMap.orient 为'horizontal'时，数据右大左小。
  当inverse为true时，相反。

visualMap[i]-continuous.precision: 数据展示的小数精度，默认为0，无小数点。
visualMap[i]-continuous.itemWidth: 图形的宽度，即长条的宽度。
visualMap[i]-continuous.itemHeight: 图形的高度，即长条的高度。

visualMap[i]-continuous.align: 'auto'

  'auto' 自动决定。
  'left' 手柄和label在右，orient 为 horizontal 时有效。
  'right' 手柄和label在左，orient 为 horizontal 时有效。
  'top' 手柄和label在下，orient 为 vertical 时有效。
  'bottom' 手柄和label在上，orient 为 vertical 时有效。

visualMap[i]-continuous.text: 两端的文本，如 ['High', 'Low']。
visualMap[i]-continuous.textGap: 两端文字主体之间的距离，单位为px。

visualMap[i]-continuous.handlePosition: handle 指『拖拽手柄』。handlePosition 指定了手柄的位置。

  'auto'：自动决定。
  'left' 或 'right'：当visualMap-continuous.orient 为'horizontal'时，有效。
  'top' 或 'bottom'：当visualMap-continuous.orient 为'vertical'时，有效。

visualMap[i]-continuous.show: 是否显示 visualMap-continuous 组件。如果设置为 false，不会显示，但是数据映射的功能还存在。
visualMap[i]-continuous.dimension: 指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 series.data。
isualMap[i]-continuous.seriesIndex: 指定取哪个系列的数据，即哪个系列的 series.data。

visualMap[i]-continuous.inRange: 定义在选中范围中的视觉元素。

  图形类别（symbol）、图形大小（symbolSize）
  颜色（color）、颜色透明度（colorAlpha）、
  颜色明暗度（colorLightness）、颜色饱和度（colorSaturation）、色调（colorHue）

visualMap[i]-continuous.outOfRange: 定义在选中范围外的视觉元素。

  outOfRange: {
      color: {
          '优': 'red',
          '良': 'black',
          '': 'green' // 空字串，表示其他都是 'green'。
      }

}

visualMap[i]-continuous.zlevel: 所有图形的 zlevel 值。
visualMap[i]-continuous.z: 组件的所有图形的z值。控制图形的前后顺序。
visualMap[i]-continuous.left: visualMap 组件离容器左侧的距离。
visualMap[i]-continuous.top: visualMap 组件离容器上侧的距离。
visualMap[i]-continuous.right: visualMap 组件离容器右侧的距离。
visualMap[i]-continuous.bottom: visualMap 组件离容器下侧的距离。
visualMap[i]-continuous.orient: 水平（'horizontal'）或者竖直（'vertical'）。

visualMap[i]-continuous.padding: visualMap-continuous内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。

  // 设置内边距为 5
  padding: 5
  // 设置上下的内边距为 5，左右的内边距为 10
  padding: [5, 10]
  // 分别设置四个方向的内边距
  padding: [
      5,  // 上
      10, // 右
      5,  // 下
      10, // 左
  ]

visualMap[i]-continuous.backgroundColor: 背景色。
visualMap[i]-continuous.borderColor: 边框颜色。
visualMap[i]-continuous.borderWidth: 边框线宽，单位px。

visualMap[i]-continuous.formatter: 标签的格式化工具。

  formatter: function (value, value2) {
      return 'aaaa' + value + 'bbbb' + value2; // 范围标签显示内容。
  }

visualMap[i]-continuous.color: [ default: ['#bf444c', '#d88273', '#f6efa6'] ]
visualMap[i]-continuous.textStyle: ...

visualMap[i]-piecewise:分段型视觉映射组件（visualMapPiecewise）

visualMap[i]-piecewise.type: 类型为分段型。
visualMap[i]-piecewise.splitNumber: 对于连续型数据，自动平均切分成几段。默认为5段。连续数据的范围需要 max 和 min 来指定。如果设置了 visualMap-piecewise.pieces 或者 visualMap-piecewise.categories，则 splitNumber 无效。

visualMap[i]-piecewise.pieces: 自定义『分段式视觉映射组件（visualMapPiecewise）』的每一段的范围，以及每一段的文字，以及每一段的特别的样式。

  pieces: [
      {min: 1500},
      {min: 900, max: 1500},
      {min: 310, max: 1000},
      {min: 200, max: 300},
      {min: 10, max: 200, label: '10 到 200（自定义label）'},
      {value: 123, label: '123（自定义特殊颜色）', color: 'grey'},
      {max: 5}
  ]

visualMap[i]-piecewise.categories: 用于表示离散型数据（或可以称为类别型数据、枚举型数据）。
```
  categories: ['严重污染', '重度污染', '中度污染', '轻度污染', '良', '优'],
```
visualMap[i]-piecewise.min: 指定 visualMapPiecewise 组件的最小值。
visualMap[i]-piecewise.max: 指定 visualMapPiecewise 组件的最大值。

visualMap[i]-piecewise.selectedMode: 选择模式，

  'multiple'（多选）。
  'single'（单选）。

visualMap[i]-piecewise.inverse: 是否反转。
visualMap[i]-piecewise.precision: 数据展示的小数精度。
visualMap[i]-piecewise.itemWidth: 图形的宽度，即每个小块的宽度。
visualMap[i]-piecewise.itemHeight: 图形的高度，即每个小块的高度。

visualMap[i]-piecewise.align: 'auto':

  'auto' 自动决定。
  'left' 图形在左文字在右。
  'right' 图形在右文字在左。

visualMap[i]-piecewise.text: 两端的文本，如['High', 'Low']。
visualMap[i]-piecewise.textGap: 两端文字主体之间的距离，单位为px。
visualMap[i]-piecewise.itemGap = 10: 每一项之间的间隔距离，单位为px。
visualMap[i]-piecewise.itemSymbol: 默认的图形。可选值为： 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
visualMap[i]-piecewise.show: 是否显示 visualMap-piecewise 组件。如果设置为 false，不会显示，但是数据映射的功能还存在。
visualMap[i]-piecewise.dimension: 指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 series.data。
visualMap[i]-piecewise.seriesIndex: 指定取哪个系列的数据，即哪个系列的 series.data。
visualMap[i]-piecewise.inRange: 定义在选中范围中的视觉元素
visualMap[i]-piecewise.outOfRange: 定义在选中范围外的视觉元素。
visualMap[i]-piecewise.zlevel: 所有图形的 zlevel 值。
visualMap[i]-piecewise.z: 组件的所有图形的z值。控制图形的前后顺序.
visualMap[i]-piecewise.left: visualMap 组件离容器左侧的距离。
visualMap[i]-piecewise.top: visualMap 组件离容器上侧的距离。
visualMap[i]-piecewise.right: visualMap 组件离容器右侧的距离。
visualMap[i]-piecewise.bottom: visualMap 组件离容器下侧的距离。
visualMap[i]-piecewise.orient: 水平（'horizontal'）或者竖直（'vertical'）。
visualMap[i]-piecewise.padding: visualMap-piecewise内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。
visualMap[i]-piecewise.backgroundColor: 背景色。
visualMap[i]-piecewise.borderColor: 边框颜色。
visualMap[i]-piecewise.borderWidth: 边框线宽，单位px。
visualMap[i]-piecewise.formatter: 标签的格式化工具。
visualMap[i]-piecewise.color: [ default: ['#bf444c', '#d88273', '#f6efa6'] ]
visualMap[i]-piecewise.textStyle: ...