JavaFX图表(四)之面积图

翻译自  JavaFX - 面积图

面积图用于绘制基于区域的图表。它绘制给定系列点与轴之间的区域。通常,此图表用于比较两个数量。

以下是一张区域图表,描绘了一个星期内两个人消耗的水果数量。

 

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

生成面积图的步骤

要在JavaFX中生成面积图,请按照以下步骤操作。

第1步:创建一个类

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

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

第2步:定义轴

定义面积图的X和Y轴并为其设置标签。在我们的示例中,X轴表示一周中的天数,y轴表示消耗的水果单位。

//Defining the X axis               
CategoryAxis xAxis = new CategoryAxis();  //Defining the y Axis 
NumberAxis yAxis = new NumberAxis(0, 15, 2.5); 
yAxis.setLabel("Fruit units");

第3步:创建面积图

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

//Creating the Area chart 
AreaChart<String, Number> areaChart = new AreaChart(xAxis, yAxis);         
areaChart.setTitle("Average fruit consumption during one week");

第4步:准备数据

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

//Prepare XYChart.Series objects by setting data  
XYChart.Series series1 = new XYChart.Series();  
series1.setName("John"); 
series1.getData().add(new XYChart.Data("Monday", 3)); 
series1.getData().add(new XYChart.Data("Tuesday", 4)); 
series1.getData().add(new XYChart.Data("Wednesday", 3)); 
series1.getData().add(new XYChart.Data("Thursday", 5)); 
series1.getData().add(new XYChart.Data("Friday", 4)); 
series1.getData().add(new XYChart.Data("Saturday", 10)); 
series1.getData().add(new XYChart.Data("Sunday", 12));  XYChart.Series series2 = new XYChart.Series(); 
series2.setName("Jane"); 
series2.getData().add(new XYChart.Data("Monday", 1)); 
series2.getData().add(new XYChart.Data("Tuesday", 3)); 
series2.getData().add(new XYChart.Data("Wednesday", 4));  series2.getData().add(new XYChart.Data("Thursday", 3)); 
series2.getData().add(new XYChart.Data("Friday", 3)); 
series2.getData().add(new XYChart.Data("Saturday", 5)); 
series2.getData().add(new XYChart.Data("Sunday", 4)); 

第5步:将数据添加到面积图

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

//Setting the XYChart.Series objects to area chart        
areaChart.getData().addAll(series1,series2); 

第6步:创建组对象

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

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

Group root = new Group(areaChart);

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

下表描述了John和Jane在一周内消耗的水果数量。

一周中的天约翰消耗的水果简所消耗的水果
星期一31
星期二43
星期三34
星期四3
星期五43
星期六10
星期日124

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

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

import javafx.application.Application; 
import javafx.scene.Group; 
import javafx.scene.Scene; 
import javafx.scene.chart.AreaChart; 
import javafx.scene.chart.CategoryAxis; 
import javafx.stage.Stage; 
import javafx.scene.chart.NumberAxis; 
import javafx.scene.chart.XYChart; public class AreaChartExample extends Application { @Override public void start(Stage stage) {     //Defining the X axis               CategoryAxis xAxis = new CategoryAxis();  //defining the y Axis NumberAxis yAxis = new NumberAxis(0, 15, 2.5); yAxis.setLabel("Fruit units");  //Creating the Area chart AreaChart<String, Number> areaChart = new AreaChart(xAxis, yAxis);areaChart.setTitle("Average fruit consumption during one week");        //Prepare XYChart.Series objects by setting data  XYChart.Series series1 = new XYChart.Series();  series1.setName("John"); series1.getData().add(new XYChart.Data("Monday", 3)); series1.getData().add(new XYChart.Data("Tuesday", 4)); series1.getData().add(new XYChart.Data("Wednesday", 3)); series1.getData().add(new XYChart.Data("Thursday", 5)); series1.getData().add(new XYChart.Data("Friday", 4));series1.getData().add(new XYChart.Data("Saturday", 10));  series1.getData().add(new XYChart.Data("Sunday", 12)); XYChart.Series series2 = new XYChart.Series(); series2.setName("Jane"); series2.getData().add(new XYChart.Data("Monday", 1)); series2.getData().add(new XYChart.Data("Tuesday", 3)); series2.getData().add(new XYChart.Data("Wednesday", 4)); series2.getData().add(new XYChart.Data("Thursday", 3)); series2.getData().add(new XYChart.Data("Friday", 3)); series2.getData().add(new XYChart.Data("Saturday", 5)); series2.getData().add(new XYChart.Data("Sunday", 4));       //Setting the XYChart.Series objects to area chart        areaChart.getData().addAll(series1,series2); //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("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 AreaChartExample.java 
java AreaChartExample

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

 

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

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

相关文章

深入聊聊微服务架构的身份认证问题

从单体应用架构到分布式应用架构再到微服务架构&#xff0c;应用的安全访问在不断的经受考验。为了适应架构的变化、需求的变化&#xff0c;身份认证与鉴权方案也在不断的变革。面对数十个甚至上百个微服务之间的调用&#xff0c;如何保证高效安全的身份认证&#xff1f;面对外…

今晚在学校值班……

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注公众号【雄雄的小课堂】。今晚在学校值班。每次进班巡查的时候&#xff0c;不管是哪个班级&#xff0c;同学们个个都是精神抖擞&#xff0c;双眼紧盯屏幕&#xff0c;双手放在键盘上&#xff0c;看起来貌似正在打代码或思考似的…

JavaFX图表(五)之气泡图

翻译自 JavaFX - 气泡图 气泡图用于种植三维数据; 第三个维度将由气泡的大小&#xff08;半径&#xff09;表示。 以下是描绘完成工作的气泡图。 在JavaFX中&#xff0c;气泡图由名为BubbleChart的类表示。该类属于包javafx.scene.chart。通过实例化此类&#xff0c;您可以…

IdentityServer4 实现自定义 GrantType 授权模式

OAuth 2.0 默认四种授权模式&#xff08;GrantType&#xff09;&#xff1a; 授权码模式&#xff08;authorization_code&#xff09;简化模式&#xff08;implicit&#xff09;密码模式&#xff08;password&#xff09;客户端模式&#xff08;client_credentials&#xff09…

分享几个上机案例题

1.从控制台中输入一个数&#xff0c;如果是1&#xff0c;输出壹&#xff1b;如果是2&#xff0c;输出贰&#xff0c;如果是三&#xff0c;输出叁&#xff0c;否则输出没有static void Main(string [] args) {Console.WriteLine("请输入一个数");int aint.Parse(Conso…

Java自动化邮件中发送图表(四)之javafx Chart

一、Javafx Chart JavaFX支持各种饼图和XY图表。在XY平面上表示的图表包括AreaChart&#xff0c;BarChart&#xff0c;BubbleChart&#xff0c;LineChart&#xff0c;ScatterChart&#xff0c;StackedAreaChart&#xff0c;StackedBarChart等。 注意&#xff1a;在Server JRE…

springboot项目不加端口号也可以访问项目的方法

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注公众号&#xff1a;雄雄的小课堂。今天给大家分享的是&#xff0c;在nginx中配置域名以及端口号。前言&#xff1a;实际开发中&#xff0c;我们可能经常会有这样的情况&#xff0c;在本地的springboot项目中&#xff0c;会设置项…

NET中解决KafKa多线程发送多主题的问题

一般在KafKa消费程序中消费可以设置多个主题&#xff0c;那在同一程序中需要向KafKa发送不同主题的消息&#xff0c;如异常需要发到异常主题&#xff0c;正常的发送到正常的主题&#xff0c;这时候就需要实例化多个主题&#xff0c;然后逐个发送。 在NET中用RdKafka组件来做消息…

JavaFX图表(六)之条形图

翻译自 JavaFX - 条形图 条形图用于表示使用矩形条的分组数据。这些条的长度描绘了这些值。条形图中的条形可以垂直或水平绘制。 以下是条形图&#xff0c;比较各种汽车品牌。 在JavaFX中&#xff0c;条形图由名为BarChart的类表示。该类属于包javafx.scene.chart。通过实例…

孩子大了真是不好管了

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注公众号&#xff1a;雄雄的小课堂。今天的这篇文章完全是有感而发。我有两个弟弟&#xff0c;老二目前工作较稳定&#xff0c;暂且不表&#xff0c;主要想说一下老三。

IdentityServer4 配置负载均衡

如果使用 IdentityServer4 做授权服务的负载均衡&#xff0c;默认情况下是不可以的&#xff0c;比如有两个授权服务站点&#xff0c;一个资源服务绑定其中一个授权服务&#xff08;Authority配置&#xff09;&#xff0c;如果通过另外一个授权服务获取access_token&#xff0c;…

JavaFX图表(七)之散点图

翻译自 JavaFX - 散点图 散点图是一种图形&#xff0c;它使用在笛卡尔平面中绘制的两个变量的值。它通常用于找出两个变量之间的关系。 以下是在面积和重量之间绘制的散点图。 在JavaFX中&#xff0c;Scatter图表由名为ScatterChart的类表示。该类属于包javafx.scene.chart。…

来自一位家长的电话

【文本不推荐看&#xff0c;只当做个人反思记录】大家好&#xff0c;我是雄雄&#xff0c;欢迎关注本公众号【雄雄的小课堂】。最近&#xff0c;本人的个人站上线&#xff0c;点击文末左下角的“阅读原文&#xff08;http://muxiongxiong.cn&#xff09;”即可浏览&#xff0c;…

Visual Studio 2017 15.3 预览版发布,接近最终版

从Visual Studio 2017 15.3预览版的发布时间表中可以看出&#xff0c;Microsoft似乎马上要发布这一版本的正式版。过去几周对VS2017 15.3的改动主要集中在问题修复上&#xff0c;开发人员可以注意到&#xff0c;最近的VS2017 15.3 Preview版本提供了对C# 7.1的支持&#xff0c;…

JavaFX图表(八)之堆积条形图

翻译自 JavaFX - 堆积条形图 StackedBarChart是BarChart的变体&#xff0c;它绘制了指示类别数据值的条形图。条形可以是垂直的或水平的&#xff0c;这取决于哪个轴是类别轴。每个系列的栏位于上一系列的顶部。 以下是堆积条形图&#xff0c;描绘了人口增长。 在JavaFX中&a…

P2698-花盆Flowerpot【单调队列】

正题 链接 https://www.luogu.org/record/show?rid7934370 大意 有n滴水&#xff0c;给出坐标&#xff0c;水每一个时间单位会往下掉一格&#xff0c;花盆可以随意摆放&#xff0c;要求在宽度最小的情况下接住的第一滴水和最后一滴水时间差超过D 解题思路 横坐标排序&am…

Redis(案例二:高并发商品首页热点数据开发实战)

热点数据 经常会被查询&#xff0c;但是不经常被修改或者删除的数据 ⾸⻚-详情⻚ 链路逻辑 检查缓存是否有 缓存不存在则查询数据库 查询结果放到缓存&#xff0c;设置过期时间 下次访问则命中缓存 代码实现 pojo —热点视频 Data NoArgsConstructor AllArgsConstructor pub…

VS2012找不到EF框架实体模型的解决方法

大家好&#xff0c;我是雄雄&#xff0c;欢迎关注本公众号【雄雄的小课堂】。最近&#xff0c;本人的个人站上线&#xff0c;点击文末左下角的“阅读原文”即可浏览&#xff0c;欢迎浏览、点赞与留言呦~网址&#xff1a;http://www.muxiongxiong.cn前天&#xff0c;在上课时&am…

C#使用Xamarin开发可移植移动应用(2.Xamarin.Forms布局,本篇很长,注意)附源码

前言 源码地址:https://github.com/l2999019/DemoApp 可以Star一下,随意 - - 一点感想 很意外的,第一篇博文被博客园的编辑大哥置顶了.感谢. 评论也很多,褒贬不一,我还是那句话.技术是从无到有的过程,就像一个刚出生的人 不是说他有个强大的爸爸 所以就可以一出生就上天. …

构建SpringCloud项目基础框架

文章目录父项目microcloud本地模拟RPC调用common-api子模块创建dto类创建服务接口创建一个对象拷贝的工具类provider-dept-8001 子模块bootstrap.ymlapplication.ymllogback-spring.xmlSwagger配置创建MyBatisPlus配置类部门 数据库创建脚本创建Dept映射类创建IDeptDAO数据接口…