Graphique JavaFX Mise à l'échelle automatique Incorrecte avec des nombres faibles

, Le problème vient de deux choses.

1. Ajout et suppression de données en même temps (avant le début des animations)
2. La mise à l'échelle automatique de l'axe Y pour s'adapter aux données animées

En supprimant les anciennes données sbc.getData().clear() et l'ajout de nouvelles données sbc.getData().addAll(series1, series2); dans le même temps vous entraîner deux séries d'animations pour démarrer en même temps.

J'ai modifié votre code (à la fin du post) en plongeant la fonction de mise à jour dans les fonctions clear et update et en ajoutant une variété de boutons pour eux.

• Effacer
• Mise à jour
• Effacer et mettre à jour
• Effacer et mettre à jour plus tard
• Effacer ( pas anim) et mettre à jour

Exécutez le programme deux fois côte à côte, une avec de petites valeurs et une avec de grandes valeurs.

Si vous appuyez sur Mettre à jour, vous voyez les données tomber pour les deux. Si vous effacez ces données, vous voyez l'animation supprimer mais remarquez l'échelle de l'axe Y. C'est la même chose pour les deux ensembles de données. Il reste le même, même si vous utilisez les valeurs million.

Maintenant, si vous faites Clear & Update, le yAxis s'adaptera aux plus grandes valeurs animées. En utilisant de petites valeurs, les anciennes données dominent car elles grandissent et restent plus grandes que les nouvelles données pendant leur animation. Avec de grandes valeurs, les nouvelles données dominent car elles sont plus grandes que le point final final des anciennes données.

Ensuite, à la fin de l'animation de suppression, les anciennes données sont effacées mais l'axe Y est laissé seul et dans le cas de petites valeurs, il semble complètement FUBARd.

Personnellement, je pense que c'est un bug avec JavaFX. On a presque l'impression que les animations commencent et s'arrêtent avec y à 650. Je dis cela parce que lors de l'ajout de données avec de petites valeurs les barres semblent tomber en place, mais avec de grandes valeurs, ils semblent grandir en place. Je ne peux pas le dire avec certitude puisque je n'ai pas fait de plongée de code.

La première solution à laquelle je pense est de simplement dire à l'axe des ordonnées de redimensionner automatiquement une fois toute l'animation terminée. Cependant je ne pense pas qu'il y en ait actuellement un moyen d'être averti lorsque le graphique est fait l'animation. Cela peut être faux, mais je ne pense pas que cela compte beaucoup de toute façon. Les barres évolueraient à de très petites tailles, puis redeviendraient grandes. Le résultat final est bien mais une expérience utilisateur étrange et retardée.

Modifier: Comme Roland l'a commenté ci-dessous, la méthode du paragraphe suivant a une odeur de code. Je le laisse ici parce que cela fonctionne mais ne l'utilise pas. Soit utiliser ma dernière suggestion ou la façon dont Roland fournit dans son réponse.

Une solution consiste à ne pas démarrer les deux animations en même temps. La dernière animation en cours d'exécution doit être celle de l'ajout de données. Cela peut être vu dans le code du bouton Effacer et mettre à jour plus tard. Cependant, cela me semble toujours un peu bizarre.

La façon dont je préfère visuellement qui, je pense, résout également la question bonus; Ne pas animer la suppression de données. Si vous l'éteignez juste avant et le réactivez par la suite, vous obtenez de nouvelles données intéressantes qui s'animent et les anciennes données vont juste poof. Vu avec le bouton Clear ( no anim) & Update.

import java.util.Arrays;
import java.util.Timer;
import java.util.TimerTask;

import javafx.application.Application;
import javafx.application.Platform;
import javafx.collections.FXCollections;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.StackedBarChart;
import javafx.scene.chart.XYChart;
import javafx.scene.control.Button;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class StackedBarChartSample extends Application
{

    final CategoryAxis xAxis = new CategoryAxis();
    final NumberAxis yAxis = new NumberAxis();
    final StackedBarChart<String, Number> sbc = new StackedBarChart<String, Number>(xAxis, yAxis);

    @Override
    public void start(final Stage stage)
    {

        stage.setTitle("Bar Chart Sample");

        sbc.setAnimated(true);

        final Button updateButton = new Button("update");
        updateButton.setOnAction(new EventHandler<ActionEvent>()
        {
            @Override
            public void handle(final ActionEvent arg0)
            {
                updateChart();
            }

        });

        final Button clearButton = new Button("Clear");
        clearButton.setOnAction(new EventHandler<ActionEvent>()
        {
            @Override
            public void handle(final ActionEvent arg0)
            {
                clearChart(true);
            }

        });

        final Button clearAndUpdateButton = new Button("Clear & Update");
        clearAndUpdateButton.setOnAction(new EventHandler<ActionEvent>()
        {
            @Override
            public void handle(final ActionEvent evt)
            {
                clearChart(true);
                updateChart();
            }

        });

        final Button clearAndUpdateLaterButton = new Button("Clear & Update Later");
        clearAndUpdateLaterButton.setOnAction(new EventHandler<ActionEvent>()
        {
            @Override
            public void handle(final ActionEvent evt)
            {
                clearChart(true);
                new Timer(true).schedule(new TimerTask()
                {
                    @Override
                    public void run()
                    {
                        Platform.runLater(() -> updateChart());
                    }
                }, 1000);
            }

        });

        final Button clearNoAnimAndUpdateButton = new Button("Clear (no anim) & Update");
        clearNoAnimAndUpdateButton.setOnAction(new EventHandler<ActionEvent>()
        {
            @Override
            public void handle(final ActionEvent evt)
            {
                clearChart(false);
                updateChart();
            }

        });

        final VBox contentPane = new VBox();
        contentPane.getChildren().addAll(sbc, clearButton, updateButton, clearAndUpdateButton, clearAndUpdateLaterButton,
                clearNoAnimAndUpdateButton);

        final Scene scene = new Scene(contentPane, 800, 600);

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

        xAxis.setCategories(FXCollections.<String> observableArrayList(Arrays.asList("one", "two", "three")));
    }

    private void clearChart(final boolean animate)
    {
        System.out.println("Clear");
        final boolean wasAnimated = sbc.getAnimated();
        if (!animate) {
            sbc.setAnimated(false);
        }

        sbc.getData().clear();

        if (!animate) {
            sbc.setAnimated(wasAnimated);
        }
    }

    private void updateChart()
    {
        System.out.println("Update");
        final int m = 1; // change this to 100 and autoscaling works!

        final XYChart.Series<String, Number> series1 = new XYChart.Series<String, Number>();
        final XYChart.Series<String, Number> series2 = new XYChart.Series<String, Number>();

        series1.setName("ABC");
        series1.getData().add(new XYChart.Data<String, Number>("one", 25 * m));
        series1.getData().add(new XYChart.Data<String, Number>("two", 20 * m));
        series1.getData().add(new XYChart.Data<String, Number>("three", 10 * m));

        series2.setName("XYZ");
        series2.getData().add(new XYChart.Data<String, Number>("one", 25 * m));
        series2.getData().add(new XYChart.Data<String, Number>("two", 20 * m));
        series2.getData().add(new XYChart.Data<String, Number>("three", 10 * m));

        sbc.getData().addAll(series1, series2);
    }

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