echarts display none,echarts sampling,echarts markpoint设置,echarts visualmap pieces,echarts visualmap属性详解,echarts地图visualmap
ECharts中的visualMap配置是一种用于将数据映射到视觉元素(如颜色、大小等)的组件。分段型视觉映射组件是指通过对数据进行分段，对每个段落内的值使用不同的颜色或大小进行可视化展示。文字样式可以设置每个段落内显示的文本样式，包括字体大小、颜色、位置等。

以下是一个简单的分段型视觉映射组件的例子，其中通过 visualMap 配置将数据映射为不同的颜色：

javascript
option = {
visualMap: {
type: 'piecewise',
min: 0,
max: 100,
splitNumber: 5,
pieces: [
{min: 0, max: 20, label: '0-20', color: '#f7f7f7'},
{min: 20, max: 40, label: '20-40', color: '#d9d9d9'},
{min: 40, max: 60, label: '40-60', color: '#bdbdbd'},
{min: 60, max: 80, label: '60-80', color: '#969696'},
{min: 80, max: 100, label: '80-100', color: '#525252'}
],
textStyle: {
color: '#333',
fontSize: 12
}
},
series: [{
type: 'map',
map: 'world',
data: [
{name: 'China', value: 78.5},
{name: 'United States', value: 69.3},
{name: 'Germany', value: 65.2},
// ...
]
}]
};


在上面的代码中，visualMap 配置包含了以下关键字参数：

- type：分段型组件的类型；
- min 和 max：数据范围的最小值和最大值；
- splitNumber：将数据划分为几个段落；
- pieces：每个段落的取值范围、对应颜色等；
- textStyle：显示文本的样式设置。