Анимирования Диаграммы в JavaFX

Question

У меня есть JavaFX AreaChart, определенная в моем файле FXML

<AreaChart id="myAreaChart" 
     onMouseClicked="#handleAreaChartMouseClicked" 
     GridPane.columnIndex="0" 
     GridPane.rowIndex="0" 
     fx:id="myAreaChart" > 

    <xAxis> 
     <NumberAxis> 
     </NumberAxis> 
    </xAxis> 
    <yAxis> 
     <NumberAxis></NumberAxis> 
    </yAxis> 
</AreaChart> 

Это стиль с CSS, которые я загружаю от CSS \ myAreaChartStyle.css в методе запуска

... 
@Override 
public void start(Stage primaryStage) throws Exception{ 

    Parent root = FXMLLoader.load(getClass().getResource("sample.fxml")); 

    primaryStage.setTitle("Hello World"); 
    Scene cur = new Scene(root, 300, 275); 
     cur.getStylesheets().addAll(Main.class.getResource 
    ("css\\myAreaChartStyle.css").toExternalForm()); 
... 

Стиль работает, и у меня есть 3 области в моей диаграмме, стиль которой

.default-color0.chart-area-symbol { -fx-background-color: #0000ff; } 
.default-color0.chart-series-area-fill { -fx-fill: #0000ff; } 
.default-color0.chart-series-area-line { -fx-fill: #0000ff; } 


.default-color1.chart-area-symbol { -fx-background-color: #0000ff; } 
.default-color1.chart-series-area-fill { -fx-fill: #0000ff; } 
.default-color1.chart-series-area-line { -fx-fill: #0000ff; } 

.default-color2.chart-area-symbol { -fx-background-color: #0000ff; } 
.default-color2.chart-series-area-fill { -fx-fill: #0000ff; } 
.default-color2.chart-series-area-line { -fx-fill: #0000ff; } 

И вот мой вопрос. Я хочу включить анимацию в свою диаграмму, я имею в виду, что я хочу, чтобы цвет моих областей плавно менялся от синего до белого, например, и это будет своего рода переход на анимацию. Я попытался изменить css из моего класса Controller, но он не работает так, как я хочу. Итак, как я могу анимировать диаграмму?

Answer 1

Ознакомьтесь с примерами диаграмм, представленными в Ensenble. http://www.oracle.com/technetwork/java/javafx/samples/index.html