Java 莫里斯酒吧的不同颜色：（独特）

我试图用两种颜色显示morris条形图，这两种颜色代表项目（条形）的状态。例如，假设我有5个成员（A、B、C、D、E）。左边是他们的身高。下面是为我实现这一点的javascript代码

Morris.Bar({
    element: 'members-chart',
    data: [
        <c:forEach items="${Members}" var="member">
            {
                member_name: "${member.name}",
                height: "${member.height}",
                active: "${member.active}"
            },
        </c:forEach>
            ],
    xkey: 'member_name',
    ykeys: ['height'],
    labels: ['Height'],
    pointSize: 2,
    hideHover: 'auto',
    resize: true
}); 

Morris.Bar({
元素：“成员图表”，
数据：[
{
成员名称：“${member.name}”，
高度：“${member.height}”，
活动：“${member.active}”
},
],
xkey:'成员名称'，
ykeys:[‘高度’]，
标签：[“高度”]，
点数：2，
隐藏：“自动”，
调整大小：true
}); 

现在，您将看到我在其中放置了活动：“${member.active}”，但是它实际上没有做任何事情。我想根据这个值改变颜色。例如，如果memberA.active=true，则颜色应为蓝色；如果memberB.active=false，则颜色应为灰色。我不确定我是否能以某种方式使用barColors函数来解决我的问题，但请相信我，我已经尝试过了

也看

---

任何帮助都将不胜感激。给我指出正确的方向！谢谢大家!

您的数据数组无效，因为您在最后一个条目后添加了逗号。在

forEach

上使用

varStatus

，并检查以设置逗号

        <c:forEach items="${Members}" var="member" varStatus="status">
            {
                member_name: "${member.name}",
                height: "${member.height}",
                active: "${member.active}"
            }${!status.last ? ',' : ''}
        </c:forEach>

{
成员名称：“${member.name}”，
高度：“${member.height}”，
活动：“${member.active}”
}${！status.last？'，'：''}

感谢您注意到这一点。然而，这对我的问题没有帮助。而且，它仍然可以很好地使用它，那么为什么还要进行额外的不必要的工作呢？没问题。你现在应该更进一步。