翻译自  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轴的抽象类。它有两个子类来定义每种类型的轴,即CategoryAxisNumberAxis,如下图所示 -

类别轴 - 通过实例化此类,您可以定义(创建)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();

其中,seriesXYChart.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图表(一)相关推荐

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

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

  2. JavaFX图表(七)之散点图

    翻译自  JavaFX - 散点图 散点图是一种图形,它使用在笛卡尔平面中绘制的两个变量的值.它通常用于找出两个变量之间的关系. 以下是在面积和重量之间绘制的散点图. 在JavaFX中,Scatter ...

  3. JavaFX图表(五)之气泡图

    翻译自   JavaFX - 气泡图 气泡图用于种植三维数据; 第三个维度将由气泡的大小(半径)表示. 以下是描绘完成工作的气泡图. 在JavaFX中,气泡图由名为BubbleChart的类表示.该类 ...

  4. JavaFX图表(四)之面积图

    翻译自  JavaFX - 面积图 面积图用于绘制基于区域的图表.它绘制给定系列点与轴之间的区域.通常,此图表用于比较两个数量. 以下是一张区域图表,描绘了一个星期内两个人消耗的水果数量. 在Java ...

  5. JavaFX图表(二)之饼图

    翻译自   JavaFX - 饼图 饼图是将值表示为具有不同颜色的圆的切片.标记这些切片,并且在图表中表示与每个切片对应的值. 以下是一张饼图,描绘了一个实例中各公司的移动销售情况. 在JavaFX中 ...

  6. javafx 图表css,如何在CSS中的第7个系列之上更改javaFX LineChart中的图标?

    我正在绘制几个系列的图表,但我只能用css个性化第7个系列.从第8行开始,它返回到默认颜色0设置.有人能帮我吗?如何在CSS中的第7个系列之上更改javaFX LineChart中的图标? CSS代码 ...

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

    翻译自   JavaFX - 堆积条形图 StackedBarChart是BarChart的变体,它绘制了指示类别数据值的条形图.条形可以是垂直的或水平的,这取决于哪个轴是类别轴.每个系列的栏位于上一 ...

  8. JavaFX图表(六)之条形图

    翻译自  JavaFX - 条形图 条形图用于表示使用矩形条的分组数据.这些条的长度描绘了这些值.条形图中的条形可以垂直或水平绘制. 以下是条形图,比较各种汽车品牌. 在JavaFX中,条形图由名为B ...

  9. JavaFX图表(三)之折线图

    翻译自   JavaFX - 折线图 折线图或折线图将信息显示为由直线段连接的一系列数据点(标记).折线图显示数据如何以相等的时间频率变化. 以下是描绘不同年份学校数量的折线图. 在JavaFX中,折 ...

最新文章

  1. domdocument php charset gbk,PHP DomDocument无法处理utf-8字符(☆)
  2. gcc/g++ 以及makefile
  3. 图片转可编辑ppt_电脑如何简单快速将图片转为文字,不用下载任何软件,免费使用。...
  4. Visitor(访问者)
  5. 《数据结构》C语言版 (清华严蔚敏考研版) 全书知识梳理
  6. Flutter 画笔(Paint)、绘制直线(drawLine)
  7. Adobe Flash Player不是最新版本的解决方法
  8. Elasticsearch Nested 选型,先看这一篇!
  9. PS亮度蒙版工具:Lumenzia for Mac(支持ps2022)
  10. 雀巢“可持续发展列车”驶入瑞士驻华大使馆
  11. 因果6-估计因果效应
  12. 字节流与字符流(一)
  13. el-checkbox-group 点击box 没反应,无法取消勾选(记一次debug的思路)
  14. 关于调用淘宝IP获取城市信息-- 随笔
  15. Android之lunch命令
  16. javascript 符号_掌握javascript es6符号
  17. 计算机操作系统读书笔记___信号量机制
  18. Xinput1_3.dll下载+丢失修复
  19. 全平台辅助答题(PHP版)
  20. 百度尹世明:人工智能规模化应用的核心是ABC+X架构

热门文章

  1. 算法题目——最长连续序列
  2. 软件构造学习笔记-第十一周
  3. 7-3 树的同构 (25 分)(思路加详解)来呀baby!!!!!!!!
  4. [SpringSecurity]web权限方案_CSRF功能
  5. Bound Found POJ - 2566(尺取法+前缀和创造区间变化趋势)
  6. Prime Number Aizu - 0009(素数筛)
  7. mysql 2008 日_SQL2008 的 日期数据类型
  8. 数据结构与算法--实现Singleton模式
  9. ueditor编辑器php上传配置,php版本UEditor编辑器图片上传设置
  10. Nsight 调试 Caffe