Как установить определенный цвет в JavaFX XYChart.Series?

Question

Я пытаюсь создать свою линейную линию JavaFX, но не могу найти способ установить цвет для определенных серий. Я знаю, что я могу стиль с помощью CSS, но я не могу найти, как установить ID или CLASS в мою серию.

Может кто-нибудь дать мне ключ на:

1. Как установить цвет linecharts?
2. Как установить класс css в серию?

Answer 1

В общем, предпочтительный способ создания диаграмм без кода, используя только таблицы стилей CSS, как рекомендует jschoen. Кроме того, если требуется дополнительная настройка, вы можете использовать css-поиск из кода, чтобы выкопать узлы, созданные из последовательных данных, и применить различные дополнительные стили CSS.

Здесь представлена ​​информация о динамическом изменении JavaFX line chart style и sample program, чтобы получить ответ. В примере приложения все дополнительные стили CSS выполняются с помощью вызова setStyle из кода. Используя подобный метод поиска, вы можете получить доступ к узлам серии, чтобы применить соответствующий стиль styleclass, а не вызов setStyle.

Answer 2

Я нашел этот документ Oracle на Styling charts with CSS и на этой странице, прокрутите вниз до Setting Chart Colors за то, что вы специально искали.

Как установить цвет в линейные диаграммы?

Самый простой способ для этого следующий CSS сниппет:

.default-color0.chart-series-line { -fx-stroke: #e9967a; } 
.default-color1.chart-series-line { -fx-stroke: #f0e68c; } 
.default-color2.chart-series-line { -fx-stroke: #dda0dd; } 

К сожалению, это не будет работать по идентификатору или которые рядом, а порядок ряды размещаются на графике. Вы можете также установить стили линий, хотя, выполнив:

.chart-series-line {  
    -fx-stroke-width: 2px; 
    -fx-effect: null; 
} 

Как установить класс CSS в серии?

К сожалению, я не вижу способа сделать это. Было бы неплохо иметь возможность создавать правила CSS, основанные на свойстве имени XYChart.Series, но я не думаю, что это возможно.

Answer 3

Ответ на драгоценность, похоже, указывает на то, что вы должны поместить класс стиля на каждый узел серии. Я использую следующий код, чтобы создать серию диаграммы области и назначить класс только узлу, связанному с серией. Пример кода находится в Scala, но его нужно легко перевести.

При создании серии, добавить ряд конкретного класса стиля:

 val s = new XYChart.Series[Number, Number]() //create a new series 
     s.setName(seriesName)       //set its name (display in legend) 
     s.getNode.getStyleClass.add("series-" + seriesName) //add specific style class 

Тогда внутри css -файла я делаю следующее, чтобы изменить цвет заливки «butterwings» серии:

.series-butterwings *.chart-series-area-fill{ 
    -fx-fill: #aab597; 
} 

Это работает, потому что узел для области серии находится ниже узла серии (который является группой в случае диаграммы области).

Answer 4

Как установить цвет в линейные диаграммы?

Вот простой способ AreaChart или LineChart

XYChart chart = new AreaChart(); 
Series series = new Series(); 
chart.getData().add(series); 

Node fill = series.getNode().lookup(".chart-series-area-fill"); // only for AreaChart 
Node line = series.getNode().lookup(".chart-series-area-line"); 

Color color = Color.RED; // or any other color 

String rgb = String.format("%d, %d, %d", 
     (int) (color.getRed() * 255), 
     (int) (color.getGreen() * 255), 
     (int) (color.getBlue() * 255)); 

fill.setStyle("-fx-fill: rgba(" + rgb + ", 0.15);"); 
line.setStyle("-fx-stroke: rgba(" + rgb + ", 1.0);");