【功能演示】指标卡组件如何根据数据来改变颜色?
1 天前

在制作数据可视化项目时,我们可能会需要“指标卡”组件根据数据自动改变组件颜色,下面我们就来看一下,该如何设置 “指标卡”组件根据数据来改变颜色。


1. 首先,在左侧组件库的“文本”中,选择“基础普通指标卡”组件添加。


2. 添加数据,并在组件“数据”设置中添加数据字段。


3. 接着在组件“样式”设置中,打开“数字设置-数字样式-数值”“字体”设置项的“扩展设置”


4. 在“扩展设置”中点击“条件样式”


5. 然后点击右侧按钮添加数据条件。


6. 点击“添加条件”后设置数据条件,这里设置的是数据“小于0”的数据条件,大家可以根据实际需求进行调整。设置完成后点击“确认”即可。


7. 点击“添加条件样式”,将刚才的条件样式添加进去。


8. 设置数据满足“条件1”时为红色,不满足时为绿色,然后点击“完成”


9. 这样我们就完成了全部设置,最终效果如下图所示:

沧澜 沧澜

登录一下,更多精彩内容等你发现,贡献精彩回答,参与评论互动

登录! 还没有账号?去注册

评论0

暂无评论

咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5