分段型视觉映射组件 (visualMap 的 type 为 'piecewise') 在 ECharts 中可以配置多个属性来定义不同区间的视觉元素。以下是一些常用的分段型视觉映射组件属性:

1. pieces:定义分段区间的数组,每个元素是一个对象,包含以下属性:
   - min:区间最小值(包含)。
   - max:区间最大值(不包含)。
   - label:区间的标签,用于显示在图例或控制器上。
   - color:区间的颜色。
   pieces: [
       { min: 0, max: 20, label: '0-20', color: 'blue' },
       { min: 20, max: 50, label: '20-50', color: 'green' },
       // 其他区间...
   ]

2. selected:指定哪些分段区间是选中的,默认是全部选中。可以通过设置 selected 来控制哪些区间会在初始状态下被选中。
   selected: {
       '0-20': false,  // 0-20 区间不选中
       '20-50': true,  // 20-50 区间选中
       // 其他区间...
   }

3. itemWidth** 和 **itemHeight:设置每个区间的宽度和高度。通常在图例中使用。
   itemWidth: 30,
   itemHeight: 15

4. orient:设置分段组件的布局方向,可以是 'horizontal' 或 'vertical'。
   orient: 'horizontal'

5. align:设置分段组件在容器中的水平对齐方式,可以是 'auto'、'left'、'right'。
   align: 'auto'

6. textStyle:设置文字样式,包括颜色、字号等。
   textStyle: {
       color: 'black',
       fontSize: 12
       // 其他文字样式属性...
   }

这些属性可以根据你的实际需求进行调整,以便更好地适应你的数据和视觉效果。确保查看你所使用的 ECharts 版本的文档,获取准确的配置信息。


转载请注明出处:http://www.zyzy.cn/article/detail/5297/ECharts