jak wyświetlić wartość bar na górze bar JavaFX

Question

z tym kodem mogę wygenerować wykres słupkowy 10 barów teraz chcę wiedzieć, jak wyświetlić wartość każdego paska na górze paska jak na załączonym obrazu:

tutaj jest kod:

public class BarChartSample extends Application { 


    @Override public void start(Stage stage) { 
     stage.setTitle("Bar Chart Sample"); 
     final CategoryAxis xAxis = new CategoryAxis(); 
     final NumberAxis yAxis = new NumberAxis(); 
     final BarChart<String,Number> bc = 
      new BarChart<String,Number>(xAxis,yAxis); 
     bc.setTitle("Country Summary"); 
     xAxis.setLabel("bars");  
     yAxis.setLabel("Value"); 

     XYChart.Series series1 = new XYChart.Series(); 
     series1.setName("...");  

for(int i=0;i<10;i++) 
{ 
    //here i want to change color of bar if value of i is >5 than red if i>8 than blue 
series1.getData().add(new XYChart.Data("Value", i)); 

}   

} 

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

Answer 1

Wewnątrz ChangeListener za przedmiot każde dane za node nieruchomości, można wywołać następującą funkcję aby dodać etykietę do górnej części paska:

private void displayLabelForData(XYChart.Data<String, Number> data) { 
    final Node node = data.getNode(); 
    final Text dataText = new Text(data.getYValue() + ""); 
    node.parentProperty().addListener(new ChangeListener<Parent>() { 
    @Override public void changed(ObservableValue<? extends Parent> ov, Parent oldParent, Parent parent) { 
     Group parentGroup = (Group) parent; 
     parentGroup.getChildren().add(dataText); 
    } 
    }); 

    node.boundsInParentProperty().addListener(new ChangeListener<Bounds>() { 
    @Override public void changed(ObservableValue<? extends Bounds> ov, Bounds oldBounds, Bounds bounds) { 
     dataText.setLayoutX(
     Math.round(
      bounds.getMinX() + bounds.getWidth()/2 - dataText.prefWidth(-1)/2 
     ) 
    ); 
     dataText.setLayoutY(
     Math.round(
      bounds.getMinY() - dataText.prefHeight(-1) * 0.5 
     ) 
    ); 
    } 
    }); 
} 

kod działa dodając etykietę tekstową do rodzica każdego węzła pręta, a następnie dynamiczne pozycjonowanie etykiety tekstowej w oparciu o pasek i ograniczenia tekstu za każdym razem, gdy pasek zmienia się.

Dla tego stworzyłem sample solution.

Answer 2

Nie ma takiej opcji w JFX, o etykietach pokazujących pasek w tabeli.

Co można zrobić, to rozszerzyć klasę wykresów słupkowych i zastąpić metody dotyczące tworzenia i przydzielania zawartości.

Możesz obserwować kod wykresów w projekcie javafx-ui-charts, który możesz pobrać z repozytorium OpenJFX.

Kodeks wykresów nie jest trudne do zrozumienia ...

Pobierz rt-repozytorium z http://hg.openjdk.java.net/openjfx/8/master/rt

Znajdź projekt JavaFX-UI-wykresów i otwórz go. Znajdź implementację wykresu słupkowego.