JavaFX图表(九)之堆积面积图

翻译自  JavaFX - 堆积面积图

StackedArea Chart是区域图的变体,显示每个值的贡献趋势(例如 - 加班)。堆叠区域使每个系列相邻,但不与前面的系列重叠。这与区域图表形成对比,其中每个系列覆盖前面的系列。

以下是描绘人口增长的堆积图表。

 

在JavaFX中,堆积区域图表由名为StackedAreaChart的类表示。该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建StackedAreaChart节点。

生成堆积面积图的步骤

要在JavaFX中生成堆积区域图表,请按照以下步骤操作。

第1步:创建一个类

创建一个Java类并继承包javafx.applicationApplication类。然后,您可以按如下方式实现此类的start()方法。

public class ClassName extends Application { @Override     public void start(Stage primaryStage) throws Exception {     }    
}

第2步:定义轴

定义堆积面积图的X和Y轴并为其设置标签。在我们的例子中,X轴表示从1750年到2050年的不同年份。这些年有50年的主要蜱单位。而Y轴代表数百万人口的增长。

//Defining the X axis               
CategoryAxis xAxis = new CategoryAxis();    xAxis.setCategories(FXCollections.<String>observableArrayList(Arrays.asList("1 750", "1800", "1850", "1900", "1950", "1999", "2050" )));  //Defining the Y axis 
NumberAxis yAxis = new NumberAxis(0, 10000, 2500); 
yAxis.setLabel("Population in Billions");

第3步:创建堆积面积图

通过实例化包javafx.scene.chart的名为StackedAreaChart的类来创建折线图。对于此类的构造函数,传递表示在上一步中创建的X轴和Y轴的对象。

//Creating the Area chart 
StackedAreaChart<String, Number> areaChart = new StackedAreaChart(xAxis, yAxis);         
areaChart.setTitle("Historic and Estimated Worldwide Population Growth by Region");

第4步:准备数据

实例化XYChart.Series类并将数据(一系列,x和y坐标)添加到此类的Observable列表中,如下所示 -

//Prepare XYChart.Series objects by setting data 
XYChart.Series series1 = new XYChart.Series();  
series1.setName("Asia"); 
series1.getData().add(new XYChart.Data("1750", 502)); 
series1.getData().add(new XYChart.Data("1800", 635)); 
series1.getData().add(new XYChart.Data("1850", 809)); 
series1.getData().add(new XYChart.Data("1900", 947)); 
series1.getData().add(new XYChart.Data("1950", 1402)); 
series1.getData().add(new XYChart.Data("1999", 3634)); 
series1.getData().add(new XYChart.Data("2050", 5268));  XYChart.Series series2 = new XYChart.Series();  
series2.setName("Africa"); 
series2.getData().add(new XYChart.Data("1750", 106)); 
series2.getData().add(new XYChart.Data("1800", 107)); 
series2.getData().add(new XYChart.Data("1850", 111)); 
series2.getData().add(new XYChart.Data("1900", 133)); 
series2.getData().add(new XYChart.Data("1950", 221)); 
series2.getData().add(new XYChart.Data("1999", 767)); 
series2.getData().add(new XYChart.Data("2050", 1766));       XYChart.Series series3 = new XYChart.Series();  
series3.setName("Europe"); 
series3.getData().add(new XYChart.Data("1750", 163)); 
series3.getData().add(new XYChart.Data("1800", 203)); 
series3.getData().add(new XYChart.Data("1850", 276)); 
series3.getData().add(new XYChart.Data("1900", 408)); 
series3.getData().add(new XYChart.Data("1950", 547)); 
series3.getData().add(new XYChart.Data("1999", 729)); 
series3.getData().add(new XYChart.Data("2050", 628));  XYChart.Series series4 = new XYChart.Series();  
series4.setName("America"); 
series4.getData().add(new XYChart.Data("1750", 18)); 
series4.getData().add(new XYChart.Data("1800", 31));   series4.getData().add(new XYChart.Data("1850", 54)); 
series4.getData().add(new XYChart.Data("1900", 156)); 
series4.getData().add(new XYChart.Data("1950", 339)); 
series4.getData().add(new XYChart.Data("1999", 818)); 
series4.getData().add(new XYChart.Data("2050", 1201));  XYChart.Series series5 = new XYChart.Series();  
series5.setName("Oceania"); 
series5.getData().add(new XYChart.Data("1750", 2)); 
series5.getData().add(new XYChart.Data("1800", 2)); 
series5.getData().add(new XYChart.Data("1850", 2)); 
series5.getData().add(new XYChart.Data("1900", 6)); 
series5.getData().add(new XYChart.Data("1950", 13)); 
series5.getData().add(new XYChart.Data("1999", 30)); 
series5.getData().add(new XYChart.Data("2050", 46)); 

第5步:将数据添加到堆积区域图表

将上一步骤中准备的数据系列添加到堆积区域图表中,如下所示 -

//Setting the data to area chart        
areaChart.getData().addAll(series1, series2, series3, series4, series5);

第6步:创建组对象

start()方法中,通过实例化名Group的类来创建组对象,该类属于包javafx.scene

将上一步中创建的StackedAreaChart(node)对象作为参数传递给Group类的构造函数。这应该是为了将它添加到组中,如下所示 -

Group root = new Group(stackedAreaChart);

第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);      
} 

下表列出了从1750年到2050年不同大陆的人口。

 亚洲非洲欧洲美国大洋洲
1750502106163182
1800635107203312
1850809111276542
19009471334081566
1950年140222154733913
1999年3634767729818三十
205052681766628120146

以下是一个Java程序,它使用JavaFX生成描述上述数据的堆积区域图。

将此代码保存在名为StackedAreaChartExample.java的文件中。

import java.util.Arrays; 
import javafx.application.Application; 
import static javafx.application.Application.launch; 
import javafx.collections.FXCollections; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.chart.CategoryAxis; 
import javafx.stage.Stage; 
import javafx.scene.chart.NumberAxis; 
import javafx.scene.chart.StackedAreaChart; 
import javafx.scene.chart.XYChart; public class StackedAreaChartExample extends Application { @Override public void start(Stage stage) {     //Defining the axes               CategoryAxis xAxis = new CategoryAxis();      xAxis.setCategories(FXCollections.<String>observableArrayList( Arrays.asList("1750", "1800", "1850", "1900", "1950", "1999", "2050" ))); NumberAxis yAxis = new NumberAxis(0, 10000, 2500); yAxis.setLabel("Population in Millions");     //Creating the Area chart StackedAreaChart<String, Number> areaChart = new StackedAreaChart(xAxis, yAxis);areaChart.setTitle("Historic and Estimated Worldwide Population Growth by Region");//Prepare XYChart.Series objects by setting data XYChart.Series series1 = new XYChart.Series();  series1.setName("Asia"); series1.getData().add(new XYChart.Data("1750", 502)); series1.getData().add(new XYChart.Data("1800", 635)); series1.getData().add(new XYChart.Data("1850", 809)); series1.getData().add(new XYChart.Data("1900", 947)); series1.getData().add(new XYChart.Data("1950", 1402)); series1.getData().add(new XYChart.Data("1999", 3634)); series1.getData().add(new XYChart.Data("2050", 5268));         XYChart.Series series2 = new XYChart.Series();  series2.setName("Africa"); series2.getData().add(new XYChart.Data("1750", 106)); series2.getData().add(new XYChart.Data("1800", 107)); series2.getData().add(new XYChart.Data("1850", 111)); series2.getData().add(new XYChart.Data("1900", 133)); series2.getData().add(new XYChart.Data("1950", 221)); series2.getData().add(new XYChart.Data("1999", 767)); series2.getData().add(new XYChart.Data("2050", 1766));      XYChart.Series series3 = new XYChart.Series();   series3.setName("Europe"); series3.getData().add(new XYChart.Data("1750", 163)); series3.getData().add(new XYChart.Data("1800", 203)); series3.getData().add(new XYChart.Data("1850", 276)); series3.getData().add(new XYChart.Data("1900", 408)); series3.getData().add(new XYChart.Data("1950", 547)); series3.getData().add(new XYChart.Data("1999", 729)); series3.getData().add(new XYChart.Data("2050", 628)); XYChart.Series series4 = new XYChart.Series();  series4.setName("America"); series4.getData().add(new XYChart.Data("1750", 18)); series4.getData().add(new XYChart.Data("1800", 31)); series4.getData().add(new XYChart.Data("1850", 54)); series4.getData().add(new XYChart.Data("1900", 156)); series4.getData().add(new XYChart.Data("1950", 339)); series4.getData().add(new XYChart.Data("1999", 818)); series4.getData().add(new XYChart.Data("2050", 1201)); XYChart.Series series5 = new XYChart.Series();  series5.setName("Oceania"); series5.getData().add(new XYChart.Data("1750", 2)); series5.getData().add(new XYChart.Data("1800", 2)); series5.getData().add(new XYChart.Data("1850", 2)); series5.getData().add(new XYChart.Data("1900", 6)); series5.getData().add(new XYChart.Data("1950", 13)); series5.getData().add(new XYChart.Data("1999", 30)); series5.getData().add(new XYChart.Data("2050", 46)); //Setting the data to area chart        areaChart.getData().addAll(series1, series2, series3, series4, series5); //Creating a Group object  Group root = new Group(areaChart); //Creating a scene object Scene scene = new Scene(root, 600, 400); //Setting title to the Stage stage.setTitle("Stacked Area 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 StackedAreaChartExample.java 
java StackedAreaChartExample

在执行时,上述程序生成一个显示堆积面积图的JavaFX窗口,如下所示。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/324178.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ASP.NET Core MVC – 自定义 Tag Helpers

介绍 在之前的内容中&#xff0c;我们谈到了Tag Helpers&#xff0c;我们还谈到了 caching Tag Helpers和form Tag Helpers。 通过创建自定义Tag Helpers&#xff0c;我们可以扩展现有元素或创建我们自己的元素。 Tag Helper是实现ITagHelper接口类的统称。MVC为我们提供了该…

sqlserver建库建表建约束,删库删表删约束的示例总结

1.创建一个数据库catedb,保存在本地D盘下面的DB中&#xff0c;主数据文件的初始大小为5MB&#xff0c;最大为200MB&#xff0c;增长率为10%&#xff0c;日志文件的初始大小为3MB&#xff0c;无限制增长&#xff0c;其增长率为2MB&#xff0c;请使用sql语句检测master数据库中是…

JFreeChart(二)之饼图

转载自 JFreeChart饼图 在饼图中&#xff0c;每个扇区的弧长成正比它代表的数量。本章演示了如何使用JFreeChart 从一个给定的业务数据创建饼图。 业务数据 下面的例子描述了移动销售饼图。以下是不同移动品牌和销售(每天单位)列表。 S.N.手机品牌销售(天)1Iphone 5S202Sam…

mysql中如何将默认用户名root改成其他?

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注公众号【雄雄的小课堂】。最近&#xff0c;我的个人站上线啦&#xff0c;大家可以直接在浏览器的地址栏中输入&#xff1a;穆雄雄.com&#xff0c;轻轻敲击回车&#xff0c;即可直接进入……欢迎大家多多关注&#xff0c;多多留…

ASP.NET Core - Razor 页面介绍

简介 随着ASP.NET Core 2 即将来临&#xff0c;最热门的新事物是Razor页面。在之前的一篇文章中&#xff0c;我们简要介绍了ASP.NET Core Razor 页面。 Razor页面是ASP.NET Core的一个新功能&#xff0c;可以使基于页面的编程方式更容易&#xff0c;更高效。 大众的初步印象是…

P2153-晨跑【费用流,网络流,拆点】

前言 这是评测记录 正题 AC评测记录链接&#xff1a; https://www.luogu.org/record/show?rid7945350 大意 一个图&#xff0c;没错要求不能走重复的边和点。求走最多次的情况下路最短。 解题思路 每次行走就是一个流量在流&#xff0c;然后将边权设为1就可以保证边只能走…

从试卷中悟出的道理……

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注公众号【雄雄的小课堂】。最近&#xff0c;我的个人站上线啦&#xff0c;大家可以直接在浏览器的地址栏中输入&#xff1a;穆雄雄.com&#xff0c;轻轻敲击回车&#xff0c;即可直接进入……不管是三班还是四班&#xff0c;一听…

JFreeChart(三)之条形图

转载自 JFreeChart条形图 本章演示了如何使用JFreeChart从一个给定的业务数据创建条形图。 条形图使用不同的方位(水平或垂直)条&#xff0c;以显示不同类别的比较。图表中的一个轴(域轴)示出了特定的域进行比较&#xff0c;并在另一个轴(范围轴)表示的离散值。 业务数据 …

ASP.NET Core 快速入门(实战篇)

上篇讲了《asp.net core在linux上的环境部署》。今天我们将做几个小玩意实战一下。用到的技术和工具有mysql、websocket、AngleSharp&#xff08;爬虫html解析&#xff09;、nginx多站点部署。 NO1 留言板&#xff08;mysql的使用&#xff09; 演示&#xff1a;http://haojim…

P2053-修车【网络流,费用流】

前言 n和m搞反调半天系列 正题 AC记录链接&#xff1a; https://www.luogu.org/record/show?rid7949136 大意 又m个员工&#xff0c;n辆车&#xff0c;第j个员工修第i辆车需要T[i][j]的时间&#xff0c;求分配让顾客平均等待时间最短。 解题思路 首先先假设一个修车工要修…

走的走的居然飞起来了……

第一次坐飞机&#xff0c;终于满足了我的一个愿望了。记得之前在老家的山头上放羊时&#xff0c;远远的听到飞机想&#xff0c;我和我弟弟能把飞机目送到只剩下一条白线。。。。。一直在定睛观察飞机到底长啥样&#xff0c;那时候对于我们来说&#xff0c;能看见飞机的全面目就…

JFreeChart(四)之线型图

转载自 JFreeChart线型图 线图或折线图来显示信息为一系列由直线段连接的数据点(标记)。线图显示数据在相同的时间频率如何变化。本章从一个给定的业务数据演示如何使用JFreeChart创建线型图。 业务数据 下面的示例绘制折线图显示从1970年开始学校在不同年份开通数量。 给…

如何在Linux上使用VIM进行.Net Core开发

对于在Linux上开发.Net Core的程序员来说, 似乎都缺少一个好的IDE.Windows上有Visual Studio, Mac上有Visual Studio for Mac, 难道Linux只有Visual Studio Code了吗?Linux上有两个最好的编辑器: VIM和Emacs, 哪个更好不是这一篇的主题, 这一篇的主题是如何在Linux上简单的构建…

P2517-订货【网络流,费用流】

正题 AC链接&#xff1a; https://www.luogu.org/record/show?rid7949532 大意 有n个月&#xff0c;每个月商品价格di&#xff0c;需求量Ui。有容量为S的仓库&#xff0c;一个商品汇存一个月要m。求最低成本 解题思路 首先是月份做为点&#xff0c;成本作为费用&#xff0…

教学交流研讨会总结(一)

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注公众号【雄雄的小课堂】。最近&#xff0c;我的个人站上线啦&#xff0c;大家可以直接在浏览器的地址栏中输入&#xff1a;穆雄雄.com&#xff0c;轻轻敲击回车&#xff0c;即可直接进入……

JFreeChart(五)之XY图

转载自 JFreeChart XY图 在xy图(散点图)是根据一个数据系列组成的x和y值的列表。每个值对(x&#xff0c;y)是坐标系中的一个点。这里1值确定水平(X)位置&#xff0c;而另一个确定垂直(Y)位置。本章演示了如何使用JFreeChart从一个给定的业务数据创建XY图表。 业务数据 考虑…

服务环境搭建

文章目录Nacos服务搭建一、nacos-server 环境搭建二、nacos-mysql 环境搭建三、建 领域模型REST访问配置&#xff08;给其他语言使用&#xff09;四、nacos-server 集群搭建Nacos服务搭建 一、nacos-server 环境搭建 1、 [nacos-server主机]&#xff08;考虑到后续开发的问题…

p2762-太空飞行计划问题【网络流,最大权闭合图,最小割】

正题 AC评测记录链接&#xff1a; https://www.luogu.org/record/show?rid7965757 大意 有nn个实验,有m" role="presentation">mm个实验器材的集合GG。完成第i" role="presentation">ii个实验可以获得cici元&#xff0c;第ii个实验需…

ASP.NET Core 源码学习之Logging[1]:Introduction

在ASP.NET 4.X中&#xff0c;我们通常使用 log4net, NLog 等来记录日志&#xff0c;但是当我们引用的一些第三方类库使用不同的日志框架时&#xff0c;就比较混乱了。而在 ASP.Net Core 中内置了日志系统&#xff0c;并提供了一个统一的日志接口&#xff0c;ASP.Net Core 系统以…

全国教学交流研讨会“教学为本”主题总结

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注公众号【雄雄的小课堂】。最近&#xff0c;我的个人站上线啦&#xff0c;大家可以直接在浏览器的地址栏中输入&#xff1a;穆雄雄.com&#xff0c;轻轻敲击回车&#xff0c;即可直接进入……