内联图,数据值表示由一条线连接的一系列点。在JavaFX中,可以通过实例化javafx.scene.chart.LineChart类来创建折线图。
在实例化此类时,必须传递Axis类的两个对象,它们代表x轴和y轴(作为构造函数的参数)。由于Axis类是抽象的,因此您需要传递其具体子类的对象NumberNumber(用于数字值)或CategoryAxis(字符串值)。
该XYChart.Data类表示图表中的数据点,你可以通过实例这个类来创建一个数据点。
XYChart.Data dataPoint1 = new XYChart.Data(x-value, y-value) XYChart.Data dataPoint2 = new XYChart.Data(x-value, y-value) XYChart.Data dataPoint3 = new XYChart.Data(x-value, y-value)
一旦创建了所有必需的数据点,就可以创建实例化XYChart.Series类并向其添加数据点所需的序列。
XYChart.Series series = XYChart.Series series.getData().add(dataPoint1); series.getData().add(dataPoint2); series.getData().add(dataPoint3);
您可以根据需要创建任意数量的此类序列。
以下示例演示了创建具有多条折线的折线图。
import javafx.application.Application; 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 LineChart_MultipleLines extends Application { public void start(Stage stage) { //定义x和y轴 CategoryAxis xAxis = new CategoryAxis(); NumberAxis yAxis = new NumberAxis(); //设置轴的标签 xAxis.setLabel("Month"); yAxis.setLabel("Temperature(°C)"); //创建折线图 LineChart<String, Number> linechart = new LineChart<String, Number>(xAxis, yAxis); //准备第1行的数据点 XYChart.Series series1 = new XYChart.Series(); series1.getData().add(new XYChart.Data("Jan", 7.0)); series1.getData().add(new XYChart.Data("Feb", 6.9)); series1.getData().add(new XYChart.Data("March", 9.5)); series1.getData().add(new XYChart.Data("April", 14.5)); series1.getData().add(new XYChart.Data("May", 18.2)); series1.getData().add(new XYChart.Data("June", 21.5)); series1.getData().add(new XYChart.Data("July", 25.2)); series1.getData().add(new XYChart.Data("August", 26.5)); series1.getData().add(new XYChart.Data("Sep", 23.3)); series1.getData().add(new XYChart.Data("Oct", 18.3)); series1.getData().add(new XYChart.Data("Nov", 13.9)); series1.getData().add(new XYChart.Data("Dec", 9.6)); //为第2行准备数据点 XYChart.Series series2 = new XYChart.Series(); series2.getData().add(new XYChart.Data("Jan", -0.2)); series2.getData().add(new XYChart.Data("Feb", 0.8)); series2.getData().add(new XYChart.Data("March", 5.7)); series2.getData().add(new XYChart.Data("April", 11.3)); series2.getData().add(new XYChart.Data("May", 17.0)); series2.getData().add(new XYChart.Data("June", 22.0)); series2.getData().add(new XYChart.Data("July", 24.8)); series2.getData().add(new XYChart.Data("August", 24.1)); series2.getData().add(new XYChart.Data("Sep", 20.1)); series2.getData().add(new XYChart.Data("Oct", 14.1)); series2.getData().add(new XYChart.Data("Nov", 8.6)); series2.getData().add(new XYChart.Data("Dec", 2.5)); //为第3行准备数据点 XYChart.Series series3 = new XYChart.Series(); series3.getData().add(new XYChart.Data("Jan", 3.9)); series3.getData().add(new XYChart.Data("Feb", 4.2)); series3.getData().add(new XYChart.Data("March", 5.7)); series3.getData().add(new XYChart.Data("April", 8.5)); series3.getData().add(new XYChart.Data("May", 11.9)); series3.getData().add(new XYChart.Data("June", 15.2)); series3.getData().add(new XYChart.Data("July", 17.0)); series3.getData().add(new XYChart.Data("August", 16.6)); series3.getData().add(new XYChart.Data("Sep", 14.2)); series3.getData().add(new XYChart.Data("Oct", 10.3)); series3.getData().add(new XYChart.Data("Nov", 6.6)); series3.getData().add(new XYChart.Data("Dec", 4.8)); //将名称设置为行(系列) series1.setName("Tokyo"); series2.setName("New York"); series3.setName("London"); //将数据设置为折线图 linechart.getData().addAll(series1, series2, series3); //创建一个堆栈窗格来保存图表 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); } }
输出结果
主要内容:JavaFX多边形折线JavaFX多边形折线 多边形,一个简单的示例代码如下所示 - 上面的代码生成以下结果。 折线示例,一个简单的示例代码如下所示 - 上面的代码生成以下结果。
我有一个使用折线图的JavaFX应用程序。我可以在应用程序中编写图表并清除它,但是当我想编写一个新系列并显示它时,我收到一个错误, 我懂意思,但不懂怎么修(我对Java很陌生,对FX就更不用说了)。 下面是我的控制器的相关代码(减去一些类声明): (由图表选项卡窗口中的“提交”按钮调用的方法) (上面方法调用的任务:) 图表第一次绘制,清除,然后异常发生。请求的堆栈跟踪如下: java.lang.
我想创建一个包含三条线(男性、女性、未知)的折线图。这是我的数据示例: 是否有一个选项,在图中自动创建三行或我需要循环通过数据和创建三个跟踪自己?到目前为止,这是我的代码:
我正在尝试用MPAndroidChart构建一个LineChart,来表示我从分贝仪得到的值。问题是,我只得到一个表示当前值的移动点,但我希望有一条线,在移动时,显示值。脑电图之类的东西要清楚。 这是onCreate()方法中与图表相关的所有代码: 以下是我用来更新图表中数据的方法: 因为我需要动态更新数据,所以从线程调用updateChart(float x,float y)。这是我运行应用程序
我使用的是chart.bundle.min.js 2.3.0。
我正在使用chart.js在一个页面上显示多个折线图。然而,只有最后一张图表显示,尽管我称之为“canvas1”和“canvas2”。有些地方一定有冲突,我试过很多东西,但没有任何乐趣。以下是两个图表,仅显示最后一个: 图一 图二: 你的帮助将不胜感激,已经打扰我一段时间了! 提前谢谢