echarts 根据实际数据改变仪表盘颜色

最新推荐文章于 2024-08-07 11:26:48 发布

我是一个诗人

最新推荐文章于 2024-08-07 11:26:48 发布

阅读量2.6w

点赞数 1

分类专栏： echars

本文链接：https://blog.csdn.net/sinat_28761919/article/details/48441763

版权

根据实际数据，若实际值超过计划值，Echarts仪表盘显示绿色以表示超出预期；反之，显示其他颜色表示未达预期。该功能帮助直观展示数据状态。

摘要由CSDN通过智能技术生成

情景：实际值>计划值仪表盘颜色显示绿色表示超过预期相反则表示未达到预期

如图

js 控制方法

if (factVal >= planVal) {
	_curOption.series[1].axisLine.lineStyle.color = [[0.0, 'lime'], [ _curOption.series[1].data[0].value/100, '#55CEA9'], [1, '#efefef']];
} else {
	_curOption.series[1].axisLine.lineStyle.color = [[0.0, 'lime'], [ _curOption.series[1].data[0].value/100, '#FA8565'], [1, '#efefef']];
};

gauge.js