散布図データポイントとしてのJava Fxカスタム画像

Question

基本的に画像を表す入力ストリームがあります。私は、このイメージによって表現されるシリーズを望んでいます。私は（それが更新されることがあります）私のニーズに合うようにScatterChart<Number,Number>クラスを拡張し

public void update(ComputationState finalState) { 
    getData().clear(); 
    XYChart.Series<Number, Number> series = new XYChart.Series<>(); 
    for (PizzaDeliverer entry : finalState.getPizzas()) { 
     XYChart.Data<Number, Number> dataEntry = new XYChart.Data<>(entry.getCurrentPosition().getX(), entry.getCurrentPosition().getY()); 
     series.getData().add(dataEntry); 
    } 
    series.setName(null); 
    getData().add(series); 
} 

：今のところ私はそのような何かを持っています。

私はピザの画像を使って表現することができます。どうすればこれを達成できますか？

Answer 1

public void update(ComputationState finalState) { 
    getData().clear(); 
    XYChart.Series<Number, Number> series = new XYChart.Series<>(); 

    final int imgWidth = 20 ; 
    final int imgHeight = 20 ; 
    final Image img = new Image(getClass().getResource("pizza.png"), imgWidth, imgHeight, true, true, true); 

    for (PizzaDeliverer entry : finalState.getPizzas()) { 
     XYChart.Data<Number, Number> dataEntry = new XYChart.Data<>(entry.getCurrentPosition().getX(), entry.getCurrentPosition().getY()); 
     dataEntry.setNode(new ImageView(img)); 
     series.getData().add(dataEntry); 
    } 
    series.setName(null); 
    getData().add(series); 
} 

Answer 2

イメージについてはわかりませんが、CSSを使用してイメージを作成できます。具体的に、よりhere. を読んで試してみてください、使用してみてください：

.chart-symbol { 
    -fx-image: url("image.png"); 
}