javafx 분산 형 차트에서 차트 기호의 크기를 변경하려면 어떻게해야합니까?

Question

심볼 모양, 색상, 패딩, 반지름을 변경할 수 있지만 심볼 크기가 변경되는 CSS 항목을 찾을 수없는 것 같습니다.

나는 SVG 경로가 더 작은 심볼을 다시 만들면 그것을 할 수있는 방법 일지 모르지만 내 작은 모양이 어쨌든 확장된다는 생각이 들었다.

더 작은 기호가 필요하지만 크기를 조정하는 방법을 찾지 못했습니다.

Answer 1

다음은 코드이며, 모든 심볼을 찾고 너비와 높이를 변경할 수있는 루프입니다. 나는 이쪽 만 알고있다. CSS에서 이것을 시도하면 차트 아래의 범례도 변경됩니다. 여기

public class Chart extends Application { 

    @Override 
    public void start(Stage stage) { 

    //set Axis 
    final NumberAxis xAxis = new NumberAxis(); 
    final NumberAxis yAxis = new NumberAxis(); 

    //chart 
    final ScatterChart<Number, Number> lineChart = new ScatterChart<Number, Number>(xAxis, yAxis); 

    //prepare series 
    XYChart.Series series1 = new XYChart.Series(); 
    series1.getData().add(new XYChart.Data(1, 2)); 
    series1.getData().add(new XYChart.Data(2, 2)); 
    series1.getData().add(new XYChart.Data(3, 1)); 
    series1.getData().add(new XYChart.Data(3, 3)); 
    series1.getData().add(new XYChart.Data(5, 2)); 

    HBox hbox = new HBox(); 
    //add series to chart 
    lineChart.getData().addAll(series1); 

    //take all series 
    for (XYChart.Series<Number, Number> series : lineChart.getData()) { 
     //for all series, take date, each data has Node (symbol) for representing point 
     for (XYChart.Data<Number, Number> data : series.getData()) { 
     // this node is StackPane 
     StackPane stackPane = (StackPane) data.getNode(); 
     stackPane.setPrefWidth(50); 
     stackPane.setPrefHeight(50); 
     } 
    } 

    hbox.getChildren().addAll(lineChart); 
    Scene scene = new Scene(hbox, 800, 600); 
    scene.getStylesheets().add(getClass().getResource("/resources/chart.css").toExternalForm()); 
    stage.setScene(scene); 
    stage.show(); 
    } 

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

는이 예제 기호에서이 시리즈 반경

.default-color0.chart-symbol { 
    -fx-background-radius: 30px; 
} 

에 대해 설정할 수있는 wher CSS되어 있습니다 더 큰

Answer 2

이 내가 SVG 경로에 사각형을 생성하는 방법입니다 후 변경된 CSS로 크기.

.chart-symbol{ 
    -fx-shape: "M 20.0 20.0 v24.0 h 10.0 v-24 Z"; 
    -fx-padding: 7px 7px 7px 7px; 
}