JavaFX图表(一)
翻译自 JavaFX - 图表
通常,图表是数据的图形表示。有各种各样的图表来表示数据,如条形图,饼图,折线图,散点图等。
JavaFX支持各种饼图和XY图表。在XY平面上表示的图表包括AreaChart,BarChart,BubbleChart,LineChart,ScatterChart,StackedAreaChart,StackedBarChart等。
每个图表由一个类表示,所有这些图表都属于包javafx.scene.chart。名为Chart的类是JavaFX中所有图表的基类,XYChart是在XY平面上绘制的所有图表的基类。
创建图表
要创建图表,您需要 -
- 定义图表的轴
- 实例化相应的类
- 准备并将数据传递到图表
实例化各个类
要创建图表,请实例化其各自的类。例如,如果要创建折线图,则需要实例化名为Line的类,如下所示 -
LineChart linechart = new LineChart(xAxis, yAxis);
如上面的代码所示,在实例化时,需要传递两个分别代表图表X轴和Y轴的对象。
定义轴
一般来说,图表的轴可以表示为 -
- 人口,年龄和人口等数字
- 类别,例如一周中的天数,国家/地区。
在JavaFX中,轴是表示X或Y轴的抽象类。它有两个子类来定义每种类型的轴,即CategoryAxis和NumberAxis,如下图所示 -
类别轴 - 通过实例化此类,您可以定义(创建)X轴或Y轴,每个值代表一个类别。您可以通过实例化此类来定义类别轴,如下所示 -
CategoryAxis xAxis = new CategoryAxis();
对于此轴,您需要设置类别列表和标签到轴,如下所示 -
//setting the list of categories.
xAxis.setCategories(FXCollections.<String>observableArrayList(Arrays.asList("n ame1", "name2"….))); //Setting label to the axis
xAxis.setLabel("name of the axis ");
NumberAxis - 通过实例化此类,您可以定义(创建)X轴或Y轴,每个值表示一个数值。您可以对此Axis,Long,Double,BigDecimal等使用任何Number类型。您可以通过实例化此类来定义Number轴,如下所示 -
//Defining the axis
NumberAxis yAxis = new NumberAxis(); //Setting labelto the axis
yAxis.setLabel("name of the axis");
将数据传递到XY图表
所有XY图表都沿XY平面表示。要在图表中绘制一组点,我们需要指定一系列XY坐标。
javafx.scene.chart包的<X,Y>类是一个类,使用它可以将数据发送到图表。该类包含一个可观察的命名系列列表。您可以使用XYChart.Series类的getData()方法获取此列表,如下所示 -
ObservableList list = series.getData();
其中,series是XYChart.Series类的对象。您可以使用add()方法将数据添加到此列表中,如下所示 -
list.add(new XYChart.Data(x-axis data, y-axis data));
这两行可以一起写,如下所示 -
series.getData().add(new XYChart.Data(x-axis data, y-axis data));
下表给出了JavaFX提供的各种图表(类)的描述
S.No | 图表和描述 |
---|---|
1 |
饼形图
饼图是将值表示为具有不同颜色的圆的切片。标记这些切片,并且在图表中表示与每个切片对应的值。 在JavaFX中,饼图由名为PieChart的类表示。该类属于包javafx.scene.chart。 |
2 |
折线图
折线图或折线图将信息显示为由直线段连接的一系列数据点(标记)。折线图显示数据如何以相等的时间频率变化。 在JavaFX中,折线图由名为LineChart的类表示。该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建LineChart节点。 |
3 |
面积图
面积图用于绘制基于区域的图表。它绘制给定系列点与轴之间的区域。通常,此图表用于比较两个数量。 在JavaFX中,Area图表由名为AreaChart的类表示。该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建AreaChart节点。 |
4 |
条形图
条形图用于表示使用矩形条的分组数据。这些条的长度描绘了这些值。条形图中的条形可以垂直或水平绘制。 在JavaFX中,条形图由名为BarChart的类表示。该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建BarChart节点。 |
五 |
气泡图
气泡图用于平铺三维数据。第三个维度将由气泡的大小(半径)表示。 在JavaFX中,气泡图由名为BubbleChart的类表示。该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建BubbleChart节点。 |
6 |
散点图
散点图是一种图形,它使用在笛卡尔平面中绘制的两个变量的值。它通常用于找出两个变量之间的关系。 在JavaFX中,Scatter图表由名为ScatterChart的类表示。该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建ScatterChart节点。 |
7 |
堆积面积图
在JavaFX中,堆积区域图表由名为StackedAreaChart的类表示。 该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建StackedAreaChart节点。 |
8 |
堆积条形图
在JavaFX中,Stacked Bar图表由名为StackedBarChart的类表示。 该类属于包javafx.scene.chart。通过实例化此类,您可以在JavaFX中创建StackedBarChart节点。 |
JavaFX图表(一)相关推荐
- JavaFX图表(九)之堆积面积图
翻译自 JavaFX - 堆积面积图 StackedArea Chart是区域图的变体,显示每个值的贡献趋势(例如 - 加班).堆叠区域使每个系列相邻,但不与前面的系列重叠.这与区域图表形成对比,其 ...
- JavaFX图表(七)之散点图
翻译自 JavaFX - 散点图 散点图是一种图形,它使用在笛卡尔平面中绘制的两个变量的值.它通常用于找出两个变量之间的关系. 以下是在面积和重量之间绘制的散点图. 在JavaFX中,Scatter ...
- JavaFX图表(五)之气泡图
翻译自 JavaFX - 气泡图 气泡图用于种植三维数据; 第三个维度将由气泡的大小(半径)表示. 以下是描绘完成工作的气泡图. 在JavaFX中,气泡图由名为BubbleChart的类表示.该类 ...
- JavaFX图表(四)之面积图
翻译自 JavaFX - 面积图 面积图用于绘制基于区域的图表.它绘制给定系列点与轴之间的区域.通常,此图表用于比较两个数量. 以下是一张区域图表,描绘了一个星期内两个人消耗的水果数量. 在Java ...
- JavaFX图表(二)之饼图
翻译自 JavaFX - 饼图 饼图是将值表示为具有不同颜色的圆的切片.标记这些切片,并且在图表中表示与每个切片对应的值. 以下是一张饼图,描绘了一个实例中各公司的移动销售情况. 在JavaFX中 ...
- javafx 图表css,如何在CSS中的第7个系列之上更改javaFX LineChart中的图标?
我正在绘制几个系列的图表,但我只能用css个性化第7个系列.从第8行开始,它返回到默认颜色0设置.有人能帮我吗?如何在CSS中的第7个系列之上更改javaFX LineChart中的图标? CSS代码 ...
- JavaFX图表(八)之堆积条形图
翻译自 JavaFX - 堆积条形图 StackedBarChart是BarChart的变体,它绘制了指示类别数据值的条形图.条形可以是垂直的或水平的,这取决于哪个轴是类别轴.每个系列的栏位于上一 ...
- JavaFX图表(六)之条形图
翻译自 JavaFX - 条形图 条形图用于表示使用矩形条的分组数据.这些条的长度描绘了这些值.条形图中的条形可以垂直或水平绘制. 以下是条形图,比较各种汽车品牌. 在JavaFX中,条形图由名为B ...
- JavaFX图表(三)之折线图
翻译自 JavaFX - 折线图 折线图或折线图将信息显示为由直线段连接的一系列数据点(标记).折线图显示数据如何以相等的时间频率变化. 以下是描绘不同年份学校数量的折线图. 在JavaFX中,折 ...
最新文章
- domdocument php charset gbk,PHP DomDocument无法处理utf-8字符(☆)
- gcc/g++ 以及makefile
- 图片转可编辑ppt_电脑如何简单快速将图片转为文字,不用下载任何软件,免费使用。...
- Visitor(访问者)
- 《数据结构》C语言版 (清华严蔚敏考研版) 全书知识梳理
- Flutter 画笔(Paint)、绘制直线(drawLine)
- Adobe Flash Player不是最新版本的解决方法
- Elasticsearch Nested 选型,先看这一篇!
- PS亮度蒙版工具:Lumenzia for Mac(支持ps2022)
- 雀巢“可持续发展列车”驶入瑞士驻华大使馆
- 因果6-估计因果效应
- 字节流与字符流(一)
- el-checkbox-group 点击box 没反应,无法取消勾选(记一次debug的思路)
- 关于调用淘宝IP获取城市信息-- 随笔
- Android之lunch命令
- javascript 符号_掌握javascript es6符号
- 计算机操作系统读书笔记___信号量机制
- Xinput1_3.dll下载+丢失修复
- 全平台辅助答题(PHP版)
- 百度尹世明:人工智能规模化应用的核心是ABC+X架构
热门文章
- 算法题目——最长连续序列
- 软件构造学习笔记-第十一周
- 7-3 树的同构 (25 分)(思路加详解)来呀baby!!!!!!!!
- [SpringSecurity]web权限方案_CSRF功能
- Bound Found POJ - 2566(尺取法+前缀和创造区间变化趋势)
- Prime Number Aizu - 0009(素数筛)
- mysql 2008 日_SQL2008 的 日期数据类型
- 数据结构与算法--实现Singleton模式
- ueditor编辑器php上传配置,php版本UEditor编辑器图片上传设置
- Nsight 调试 Caffe