angularjs - Chartist：根据 y 值改变图表的背景颜色

Question

我目前正在使用图表专家来绘制血压图。我希望 y 值大于 140 mmHg 的图表的背景颜色为红色，140-120 mmHg 为绿色，低于 120 mmHg 为蓝色。现在有没有办法做到这一点？

Answer 1

我认为您可以在这种情况下使用 ngClass ...

<style>
.blue{ background-color: blue }
.green{ background-color: green }
.red{ background-color: red }
</style>

<div ng-class="{'blue': y < 120, 'green': y > 120 && y < 140, 'red': y > 140}">
    content
</div>

如果条件匹配，将添加蓝色、绿色、红色类。