当前位置: 首页 > 编程笔记 >

如何在JavaFX折线图中将x轴移到顶部?

柳浩大
2023-03-14
本文向大家介绍如何在JavaFX折线图中将x轴移到顶部?,包括了如何在JavaFX折线图中将x轴移到顶部?的使用技巧和注意事项,需要的朋友参考一下

内联图,数据值已表示由一条线连接的一系列点。在JavaFX中,可以通过实例javafx.scene.chart.LineChart类来创建折线图。

默认,

  • JavaFX折线图包含沿x轴指出系列中的值的符号。通常,这些是小圆圈。

  • 图底部的X轴。

  • 左侧的Y轴。


将X轴移到顶部

Axis类(所有轴的超类)具有一个名为side的属性,该属性指定绘图中需要具有当前轴(左,右,上下)的那一侧。您可以使用setSide()方法将值设置为此属性。此方法接受以下值之一作为参数-

  • 侧面底部

  • 边顶

  • 左侧

  • 右侧

要将X轴移到顶部,请通过将值Side.TOP作为参数传递,在绘图XAxis的对象上调用setSide()方法。

示例

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Side;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.scene.layout.StackPane;
public class LineChartAxisShift extends Application {
   public void start(Stage stage) {
      //定义x和y轴
      CategoryAxis xAxis = new CategoryAxis();
      NumberAxis yAxis = new NumberAxis();
      //设置轴的标签
      xAxis.setLabel("Months");
      yAxis.setLabel("Rainfall (mm)");
      //创建折线图
      LineChart linechart = new LineChart(xAxis, yAxis);
      //准备第1行的数据点
      XYChart.Series series = new XYChart.Series();
      series.getData().add(new XYChart.Data("Jul", 169.9));
      series.getData().add(new XYChart.Data("Aug", 178.7));
      series.getData().add(new XYChart.Data("Sep", 158.3));
      series.getData().add(new XYChart.Data("Oct", 97.2));
      series.getData().add(new XYChart.Data("Nov", 22.4));
      series.getData().add(new XYChart.Data("Dec", 5.9));
      //将名称设置为行(系列)
      series.setName("Rainfall In Hyderabad");
      //将数据设置为折线图
      linechart.getData().add(series);
      //移动X轴
      xAxis.setSide(Side.TOP);
      //创建一个堆栈窗格来保存图表
      StackPane pane = new StackPane(linechart);
      pane.setPadding(new Insets(15, 15, 15, 15));
      pane.setStyle("-fx-background-color: BEIGE");
      //设置场景
      Scene scene = new Scene(pane, 595, 350);
      stage.setTitle("Line Chart");
      stage.setScene(scene);
      stage.show();
   }
   public static void main(String args[]){
      launch(args);
   }
}

输出结果


 类似资料:
  • 如何绘制一张折线图,一个频率图,类似于心电图,X轴上方绘制折线图,X轴下方绘制频率图?X轴为时间,类似于 时间为 0.2,0.3,0.4三个节点电击了三次,然后心电图跳动的更快或者更高,总之就是有变化,要看相应得变化,时间在第二秒内电击了五次,第三秒内点击了两次,然后看X轴上方折线图变化情况,翻文档并没有试出来我想要的图形。 找到一个类似得 https://echarts.apache.org/e

  • 我试图制作一个可滚动的图表,无论游标在滚动条中的位置如何,Y轴都在视图中(默认情况下,由于Y轴信息位于视图的末尾,只有在滚动到足以看到末尾时,您才会看到它) 下面是我试图完成的一个示例: 请注意,即使滚动条的位置在中间,Y轴文本(价格)仍然在视图中 有什么想法来绕过上述问题或更好的方法来实现这一点? 谢谢

  • 使用echarts中的折线图如何让x轴往左不停的滚动还有y轴

  • 图片来源:模仿"饿了么外卖"折线图筛选功能 这个图应该如何实现呢、滑动Slider滑块、对应折线图也随之高亮展示 目前发现一个类似的功能https://github.com/oguzhaninan/vue-histogram-slider只不过他是柱形图而我是折线图

  • 我正在使用库MPAndroid,< code >编译' com . github . philjay:MPAndroidChart:v 3 . 0 . 0-beta 1 ' 我必须在MPAndroid折线图中传递x轴上的日期和y轴上的值,当我传递x轴或y轴上的值时,应用程序崩溃,显示< code > ArrayIndexOutOfBound < code >异常,数组大小为-2。 我怎么能做到这一