JavaFX 饼图

2024 年 8 月 29 日 | 阅读 3 分钟

通常，饼图是一种图表或图形，其中使用圆形的扇形来表示整体信息的不同比例。扇形圆弧的角度根据该扇形表示的信息的百分比而变化。

在下面的图中，显示了一个饼图，其扇形表示一个人篮子里的水果数量。

在 JavaFX 中，饼图由 javafx.scene.chart.PieChrt 类表示。我们需要实例化这个类才能创建饼图。

性质

下表中描述了 javafx.scene.chart.PieChart 类的属性以及 setter 方法。

属性	描述	设置器方法
顺时针	它是一个布尔类型属性。它的真值表示切片从起始角度开始按顺时针方向放置。	setClockWise(Boolean value)
数据	它是一个可观察的 List 类型属性。它表示要在饼图中设置的数据。PieChart.Data 类用于处理数据到饼图切片的分配。	setData(PieChart.Data value)
labelLineLength	它是一个双精度类型属性。它表示从饼图外部到切片标签的线的长度。	setLabelLineLength(double value)
labelsVisible	它是一个布尔类型属性。它的真值表示将绘制饼图切片标签。	setLabelsVisible(boolean value)
startAngle	它是一个双精度类型属性。它表示第一个饼图切片的角度。	setStartAngle(double value)

构造函数

该类中有两个构造函数。

public PieChart() : 创建一个空饼图的新实例。
public PieChart(ObservableListdata) :创建一个具有指定数据切片的饼图新实例。

示例 1

package application;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.geometry.Side;
import javafx.scene.Scene;
import javafx.scene.chart.PieChart;
import javafx.scene.chart.PieChart.Data;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class ChartTest extends Application{
public static void main(String[] args) {
	launch(args);
}

@Override
public void start(Stage primaryStage) throws Exception {
	// TODO Auto-generated method stub
	//Instantiating the pie-chart class 
	PieChart piechart = new PieChart();

//setting the data of the pie chart.
	piechart.setData(getChartData());
	
	//Creating Layout 
	StackPane root = new StackPane();

	//Adding pie-chart to the layout 
	root.getChildren().add(piechart);

	//configuring scene 
	Scene scene = new Scene(root,400,400);
	primaryStage.setScene(scene);
	primaryStage.setTitle("PieChart Example");
	primaryStage.show();
	
}
//creating getChartData method to set the chart data 
private ObservableList<Data> getChartData() {
    ObservableList<Data> list = FXCollections.observableArrayList();
    list.addAll(new PieChart.Data("Javatpoint", 90),
            new PieChart.Data("Others", 10));
    return list;
}
}

示例 2

在下面的例子中，我们创建了一个饼图，显示了所有计算机编程语言的受欢迎程度。

package application;
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.geometry.Side;
import javafx.scene.Scene;
import javafx.scene.chart.PieChart;
import javafx.scene.chart.PieChart.Data;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class ChartTest extends Application{
public static void main(String[] args) {
	launch(args);
}

@Override
public void start(Stage primaryStage) throws Exception {
	// TODO Auto-generated method stub
	//Instantiating PieChart class 
	PieChart piechart = new PieChart();

	//Setting pieChart data  
	piechart.setData(getChartData());
	piechart.setLegendSide(Side.LEFT);
	piechart.setTitle("Computer Language Popularities");
	piechart.setClockwise(false);
	
	//Creating layout 
	StackPane root = new StackPane();
	
	//Adding piechart to the layout 
	root.getChildren().add(piechart);
	
	//Configuring Scene and stage object 
	Scene scene = new Scene(root,800,600);
	primaryStage.setScene(scene);
	primaryStage.setTitle("PieChart Example");
	primaryStage.show();
	
}

//The method sets the data to the pie-chart.  
private ObservableList<Data> getChartData() {
    ObservableList<Data> list = FXCollections.observableArrayList();
    list.addAll(new PieChart.Data("JavaScript", 30.8),
    		new PieChart.Data("Ruby", 11.8),
    		new PieChart.Data("Java", 10.8),
    		new PieChart.Data("Python", 11.6),
    		new PieChart.Data("PHP", 7.2),
    		new PieChart.Data("Objective-C", 10.7),
    		new PieChart.Data("C", 5.2),
         	   	new PieChart.Data("C++", 4.3),
            		new PieChart.Data("Go",3.8),
            		new PieChart.Data("CSS", 3.8)
);
    return list;
}
}