JavaFX图表(五)之气泡图
翻译自 JavaFX - 气泡图
气泡图用于种植三维数据; 第三个维度将由气泡的大小(半径)表示。
以下是描绘完成工作的气泡图。
在JavaFX中,气泡图由名为BubbleChart的类表示。该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建BubbleChart节点。
生成气泡图的步骤
要在JavaFX中生成气泡图,请按照以下步骤操作。
第1步:创建一个类
创建一个Java类并继承包javafx.application的Application类。您可以按如下方式实现此类的start()方法。
public class ClassName extends Application { @Override public void start(Stage primaryStage) throws Exception { } }
第2步:定义轴
定义气泡图的X和Y轴并为其设置标签。在我们的例子中,X轴代表年龄,Y轴代表重量。同时,气泡的半径代表完成的工作。
//Defining the X axis
NumberAxis xAxis = new NumberAxis(0, 100, 10);
xAxis.setLabel("Age"); //Defining Y axis
NumberAxis yAxis = new NumberAxis(20, 100, 10);
yAxis.setLabel("Weight");
第3步:创建气泡图
通过实例化包javafx.scene.chart的名为BubbleChart的类来创建折线图。对于此类的构造函数,传递表示在上一步中创建的X轴和Y轴的对象。
//Creating the Bubble chart
BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis);
第4步:准备数据
实例化XYChart.Series类并将数据(一系列,x和y坐标)添加到此类的Observable列表中,如下所示 -
//Prepare XYChart.Series objects by setting data
XYChart.Series series = new XYChart.Series();
series.setName("work"); series.getData().add(new XYChart.Data(10,30,4));
series.getData().add(new XYChart.Data(25,40,5));
series.getData().add(new XYChart.Data(40,50,9));
series.getData().add(new XYChart.Data(55,60,7));
series.getData().add(new XYChart.Data(70,70,9));
series.getData().add(new XYChart.Data(85,80,6));
第5步:将数据添加到气泡图
将上一步骤中准备的数据系列添加到面积图中,如下所示 -
//Setting the data to bar chart
bubbleChart.getData().add(series);
第6步:创建组对象
在start()方法中,通过实例化名为Group的类来创建组对象。这属于包javafx.scene。
将在上一步中创建的BubbleChart(节点)对象作为参数传递给Group类的构造函数。这应该是为了将它添加到组中,如下所示 -
Group root = new Group(bubbleChart);
第7步:创建场景对象
通过实例化名为Scene的类来创建一个Scene,该类属于包javafx.scene。在此类中,传递在上一步中创建的Group对象(root)。
除了根对象之外,还可以传递两个表示屏幕高度和宽度的双参数,以及Group类的对象,如下所示。
Scene scene = new Scene(group ,600, 300);
第8步:设置舞台的标题
您可以使用Stage类的setTitle()方法将标题设置为舞台。所述primaryStage是Stage对象,它被传递给场景类作为参数的启动方法。
使用primaryStage对象,将场景标题设置为Sample Application,如下所示。
primaryStage.setTitle("Sample Application");
第9步:将场景添加到舞台
您可以使用名为Stage的类的方法setScene()将Scene对象添加到舞台。使用以下方法添加在前面步骤中准备的Scene对象。
primaryStage.setScene(scene);
第10步:显示舞台的内容
显示场景的使用命名的方法的内容显示()的的阶段类,如下所示。
primaryStage.show();
第11步:启动应用程序
通过从main方法调用Application类的静态方法launch()来启动JavaFX应用程序,如下所示。
public static void main(String args[]){ launch(args);
}
例
让我们考虑不同的人以及他们的年龄,体重和工作能力。工作能力可以视为图表中绘制为气泡的小时数。
重量 | ||||||||
---|---|---|---|---|---|---|---|---|
年龄 | ||||||||
三十 | 40 | 50 | 60 | 70 | 80 | |||
10 | 4 | 工作 | ||||||
25 | 五 | |||||||
40 | 6 | |||||||
55 | 8 | |||||||
70 | 9 | |||||||
85 | 15 |
以下是一个Java程序,它生成一个气泡图,使用JavaFX描述上述数据。
将此代码保存在名为BubbleChartExample.java的文件中。
import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.chart.BubbleChart;
import javafx.stage.Stage;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart; public class BubbleChartExample extends Application { @Override public void start(Stage stage) { //Defining the axes NumberAxis xAxis = new NumberAxis(0, 100, 10); xAxis.setLabel("Age"); NumberAxis yAxis = new NumberAxis(20, 100, 10); yAxis.setLabel("Weight"); //Creating the Bubble chart BubbleChart bubbleChart = new BubbleChart(xAxis, yAxis); //Prepare XYChart.Series objects by setting data XYChart.Series series = new XYChart.Series(); series.setName("work"); series.getData().add(new XYChart.Data(10,30,4)); series.getData().add(new XYChart.Data(25,40,5)); series.getData().add(new XYChart.Data(40,50,9)); series.getData().add(new XYChart.Data(55,60,7)); series.getData().add(new XYChart.Data(70,70,9)); series.getData().add(new XYChart.Data(85,80,6));//Setting the data to bar chart bubbleChart.getData().add(series); //Creating a Group object Group root = new Group(bubbleChart); //Creating a scene object Scene scene = new Scene(root, 600, 400); //Setting title to the Stage stage.setTitle("Bubble Chart"); //Adding scene to the stage stage.setScene(scene); //Displaying the contents of the stage stage.show(); } public static void main(String args[]){ launch(args); }
}
使用以下命令从命令提示符编译并执行保存的java文件。
javac BubbleChartExample.java
java BubbleChartExample
执行时,上述程序生成一个显示气泡图的JavaFX窗口,如下所示。
JavaFX图表(五)之气泡图相关推荐
- JavaFX图表(一)
翻译自 JavaFX - 图表 通常,图表是数据的图形表示.有各种各样的图表来表示数据,如条形图,饼图,折线图,散点图等. JavaFX支持各种饼图和XY图表.在XY平面上表示的图表包括AreaCh ...
- JavaFX图表(七)之散点图
翻译自 JavaFX - 散点图 散点图是一种图形,它使用在笛卡尔平面中绘制的两个变量的值.它通常用于找出两个变量之间的关系. 以下是在面积和重量之间绘制的散点图. 在JavaFX中,Scatter ...
- JavaFX图表(四)之面积图
翻译自 JavaFX - 面积图 面积图用于绘制基于区域的图表.它绘制给定系列点与轴之间的区域.通常,此图表用于比较两个数量. 以下是一张区域图表,描绘了一个星期内两个人消耗的水果数量. 在Java ...
- JavaFX图表(九)之堆积面积图
翻译自 JavaFX - 堆积面积图 StackedArea Chart是区域图的变体,显示每个值的贡献趋势(例如 - 加班).堆叠区域使每个系列相邻,但不与前面的系列重叠.这与区域图表形成对比,其 ...
- JavaFX图表(二)之饼图
翻译自 JavaFX - 饼图 饼图是将值表示为具有不同颜色的圆的切片.标记这些切片,并且在图表中表示与每个切片对应的值. 以下是一张饼图,描绘了一个实例中各公司的移动销售情况. 在JavaFX中 ...
- Tableau图表 | 6、气泡图/树状图/文字云
气泡图/树状图/文字云均可用于表达3个变量之间的关系,三者的表现形式略有区别 使用Tableau示例-超市数据,展示销售额.利润.子类别三者之间的关系. 气泡图 1.将销售额拖拽到大小,利润拖拽到标签 ...
- javafx 图表css,如何在CSS中的第7个系列之上更改javaFX LineChart中的图标?
我正在绘制几个系列的图表,但我只能用css个性化第7个系列.从第8行开始,它返回到默认颜色0设置.有人能帮我吗?如何在CSS中的第7个系列之上更改javaFX LineChart中的图标? CSS代码 ...
- JavaFX图表(八)之堆积条形图
翻译自 JavaFX - 堆积条形图 StackedBarChart是BarChart的变体,它绘制了指示类别数据值的条形图.条形可以是垂直的或水平的,这取决于哪个轴是类别轴.每个系列的栏位于上一 ...
- JavaFX图表(六)之条形图
翻译自 JavaFX - 条形图 条形图用于表示使用矩形条的分组数据.这些条的长度描绘了这些值.条形图中的条形可以垂直或水平绘制. 以下是条形图,比较各种汽车品牌. 在JavaFX中,条形图由名为B ...
最新文章
- php 变更 obj,PHP: 不向后兼容的变更 - Manual
- golang 数据类型之间的转换
- Problem 62 Java中的final关键字?
- OS_CORE.C(2)
- iframe子页面与父页面元素的访问以及js变量的访问[zhuan]
- 02_创建Git仓库,克隆仓库,git add,git commit,git push,git pull,同行冲突,不同行冲突的结局方案,git mergetool的使用
- 文件上传下载-修改文件上传大小
- java小区管理的项目描述,基于jsp的小区信息管理-JavaEE实现小区信息管理 - java项目源码...
- Cloud Native Weekly|2019欧洲KubeCon成功闭幕
- 索尼机器狗Aibo将在美国开售,智能撒娇是最甜的 |每只性格都不同
- 使用JavaScript实现纯前端读取excel文件并与后台进行交互
- 计算机技术发展5大阶段,现阶段计算机技术应用及发展
- 理正深基坑弹性计算方法_理正深基坑整体计算与单元计算的区别
- idea 红色文件处理方法
- 面包板电源线怎么接_如何维修面包板电源
- scroll-view实现下拉刷新(避免onload进入页面初始refresher-triggered为true触发下拉问题)
- 使用git时输错密码解决办法
- 帝国cms7.2密码修改
- CAS5.3自定义密码(LADP)认证(三)
- Java入门第一步---配置环境、安装工具(超级详细)
热门文章
- [Java基础]函数式接口
- 《C++ Primer》7.3.3节练习
- c语言枚举类型例题_[开源资讯]Zig 0.6.0 发布,想要挑战 C 语言
- caffe blob操作
- P2487 [SDOI2011]拦截导弹(cdq分治/计数问题思想)
- 2021牛客暑期多校训练营7 xay loves trees dfs序 + 主席树
- 【CF1349D】Slime and Biscuits【概率期望】【解方程】
- 线段树——思维(Codeforces 339D Xenia and Bit Operations/Billboard HDU - 2795)
- P1600 天天爱跑步
- Meaningless Sequence Gym - 102832D