Установить стиль LineChart (javafx) на дочерний элемент

Question

Я хочу использовать 2 объекта с одной строкой на каждой.

Я установил цвет как этот .chart-series-line {-fx-stroke: #ff0099; } и линии изменили оба. Но цвет на линиях должен быть другим. Как я могу изменить строки отдельно?

Answer 1

Просто установите идентификатор CSS на каждой линейной диаграмме, например.

LineChart leftChart = new LineChart(...); 
leftChart.setId("left"); 

LineChart rightChart = new LineChart(...); 
rightChart.setId("right"); 

(или если вы используете FXML

<LineChart id="left" ... > 

и т.д.)

, а затем в файле CSS вы можете сделать

#left .chart-series-line {-fx-stroke: #ff0099; } 

и т.д.