移動刻度標籤JavaFx 2

Question

是否可以將刻度標籤移動/移動到圖表中。目前我看到api的隱藏/顯示刻度標籤是否有API移動圖表內的刻度標籤？如果沒有API，那麼我是否可以使用/應用來完成這項工作？

當前代碼

public class Graph extends Application{ 
private NumberAxis xAxis; 
private NumberAxis yAxis; 

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

@Override 
public void start(final Stage primaryStage) throws Exception 
{ 
    xAxis = new NumberAxis(0, 300, 20); 
    xAxis.setAutoRanging(false); 
    xAxis.setAnimated(false); 
    xAxis.setMinorTickVisible(false); 
    xAxis.setTickLabelsVisible(false); 
    xAxis.setTickMarkVisible(false); 

    yAxis = new NumberAxis(30, 240, 30); 
    yAxis.setAutoRanging(false); 
    yAxis.setAnimated(false); 
    yAxis.setTickMarkVisible(false); 
    yAxis.setMinorTickVisible(false); 
    yAxis.setMinorTickCount(3); 

    final LineChart<Number, Number> ctg = new LineChart<>(xAxis, yAxis); 

    ctg.setAnimated(false); 
    ctg.setCreateSymbols(false); 
    ctg.setAlternativeRowFillVisible(false); 
    ctg.setLegendVisible(false); 
    ctg.setHorizontalGridLinesVisible(true); 
    ctg.setVerticalGridLinesVisible(true); 

    Series<Number, Number> series = new LineChart.Series<>(); 
    ctg.getData().add(series); 

    for (int i = 0; i < 300; i += 5) { 

     XYChart.Series minorYGrid = new XYChart.Series(); 
     minorYGrid.getData().add(new XYChart.Data(i, 30)); 
     minorYGrid.getData().add(new XYChart.Data(i, 240)); 
     ctg.getData().add(minorYGrid); 
    } 

    for (int i = 40; i <= 240; i += 10) { 

     XYChart.Series minorXGrid = new XYChart.Series(); 
     minorXGrid.getData().add(new XYChart.Data(0, i)); 
     minorXGrid.getData().add(new XYChart.Data(500, i)); 
     ctg.getData().add(minorXGrid); 
    } 

    final Scene scene = new Scene(ctg, 1600, 400); 
    scene.getStylesheets().add("resources/application.css"); 
    primaryStage.setScene(scene); 
    primaryStage.show(); 
} 
} 

當前結果

預期結果

Answer 1

翻譯單軸

您可以在圖表上翻譯y軸。

例如：

yAxis.translateXProperty().bind(
    xAxis.widthProperty().divide(2) 
); 

爲了確保軸被顯示在圖表的頂部，可以將深度緩衝器設置爲true在現場並設置y軸的z座標爲-1 。

yAxis.setTranslateZ(-1); 

翻譯多軸

你的 「預期結果」 實際上有多個垂直軸。不幸的是，沒有克隆方法來克隆JavaFX中的節點。所以你將不得不創建一個新的軸並將其放在圖表的頂部。一種方法來實現（這有點矯枉過正並且效率低下），就是創建一個全新的圖表並將其疊加在舊圖表上，類似於draw layers of XYCharts的解決方案中所做的。另一種方式做到這一點，這可能是可取的，但有點棘手，只是創建另一個軸並將其疊加在原始圖表上。

示例代碼

MultiAxisChart.java

import javafx.application.Application; 
import javafx.scene.Scene; 
import javafx.scene.chart.LineChart; 
import javafx.scene.chart.NumberAxis; 
import javafx.scene.layout.StackPane; 
import javafx.stage.Stage; 

public class MultiAxisChart extends Application { 

    @Override 
    public void start(final Stage primaryStage) throws Exception { 
     final StackPane chartStack = createChartStack(); 

     final Scene scene = new Scene(chartStack, 1600, 400, true); 
     primaryStage.setScene(scene); 
     primaryStage.show(); 
    } 

    private StackPane createChartStack() { 
     LineChart<Number, Number> bottomChart = createChart(); 
     LineChart<Number, Number> topChart = createChart(); 

     bottomChart.getYAxis().translateXProperty().bind(
       bottomChart.getXAxis().widthProperty().multiply(1.0/3) 
     ); 
     topChart.getYAxis().translateXProperty().bind(
       topChart.getXAxis().widthProperty().multiply(2.0/3) 
     ); 

     bottomChart.getYAxis().setTranslateZ(-1); 
     topChart.getYAxis().setTranslateZ(-1); 

     topChart.getStylesheets().addAll(getClass().getResource(
       "overlay-chart.css" 
     ).toExternalForm()); 

     return new StackPane(bottomChart, topChart); 
    } 

    private LineChart<Number, Number> createChart() { 
     NumberAxis xAxis = new NumberAxis(0, 300, 20); 
     xAxis.setAutoRanging(false); 
     xAxis.setAnimated(false); 
     xAxis.setMinorTickVisible(false); 
     xAxis.setTickLabelsVisible(false); 
     xAxis.setTickMarkVisible(false); 

     NumberAxis yAxis = new NumberAxis(30, 240, 30); 
     yAxis.setAutoRanging(false); 
     yAxis.setAnimated(false); 
     yAxis.setTickMarkVisible(false); 
     yAxis.setMinorTickVisible(false); 
     yAxis.setMinorTickCount(3); 

     final LineChart<Number, Number> ctg = new LineChart<>(xAxis, yAxis); 

     ctg.setAnimated(false); 
     ctg.setCreateSymbols(false); 
     ctg.setAlternativeRowFillVisible(false); 
     ctg.setLegendVisible(false); 
     ctg.setHorizontalGridLinesVisible(true); 
     ctg.setVerticalGridLinesVisible(true); 

     return ctg; 
    } 

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

疊加chart.css

/** file: overlay-chart.css (place in same directory as MultiAxisChart) */ 
.chart-plot-background { 
    -fx-background-color: transparent; 
}