带progressbar的折线图

Question

import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.chart.AreaChart;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;

public class MainApp extends Application
{

    @Override
    public void start(Stage stage)
    {

        setUserAgentStylesheet(STYLESHEET_CASPIAN);

        Scene scene = new Scene(chart(), 800, 600);

        stage.setScene(scene);
        stage.show();
    }

    private XYChart.Series series;

    private AreaChart<String, Number> chart()
    {
        CategoryAxis xAxis = new CategoryAxis();

        NumberAxis yAxis = new NumberAxis();

        // Chart
        final AreaChart<String, Number> sc = new AreaChart<>(xAxis, yAxis);

        sc.setCreateSymbols(false);

        sc.setPrefSize(1200, 210);

        series = new AreaChart.Series<>();
        series.setName("Area Chart Series");
        sc.getData().add(series);

        Node node = sc.lookup(".default-color0.chart-series-area-fill");
        node.setStyle("-fx-fill: linear-gradient(#f2f2f2, #d4d4d4);"
            + "  -fx-background-insets: 0 0 -1 0, 0, 1, 2;"
            + "  -fx-background-radius: 3px, 3px, 2px, 1px;");

        Node nodew = sc.lookup(".chart-series-area-line");
        nodew.setStyle("-fx-stroke: #989898; -fx-stroke-width: 1px; ");

        series.getData().add(new AreaChart.Data("Monday", 23));
        series.getData().add(new AreaChart.Data("Tuesday", 234));
        series.getData().add(new AreaChart.Data("Wednesday", 54));
        series.getData().add(new AreaChart.Data("Thursday", 565));
        series.getData().add(new AreaChart.Data("Friday", 78));
        series.getData().add(new AreaChart.Data("Saturday", 35));
        series.getData().add(new AreaChart.Data("Sunday", 65));

        return sc;
    }

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

}

Answer 1

简短回答:你不能。

长回答:没有任何公共API来了解图表加载进度。此外，我非常怀疑图表中是否会有如此多的数据，以至于需要一个进度条。

解决方案:我想您需要进度条来显示视觉效果。只需创建一个stackpane，其中包含一个进度条和一个图表，当进度条到达末尾时，将图表放在前面。真的很容易。