在制作数据可视化项目时，我们可能会需要 “指标卡” 组件根据数据自动改变组件颜色，下面我们就来看一下，该如何设置 “指标卡” 组件根据数据来改变颜色。
- 首先，在左侧组件库的 “文本” 中，选择 “基础普通指标卡” 组件添加。
- 添加数据，并在组件 “数据” 设置中添加数据字段。
- 接着在组件 “样式” 设置中，打开 “数字设置-数字样式-数值” 中 “字体” 设置项的 “扩展设置” 。
- 在 “扩展设置” 中点击 “条件样式” 。
- 然后点击右侧按钮添加数据条件。
- 点击 “添加条件” 后设置数据条件，这里设置的是数据 “小于0” 的数据条件，大家可以根据实际需求进行调整。设置完成后点击 “确认” 即可。
- 点击 “添加条件样式” ，将刚才的条件样式添加进去。
- 设置数据满足 “条件1” 时为红色，不满足时为绿色，然后点击 “完成” 。
- 这样我们就完成了全部设置，最终效果如下图所示：
