javascript - 如何根据值设置条形颜色 PrimeFaces BarChart

Question

我在 Google 中找不到它，所以我在这里询问。如何设置取决于 PrimeFaces BarChart 值的条形颜色。例如，如果我的值小于 50%，则条形图为红色。也许有人有类似的问题并且可以给我发送解决方案

Answer 1

我前段时间使用过primefaces，据我记得，我遇到过和你类似的情况。

您可以做的是动态设置颜色，例如在 bean 中您可以拥有对象 BarChartModel，它具有属性 setSeriesColors(String seriesColors)。不知道您的示例中的“值(value)”是什么，但一切都有效，并且与我所解释的类似。

在 bean 中，您将拥有 getBarColor(value) 函数，您可以在其中根据要返回的颜色字符串的值来决定。通过这种方式，您可以实现您想要的任何逻辑以及您想要多少种颜色，例如:低于 25% - 红色，25-75% - 黄色，超过 75% - 绿色。

public String getBarColor(int value){
    String color="#006400" //default color

    if (value < 25) {
        color="#8B0000";
    } else if (value >= 25 && value <= 75) {
        color="#228B22";
    } else {
        color="#FFD700";
    }

    return color;
}

希望有帮助。我认为您可以根据自己的情况进行调整。