1. color:定义区间的颜色,可以是单一颜色或渐变色。
pieces: [
{ min: 0, max: 20, label: '0-20', color: 'blue' },
{ min: 20, max: 50, label: '20-50', color: 'green' },
// 其他区间...
]
2. symbol** 和 **symbolSize:分别定义区间的符号形状和大小。
pieces: [
{ min: 0, max: 20, label: '0-20', color: 'blue', symbol: 'circle', symbolSize: 10 },
{ min: 20, max: 50, label: '20-50', color: 'green', symbol: 'rect', symbolSize: 15 },
// 其他区间...
]
3. borderColor** 和 **borderWidth:定义区间的边框颜色和宽度。
pieces: [
{ min: 0, max: 20, label: '0-20', color: 'blue', borderColor: 'white', borderWidth: 2 },
{ min: 20, max: 50, label: '20-50', color: 'green', borderColor: 'black', borderWidth: 1 },
// 其他区间...
]
4. opacity:定义区间的透明度。
pieces: [
{ min: 0, max: 20, label: '0-20', color: 'blue', opacity: 0.7 },
{ min: 20, max: 50, label: '20-50', color: 'green', opacity: 0.5 },
// 其他区间...
]
5. label:定义标签的样式,包括字体颜色、字号等。
pieces: [
{ min: 0, max: 20, label: '0-20', color: 'blue', label: { color: 'white', fontSize: 12 } },
{ min: 20, max: 50, label: '20-50', color: 'green', label: { color: 'black', fontSize: 10 } },
// 其他区间...
]
这些配置项可以组合使用,根据实际需要对不同区间进行个性化的视觉表达。确保查看你所使用的 ECharts 版本的文档,获取准确的配置信息。
转载请注明出处:http://www.zyzy.cn/article/detail/5298/ECharts