JavaFX 차트에 행 추가하기

Question

JavaFX의 정의 된 위치에 선을 추가하는 데 문제가 있습니다. 이 줄은 다음과 같이 줄을 꾸며야합니다. How to add a value marker to JavaFX chart?

제 레이아웃의 정의가 좀 더 복잡합니다. 보라 :

중요한 부분은 상단의 하나입니다. y = 60 행에 선이 있어야합니다. 라디오 박스가있는 왼쪽 부분은 VBox입니다. (Scatter-) Chart가있는 부분은 StackPane입니다 (너비의 나머지 부분을 채우기 때문에). 이 StackPane 내부에는 차트와 그룹이 있습니다. 그룹의 유일한 자녀가 그 선입니다.

StackPane이 차트 위의 줄에 그룹을 중앙에 배치한다는 것이 문제라고 생각합니다. 하지만 3. 내가 조합을 많이 시도

선을 중심으로하지 않습니다하지만 난 그냥 수 없습니다 1. 차트 위의 차트를 2 세트 라인을 뻗어 레이아웃의 조합을 얻을 수 없다 그것을 내가 원하는 방식으로 얻으십시오. 아무도 아이디어가 있니?!

Answer 1

적절하게 수평선의 이름을하십시오 -) 상수 값을 가진 데이터를 사용하는 것은 일부 컨텍스트에서 허용되거나 가능할 수있는 해킹입니다.

이러한 마커를 지원하는 사용자 정의 차트가 더 깨끗하게 나옵니다. F.i. 사용자 지정 좋아 scatterchart에 :

이

// instantiate chart 
NumberAxis xAxis = new NumberAxis(0, 10, 1); 
NumberAxis yAxis = new NumberAxis(-100, 500, 100);   
ScatterXChart<Number,Number> sc = new ScatterXChart<>(xAxis,yAxis); 
// .. fill with some data 
... 
// ui to add/change/remove a value marker 
Data<Number, Number> horizontalMarker = new Data<>(0, 110); 
Button add = new Button("Add Marker"); 
add.setOnAction(e -> sc.addHorizontalValueMarker(horizontalMarker)); 
Slider move = new Slider(yAxis.getLowerBound(), yAxis.getUpperBound(), 0); 
move.setShowTickLabels(true); 
move.valueProperty().bindBidirectional(horizontalMarker.YValueProperty()); 
Button remove = new Button("Remove Marker"); 
remove.setOnAction(e -> sc.removeHorizontalValueMarker(horizontalMarker)); 

부록이 :

나는 approach in the related question 권하고 싶지 않다 동안

public class ScatterXChart<X, Y> extends ScatterChart<X, Y> { 

    // data defining horizontal markers, xValues are ignored 
    private ObservableList<Data<X, Y>> horizontalMarkers; 

    public ScatterXChart(Axis<X> xAxis, Axis<Y> yAxis) { 
     super(xAxis, yAxis); 
     // a list that notifies on change of the yValue property 
     horizontalMarkers = FXCollections.observableArrayList(d -> new Observable[] {d.YValueProperty()}); 
     // listen to list changes and re-plot 
     horizontalMarkers.addListener((InvalidationListener)observable -> layoutPlotChildren()); 
    } 

    /** 
    * Add horizontal value marker. The marker's Y value is used to plot a 
    * horizontal line across the plot area, its X value is ignored. 
    * 
    * @param marker must not be null. 
    */ 
    public void addHorizontalValueMarker(Data<X, Y> marker) { 
     Objects.requireNonNull(marker, "the marker must not be null"); 
     if (horizontalMarkers.contains(marker)) return; 
     Line line = new Line(); 
     marker.setNode(line); 
     getPlotChildren().add(line); 
     horizontalMarkers.add(marker); 
    } 

    /** 
    * Remove horizontal value marker. 
    * 
    * @param horizontalMarker must not be null 
    */ 
    public void removeHorizontalValueMarker(Data<X, Y> marker) { 
     Objects.requireNonNull(marker, "the marker must not be null"); 
     if (marker.getNode() != null) { 
      getPlotChildren().remove(marker.getNode()); 
      marker.setNode(null); 
     } 
     horizontalMarkers.remove(marker); 
    } 

    /** 
    * Overridden to layout the value markers. 
    */ 
    @Override 
    protected void layoutPlotChildren() { 
     super.layoutPlotChildren(); 
     for (Data<X, Y> horizontalMarker : horizontalMarkers) { 
      double lower = ((ValueAxis) getXAxis()).getLowerBound(); 
      X lowerX = getXAxis().toRealValue(lower); 
      double upper = ((ValueAxis) getXAxis()).getUpperBound(); 
      X upperX = getXAxis().toRealValue(upper); 
      Line line = (Line) horizontalMarker.getNode(); 
      line.setStartX(getXAxis().getDisplayPosition(lowerX)); 
      line.setEndX(getXAxis().getDisplayPosition(upperX)); 
      line.setStartY(getYAxis().getDisplayPosition(horizontalMarker.getYValue())); 
      line.setEndY(line.getStartY()); 

     } 
    } 
} 

A는 (오라클의 튜토리얼의 온라인 예에 과학 삽입) 차트를 테스트 니펫을 (차트의 부모에 마커 선을 추가하고 위치/길이를 외부에서 관리) 은 크기 조정이 가능한 컨테이너에서입니다.결정적인 thingies는 그것이 작동되도록하기 :

• 차트의 크기/위치 변경을 듣고 라인을 업데이트 적절하게
• 코드의 거짓

에 마커의 관리 속성은 (updateShift가있는 부분 설정

Pane pane = new StackPane(chart); 
chart.widthProperty().addListener(o -> updateShift(chart)); 
chart.heightProperty().addListener(o -> updateShift(chart)); 
valueMarker.setManaged(false); 
pane.getChildren().add(valueMarker); 

Answer 2

왜 차트에 그 라인을 추가하지 않습니까? 100, 99, 95 및 50 백분위 수를 표시하는 차트가 있는데이 문제를 해결하는 방법은 각 백분위 수에 맞는 y 값으로 한 줄을 추가하는 것입니다.

이렇게하려면 y = 60 x = 70 (가장 왼쪽의 x 축 값)과 y = 60 및 x = 120 (오른쪽 상단의 x 축 값) 대부분의 x 축 값).

위의 장점은 수동으로 수평선을 정렬 할 필요가 없다는 것입니다. 단점은이 수평선이 범례의 일부가된다는 것입니다. 그러나 전설이 없으므로 확인해야합니다. 당신은 전설을 추가하기로 결정하는 경우

((즉, 아마이 수행해야했다 계층 구조에서 장소) L, M은 불행하게도, ValueMarkers이 XYCharts에서 지원되지 않습니다