实时更新饼图

时间:2014-01-21 20:58:48

标签: java javafx javafx-2 javafx-8

我想创建非常有用且简单的方式来实时更新饼图。例如:

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.chart.PieChart;
import javafx.scene.control.Label;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.stage.Stage;


public class MainApp extends Application {

    @Override
    public void start(Stage stage) {
        Scene scene = new Scene(new Group());
        stage.setTitle("Imported Fruits");
        stage.setWidth(500);
        stage.setHeight(500);

        ObservableList<PieChart.Data> pieChartData =
                FXCollections.observableArrayList(
                new PieChart.Data("Grapefruit", 13),
                new PieChart.Data("Oranges", 25),
                new PieChart.Data("Plums", 10),
                new PieChart.Data("Pears", 22),
                new PieChart.Data("Apples", 30));

        final PieChart chart = new PieChart(pieChartData);
        chart.setTitle("Imported Fruits");
        final Label caption = new Label("");
        caption.setTextFill(Color.DARKORANGE);
        caption.setStyle("-fx-font: 24 arial;");

        for (final PieChart.Data data : chart.getData()) {
            data.getNode().addEventHandler(MouseEvent.MOUSE_PRESSED,
                    new EventHandler<MouseEvent>() {
                        @Override public void handle(MouseEvent e) {
                            caption.setTranslateX(e.getSceneX());
                            caption.setTranslateY(e.getSceneY());
                            caption.setText(String.valueOf(data.getPieValue())
                                + "%");
                        }
                    });
        }

        ((Group) scene.getRoot()).getChildren().addAll(chart, caption);
        stage.setScene(scene);
        stage.show();
    }

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

当我显示图表时,我想调用Java Method并更新图表:

PieChartUpdate(valueOne, valueTwo, valueThree);

您能告诉我如何编辑代码以使实时更新更易于使用吗?

3 个答案:

答案 0 :(得分:5)

据我所知,用于建立PieChart的所有类,如PieChart.Data,当然还有ObservableList已经设计好,以便他们更新{{ 1}}当某些内容发生变化时,无论是列表本身还是PieChart对象内的值。请参阅the binding chapters如何完成此操作。但是您不需要为Data编写自己的绑定。

下面的代码应该做你想要的。使用PieChart为饼图创建新的addData(String name, double value)对象,或者更新与方法的第一个参数具有相同Data的现有对象。当对列表进行更改(添加了新的name对象)或PieChart对象发生更改时,Data将自动播放动画。

Data

答案 1 :(得分:2)

以防万一有人感到极度迷茫并且不确定如何实现denhackl的答案,这是他试图解释的内容的有效版本。

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.chart.PieChart;
import javafx.scene.control.Label;
import javafx.scene.input.MouseEvent;
import javafx.scene.paint.Color;
import javafx.stage.Stage;


public class LivePie extends Application {

    ObservableList<PieChart.Data> pieChartData;

    @Override
    public void start(Stage stage) {
        Scene scene = new Scene(new Group());
        stage.setTitle("Imported Fruits");
        stage.setWidth(500);
        stage.setHeight(500);

       this.pieChartData =
                FXCollections.observableArrayList();

       addData("Test", 5.1);
       addData("Test2", 15.1);
       addData("Test3", 3.1);
       addData("Test1", 4.9);
       addData("Test2", 15.1);
       addData("Test3", 2.1);
       addData("Test5", 20.1);


        final PieChart chart = new PieChart(pieChartData);
        chart.setTitle("Imported Fruits");
        final Label caption = new Label("");
        caption.setTextFill(Color.DARKORANGE);
        caption.setStyle("-fx-font: 24 arial;");



        ((Group) scene.getRoot()).getChildren().addAll(chart, caption);
        stage.setScene(scene);
        stage.show();
    }

    public void naiveAddData(String name, double value)
    {
        pieChartData.add(new javafx.scene.chart.PieChart.Data(name, value));
    }

    //updates existing Data-Object if name matches
    public void addData(String name, double value)
    {
        for(javafx.scene.chart.PieChart.Data d : pieChartData)
        {
            if(d.getName().equals(name))
            {
                d.setPieValue(value);
                return;
            }
        }
        naiveAddData(name, value);
    }

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


}

非常感谢主题的创建者和提供的答案!

答案 2 :(得分:1)

这是一篇关于使用属性和绑定的好的介绍性文章。

http://docs.oracle.com/javafx/2/binding/jfxpub-binding.htm