Интервал JavaFX LineCharts в GridPane

Question

Итак, сейчас я пытаюсь написать программу для отображения данных в JavaFX LineCharts. Моя основная панель - это BorderPane с некоторыми функциями сверху/влево/вправо/и т. Д. В центре панели. Я хочу отобразить LineChart (s). По крайней мере, 1 и максимум 4.

Так я думал о настройке gridpane в центре главной панели, чтобы достичь результата, похожее на это:

Sample Gridpane

Моя проблема теперь, когда Я пытаюсь добавить LineCharts к GridPane (с .add (chart, 0, 0), диаграмма просто не совпадает с родительским. То же самое, если я продолжу добавлять дополнительные диаграммы. Оказывается, это примерно так:

Something like this

Я искал много материала по сопоставлению с родителями, но почему-то я никуда не денусь:/Мне нужно знать размер «центра» пограничной области, тогда я мог бы соответствующим образом разделить LineCharts. Но я не могу найти его ... может быть, у кого-то из вас есть ключ?

Cheers!

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); 
    } 
} 

Примечание: важная часть этого решения является установка MinSize чартов в 0:

chart.setMinSize(0, 0); 

Это происходит потому, что если вы размер доступной площади из GridPane меньше, чем сумма минимального размера диаграмм (по умолчанию это не 0), тогда диаграммы начнут рисоваться, перекрывая друг друга, что не то, что вы хотите.