echarts 分段型视觉映射组件，有三种模式：
连续型数据平均分段: 依据 visualMap-piecewise.splitNumber 来自动平均分割成若干块。
连续型数据自定义分段: 依据 visualMap-piecewise.pieces 来定义每块范围。
离散数据根据类别分段: 类别定义在 visualMap-piecewise.categories 中。
连续型数据平均分段
对于连续型数据，自动平均切分成几段。默认为5段。 连续数据的范围需要 max 和 min 来指定。
visualMap: {
type: 'piecewise',
min: 0,
max: 900,
calculable: true,
splitNumber = 5
}
连续型数据自定义分段
自定义『分段式视觉映射组件（visualMapPiecewise）』的每一段的范围，以及每一段的文字，以及每一段的特别的样式。例如：
pieces: [
{min: 1500}, // 不指定 max，表示 max 为无限大（Infinity）。
{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'}, // 表示 value 等于 123 的情况。
{max: 5} // 不指定 min，表示 min 为无限大（-Infinity）。
]
或者，更精确得，可以使用 lt（小于，less than），gt（大于，greater than），lte（小于等于 less than or equals），gte（大于等于，greater than or equals）来表达边界：
pieces: [
{gt: 1500}, // (1500, Infinity]
{gt: 900, lte: 1500}, // (900, 1500]
{gt: 310, lte: 1000}, // (310, 1000]
{gt: 200, lte: 300}, // (200, 300]
{gt: 10, lte: 200, label: '10 到 200（自定义label）'}, // (10, 200]
{value: 123, label: '123（自定义特殊颜色）', color: 'grey'}, // [123, 123]
{lt: 5} // (-Infinity, 5)
]
例如：
visualMap: {
type: 'piecewise',
min: 0,
max: 900,
calculable: true,
dimension: 2, // 维度 默认最后
seriesIndex: 0, // 取数据得哪一个系列
left: 'right',
top: 'top',
itemWidth: 18,
textStyle: {
color: '#3259B8',
height: 56,
fontSize: 11,
lineHeight: 60
},
inRange: {
color: ['#1890ff', '#dcb727', '#2fc25b', '#eb7a1e', '#5558f1', '#24b0e8']
},
pieces: [
{ value: 0 }, // (1500, Infinity]
{ gt: 0, lte: 250 }, // (900, 1500]
{ gt: 250, lte: 350 }, // (310, 1000]
{ gt: 350, lte: 450 }, // (200, 300]
{ gt: 450, lt: 800 }, // (10, 200]
{ gte: 800 }
],
orient: 'horizontal'
}
效果：
离散数据根据类别分段
当所指定的维度（visualMap-piecewise.dimension）的数据为离散型数据时，例如数据值为『优』、『良』等，那么可如下配置：
categories: ['严重污染', '重度污染', '中度污染', '轻度污染', '良', '优'],
顺序的话参考：
当inverse为false时，数据大小的位置规则，和直角坐标系相同，即：
当 visualMap.orient 为'vertical'时，数据上大下小。
当 visualMap.orient 为'horizontal'时，数据右大左小。
当inverse为true时，相反。