Charts 将线形图与条形图组合

我正在尝试使用一个窗格将条形图与折线图组合起来，但它不起作用。它只向我显示了线条图，而不是带有它的条形图，我不知道为什么。你能帮我吗

    Stage stage = (Stage) ((Node) event.getSource()).getScene().getWindow();
    stage.setScene(
        new Scene(
            layerCharts(
               createBarChart()
                    ,createLineChart()
            )
        )
    );
    stage.show();
}

private NumberAxis createYaxis() {
    final NumberAxis axis = new NumberAxis(0, 21, 1);
    axis.setPrefWidth(35);
    axis.setMinorTickCount(10);

    axis.setTickLabelFormatter(new NumberAxis.DefaultFormatter(axis) {
        @Override public String toString(Number object) {
            return String.format("%7.2f", object.floatValue());
        }
    });

    return axis;
}

private BarChart<String, Number> createBarChart() {
    final BarChart<String, Number> chart = new BarChart<>(new CategoryAxis(), createYaxis());
    setDefaultChartProperties(chart);
    chart.getData().addAll(
        new XYChart.Series(
            FXCollections.observableArrayList(
                new XYChart.Data("Jan", 2),
                new XYChart.Data("Feb", 10),
                new XYChart.Data("Mar", 8),
                new XYChart.Data("Apr", 4),
                new XYChart.Data("May", 7),
                new XYChart.Data("Jun", 5),
                new XYChart.Data("Jul", 4),
                new XYChart.Data("Aug", 8),
                new XYChart.Data("Sep", 16.5),
                new XYChart.Data("Oct", 13.9),
                new XYChart.Data("Nov", 17),
                new XYChart.Data("Dec", 10)
            )
        )
    );
    return chart;
}

private LineChart<String, Number> createLineChart() {
    final LineChart<String, Number> chart = new LineChart<>(new CategoryAxis(), createYaxis());
    setDefaultChartProperties(chart);
    chart.setCreateSymbols(false);
    chart.getData().addAll(
        new XYChart.Series(
            FXCollections.observableArrayList(
                new XYChart.Data("Jan", 1),
                new XYChart.Data("Feb", 2),
                new XYChart.Data("Mar", 1.5),
                new XYChart.Data("Apr", 3),
                new XYChart.Data("May", 2.5),
                new XYChart.Data("Jun", 5),
                new XYChart.Data("Jul", 4),
                new XYChart.Data("Aug", 8),
                new XYChart.Data("Sep", 6.5),
                new XYChart.Data("Oct", 13),
                new XYChart.Data("Nov", 10),
                new XYChart.Data("Dec", 20)
            )
        )
    );
    return chart;
}

private void setDefaultChartProperties(final XYChart<String, Number> chart) {
    chart.setLegendVisible(false);
    chart.setAnimated(false);
}

private StackPane layerCharts(final XYChart<String, Number> ... charts) {
    for (int i = 1; i < charts.length; i++) {
        configureOverlayChart(charts[i]);
    }

    StackPane stackpane = new StackPane();
    stackpane.getChildren().addAll(charts);

    return stackpane;
}

private void configureOverlayChart(final XYChart<String, Number> chart) {
    chart.setAlternativeRowFillVisible(false);
    chart.setAlternativeColumnFillVisible(false);
    chart.setHorizontalGridLinesVisible(false);
    chart.setVerticalGridLinesVisible(false);
    chart.getXAxis().setVisible(false);
    chart.getYAxis().setVisible(false); 
   chart.setStyle("-fx-background-color: rgba(0, 100, 100, 0.5); -fx-background-radius: 10;");
    //chart.getStylesheets().addAll(getClass().getResource("StyleSheet1.scss").toExternalForm());
}

---

你为什么要堆积图表？是否可以将所有数据放入折线图中？我想制作一个气候图。我猜代码源于：。看起来您修改了代码，不使用附加的样式表，而是使用内联样式-但是您不能这样做，样式需要在样式表中定义，如原始示例代码中所示。

.chart-plot-background { 
-fx-background-color: transparent; 
}