GridPane에서 JavaFX LineChart의 간격

Question

이제 JavaFX LineCharts에서 데이터를 표시하기위한 프로그램을 작성하려고합니다. 내 메인 패널은 위쪽/왼쪽/오른쪽/등의 일부 기능이있는 BorderPane입니다. 패널 중앙에 선 차트를 표시하려고합니다. 1 이상, 4

의 최대 그래서 나는이 유사한 결과를 달성하기 위해 메인 패널의 중심에 gridpane 설정에 대한 생각 : 지금

Sample Gridpane

내 문제를 때 LineCharts를 GridPane에 추가하려고합니다 (.add (chart, 0, 0)). 차트가 부모와 일치하지 않을 것입니다. 차트를 더 추가하는 경우에도 마찬가지입니다.

Something like this

부모와 일치하는 항목을 많이 훑어 보았습니다. 그러나 어쨌든 나는 어디에도 가지 않습니다 :/경계선의 "중심"크기를 알아야 할 필요가있을 때 그에 따라 LineChart의 크기를 조정할 수 있습니다. 그러나 나는 그것을 찾을 수 없습니다 ... 아마도 당신의 누군가가 단서를 가지고 있습니까?

건배!

Answer 1

자식 요소 크기에 대한 GridPane에 수신기를 추가하고 자식 요소 목록의 크기를 기반으로 자식 노드의 레이아웃 제약 조건을 업데이트 할 수 있습니다.

import javafx.application.Application; 
import javafx.beans.binding.Bindings; 
import javafx.collections.ObservableList; 
import javafx.geometry.*; 
import javafx.scene.Node; 
import javafx.scene.Scene; 
import javafx.scene.chart.*; 
import javafx.scene.layout.*; 
import javafx.stage.Stage; 

import java.util.stream.IntStream; 

public class GridViewer extends Application { 
    @Override 
    public void start(final Stage stage) throws Exception { 
     ChartGrid grid = new ChartGrid(); 

     grid.getChildren().setAll(
       IntStream.range(1, 5) 
         .mapToObj(this::createLineChart) 
         .toArray(Chart[]::new) 
     ); 

     stage.setScene(new Scene(grid)); 
     stage.show(); 
    } 

    class ChartGrid extends GridPane { 
     ChartGrid() { 
      setHgap(5); 
      setVgap(5); 
      setPadding(new Insets(5)); 

      setPrefSize(500, 500); 

      Bindings.size(getChildren()).addListener((observable, oldSize, newSize) -> { 
       ObservableList<Node> nodes = getChildren(); 
       for (int i = 0; i < newSize.intValue(); i++) { 
        GridPane.setConstraints(
          nodes.get(i), 
          i/2, i % 2, 
          1, 1, 
          HPos.CENTER, VPos.CENTER, 
          Priority.ALWAYS, Priority.ALWAYS 
        ); 
       } 
      }); 
     } 
    } 

    private Chart createLineChart(int idx) { 
     NumberAxis xAxis = new NumberAxis(); 
     NumberAxis yAxis = new NumberAxis(); 
     LineChart<Number, Number> chart = new LineChart<>(xAxis, yAxis); 
     chart.setTitle("Chart " + idx); 
     chart.setMinSize(0, 0); 

     return chart; 
    } 

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

참고 :이 솔루션의 중요한 부분이 차트의 최소 매개 변수를 설정하는 것입니다 0 :

chart.setMinSize(0, 0); 

이 때문에 당신의 가능한 영역의 크기를하는 경우 GridPane이 차트의 최소 크기 (기본적으로 0이 아님)의 합보다 작 으면 차트가 서로 겹치기 시작합니다. 이는 원하는 것이 아닙니다.