JavaFX BarChart, Set Series Color by Series Name

Question

I am trying to dynamically set the BarChart Series color.

I want to have always the same color for the same Series name. Its not always the same Series names in the chart, which is why I cannot rely on the position in the chart (colors per default always the same at the same position in the data list).

chart.getData().addListener(new ListChangeListener<Series<String, Number>>() {

        @Override
        public void onChanged(
            final javafx.collections.ListChangeListener.Change<? extends Series<String, Number>> c) {
        while (c.next()) {
            for (final Series s : c.getAddedSubList()) {
            if ("booking".equalsIgnoreCase(s.getName())) {
                if (s.getNode() != null) {
                s.getNode().getStyleClass().add(".source-background-booking");
                }
            } else if ("airbnb".equalsIgnoreCase(s.getName())) {
                if (s.getNode() != null) {
                s.getNode().getStyleClass().add(".source-background-airbnb");
                }
            }
            }
        }
        }
    });

This does not work as expected. The Series's Node is always null. Why is that?

EDIT: Another approach that is not working:

chart.getData().addListener(new ListChangeListener<Series<String, Number>>() {

        @Override
        public void onChanged(
            final javafx.collections.ListChangeListener.Change<? extends Series<String, Number>> c) {
        while (c.next()) {
            System.err.println("Series " + c.getAddedSubList() + " kommt rein..");
            for (final Series<String, Number> s : c.getAddedSubList()) {
            s.nodeProperty().addListener(new ChangeListener<Node>() {

                @Override
                public void changed(final ObservableValue<? extends Node> observable, final Node oldValue,
                    final Node newValue) {
                System.err.println("Already good");
                if ("booking".equalsIgnoreCase(s.getName())) {
                    newValue.getStyleClass().add(".source-background-booking");
                    System.err.println("Seems to work..");
                } else if ("airbnb".equalsIgnoreCase(s.getName())) {
                    newValue.getStyleClass().add(".source-background-airbnb");
                    System.err.println("Seems to work..");
                }
                }
            });

            }
        }
        }
    });

Unfortunately, this callback seems to be never called..

You should be doing something similar to [this](https://stackoverflow.com/questions/15233858/how-to-change-color-of-a-single-bar-java-fx) or [this](https://stackoverflow.com/questions/14158104/javafx-barchart-color). — SedJ601, Jun 05 '17 at 13:57
Thanks Sedrick, see edit (first suggestion), second one does not work, since the different series are not always at the same position, which is why default colors (`.default-color0.chart-bar { -fx-bar-fill: ***** }`) do not work. — kerner1000, Jun 05 '17 at 14:08
Are you trying to set the color based on the bar's Series name? — SedJ601, Jun 05 '17 at 14:31
Yes, exactly. If a Series name occurs (not necessarily always the case) then I want to have always the same color. -> Based on the Series name, not the position in chart (which is the default). — kerner1000, Jun 05 '17 at 14:52
It would be nice if you added a chart that shows what you have and what you are trying to achieve. — SedJ601, Jun 05 '17 at 15:11

SedJ601 · Answer 1 · 2019-08-08T19:35:16.380

Try this:

import com.sun.javafx.charts.Legend;
import com.sun.javafx.charts.Legend.LegendItem;
import javafx.application.Application;
import javafx.application.Platform;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.chart.BarChart;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.chart.XYChart.Data;
import javafx.scene.chart.XYChart.Series;
import javafx.scene.control.Label;
import javafx.stage.Stage;

public class BarChartSample extends Application {
    final static String austria = "Austria";
    final static String brazil = "Brazil";
    final static String france = "France";
    final static String italy = "Italy";
    final static String usa = "USA";

    @Override public void start(Stage stage) {
        stage.setTitle("Bar Chart Sample");
        final CategoryAxis xAxis = new CategoryAxis();
        final NumberAxis yAxis = new NumberAxis();
        final BarChart<String,Number> bc = new BarChart(xAxis,yAxis);
        bc.setTitle("Country Summary");
        xAxis.setLabel("Country");       
        yAxis.setLabel("Value");

        XYChart.Series series1 = new XYChart.Series();
        series1.setName("2003");       
        series1.getData().add(new XYChart.Data(austria, 25601.34));
        series1.getData().add(new XYChart.Data(brazil, 20148.82));
        series1.getData().add(new XYChart.Data(france, 10000));
        series1.getData().add(new XYChart.Data(italy, 35407.15));
        series1.getData().add(new XYChart.Data(usa, 12000));      

        XYChart.Series series2 = new XYChart.Series();
        series2.setName("2004");
        series2.getData().add(new XYChart.Data(austria, 57401.85));
        series2.getData().add(new XYChart.Data(brazil, 41941.19));
        series2.getData().add(new XYChart.Data(france, 45263.37));
        series2.getData().add(new XYChart.Data(italy, 117320.16));
        series2.getData().add(new XYChart.Data(usa, 14845.27));  

        XYChart.Series series3 = new XYChart.Series();
        series3.setName("2005");
        series3.getData().add(new XYChart.Data(austria, 45000.65));
        series3.getData().add(new XYChart.Data(brazil, 44835.76));
        series3.getData().add(new XYChart.Data(france, 18722.18));
        series3.getData().add(new XYChart.Data(italy, 17557.31));
        series3.getData().add(new XYChart.Data(usa, 92633.68));  

        Scene scene  = new Scene(bc,800,600);
        bc.getData().addAll(series1, series2, series3);
        stage.setScene(scene);
        stage.show();

        //Used to change series color.
        for (XYChart.Series<String, Number> series : bc.getData()) {
            if(series.getName().equals("2003"))
            {
                System.out.println("Series name: " + series.getName());
                for(Data data : series.getData())
                {
                    data.getNode().setStyle("-fx-bar-fill: firebrick;");
                }                        
            }                    
        }

        //Used to change legend color
        for(Node n : bc.getChildrenUnmodifiable())
        {
            if(n instanceof Legend)
            {
                System.out.println(((Legend)n).getItems());
                for(LegendItem items : ((Legend)n).getItems())
                {
                    System.out.println("Legend item text: " + items.getText());
                    if(items.getText().equals("2003"))
                    {
                        items.getSymbol().setStyle("-fx-bar-fill: firebrick;");
                    }
                }
            }
        }

    }

    public static void main(String[] args) {
        launch(args);
    }

}

For Java 10 and Above replace the Used to change legend color code with code below. Not tested on Java 9

//Used to change legend color
for(Node node : bc.lookupAll("Label.chart-legend-item"))
{
    Label tempLabel = (Label)node;
    if(tempLabel.getText().equals("2003"))
    {
        tempLabel.getGraphic().setStyle("-fx-bar-fill: firebrick;");
    }           
}

This app changes the 2003 series color to firebrick. The for loop is the part you should focus on.

UPDATE I added a way to change the legend color.

UPDATE 08/08/2019 The original code works for Java 8. I am adding code for Java 10 and above.

It Changes the color of all the bars associated with series 2003. I added a link that explains how to change the legend color. Are you sure, it's the series color you want to change? — SedJ601, Jun 05 '17 at 15:27
OK, like this I can change the color for each bar separately. But I need to adapt the legend color separately. This does not work via the lookup approach mentioned in other questions (since again, I cannot rely on the order of the series, which is why `chart.lookupAll(".bar-legend-symbol.default-color0")` wont work. — kerner1000, Jun 05 '17 at 15:27

JavaFX BarChart, Set Series Color by Series Name

1 Answers1

Linked

Related