echarts2.0 雷达图数组arrayData数值小于对应arrayTarget,arrayData对应节点显示黑色,反之红色
时间: 2024-10-17 15:14:00 浏览: 34
在ECharts 2.0的雷达图中,如果你想根据`arrayData`的数值是否小于对应的`arrayTarget`来控制节点的颜色,你可以使用`emphasis`和`normal`状态下的`color`属性,结合条件判断来实现这个效果。这里是一个示例配置:
```javascript
option = {
radar: { // 雷达图配置
shape: 'circle', // 圆形雷达图
indicator: [
{name: '指标1', max: 100}, // 添加指标
{name: '指标2', max: 200},
... // 其他指标
]
},
series: [{
name: '得分',
type: 'radar',
data: arrayData, // 输入的数据数组
emphasis: { // 强调状态颜色
color: function (params) {
if (params.value[params.seriesIndex] < arrayTarget[params.seriesIndex]) {
return '#000'; // 黑色对应小于target
} else {
return '#FF0000'; // 红色对应大于等于target
}
}
},
normal: { // 正常状态颜色
color: '#ccc' // 默认颜色,可以不写,如果不需要则省略
}
}]
};
```
在这个例子中,`params.value[params.seriesIndex]`获取当前数据点的值,`arrayTarget[params.seriesIndex]`则是对应的参考目标值。如果当前值小于目标值,则强调状态下显示黑色;否则,显示红色。
请注意,实际使用时需要替换`#000`、`#FF0000`以及具体的指标名称和最大值等为你实际的配置。
阅读全文