javaFX学习笔记之 折线图用法

已于 2022-04-26 16:43:39 修改
阅读量2.5k 收藏 16
点赞数 2
分类专栏： 前端开发 文章标签： java
于 2022-04-26 16:22:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zy103118/article/details/124430749
版权

直接上代码

/**
 * @author zhaoyong
 * @Date 2022/4/26
 * @Description 折线图
 */
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;


public class LineChartSample extends Application {

    @Override public void start(Stage stage) {
        stage.setTitle("折线图标例");

        final NumberAxis xAxis = new NumberAxis();//定义一个x轴(数字横轴)
        final NumberAxis yAxis = new NumberAxis();//定义一个y轴(数字纵轴)
        xAxis.setLabel("x轴标题");
        //creating the chart
        final LineChart<Number,Number> lineChart =
                new LineChart<Number,Number>(xAxis,yAxis);//定义一个折线图，将前文定义的x轴和y轴对象挂载上

        lineChart.setTitle("股市趋势, 2022");//设置图的标题
        //defining a series
        XYChart.Series series = new XYChart.Series();//定义式创建一个数字序列
        series.setName("大盘指数");//数字序列添加标题名称
        //populating the series with data
        series.getData().add(new XYChart.Data(1, 23));//给数字序列添加序列值
        series.getData().add(new XYChart.Data(2, 14));
        series.getData().add(new XYChart.Data(3, 15));
        series.getData().add(new XYChart.Data(4, 24));
        series.getData().add(new XYChart.Data(5, 34));
        series.getData().add(new XYChart.Data(6, 36));
        series.getData().add(new XYChart.Data(7, 22));
        series.getData().add(new XYChart.Data(8, 45));
        series.getData().add(new XYChart.Data(9, 43));
        series.getData().add(new XYChart.Data(10, 17));
        series.getData().add(new XYChart.Data(11, 29));
        series.getData().add(new XYChart.Data(12, 25));

        Scene scene  = new Scene(lineChart,800,600);//定义一个场景设置场景大小，并挂载上文定义的图
        lineChart.getData().add(series);//将序列值添加到图中

        stage.setScene(scene);//舞台挂载场景
        stage.show();//舞台展现
    }

    public static void main(String[] args) {
        launch(args);
    }
}

 

/**
 * @author zhaoyong
 * @Date 2022/4/26
 * @Description 折线图
 */
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;


public class LineChartSample extends Application {

    @Override public void start(Stage stage) {
        stage.setTitle("折线图标例");

        final NumberAxis xAxis = new NumberAxis();//定义一个x轴(数字横轴)
        final NumberAxis yAxis = new NumberAxis();//定义一个y轴(数字纵轴)
        xAxis.setLabel("x轴标题");
        //creating the chart
        final LineChart<Number,Number> lineChart =
                new LineChart<Number,Number>(xAxis,yAxis);//定义一个折线图，将前文定义的x轴和y轴对象挂载上

        lineChart.setTitle("股市趋势, 2022");//设置图的标题
        //defining a series
        XYChart.Series series = new XYChart.Series();//定义式创建一个数字序列
        series.setName("大盘指数");//数字序列添加标题名称
        //populating the series with data
        series.getData().add(new XYChart.Data(1, 23));//给数字序列添加序列值
        series.getData().add(new XYChart.Data(2, 14));
        series.getData().add(new XYChart.Data(3, 15));
        series.getData().add(new XYChart.Data(4, 24));
        series.getData().add(new XYChart.Data(5, 34));
        series.getData().add(new XYChart.Data(6, 36));
        series.getData().add(new XYChart.Data(7, 22));
        series.getData().add(new XYChart.Data(8, 45));
        series.getData().add(new XYChart.Data(9, 43));
        series.getData().add(new XYChart.Data(10, 17));
        series.getData().add(new XYChart.Data(11, 29));
        series.getData().add(new XYChart.Data(12, 25));

        Scene scene  = new Scene(lineChart,800,600);//定义一个场景设置场景大小，并挂载上文定义的图
        lineChart.getData().add(series);//将序列值添加到图中
        lineChart.setCreateSymbols(false);//禁用折线图的符号化,就是一个趋势图的样例(展示的折线图使用小圆圈符号来突出显示每个数据项。如果你想展示图中的数据趋势而不是具体的数据值，可以禁用掉图表符号)
        stage.setScene(scene);//舞台挂载场景
        stage.show();//舞台展现
    }

    public static void main(String[] args) {
        launch(args);
    }
}


/**
 * @author zhaoyong
 * @Date 2022/4/26
 * @Description 折线图
 */
import javafx.application.Application;
import javafx.geometry.Side;
import javafx.scene.Scene;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;


public class LineChartSample extends Application {

    @Override public void start(Stage stage) {
        stage.setTitle("折线图标例");

        final NumberAxis xAxis = new NumberAxis();//定义一个x轴(数字横轴)
        final NumberAxis yAxis = new NumberAxis();//定义一个y轴(数字纵轴)
        xAxis.setLabel("x轴标题");
        //creating the chart
        final LineChart<Number,Number> lineChart =
                new LineChart<Number,Number>(xAxis,yAxis);//定义一个折线图，将前文定义的x轴和y轴对象挂载上

        lineChart.setTitle("股市趋势, 2022");//设置图的标题
        //defining a series
        XYChart.Series series = new XYChart.Series();//定义式创建一个数字序列
        series.setName("大盘指数");//数字序列添加标题名称
        //populating the series with data
        series.getData().add(new XYChart.Data(1, 23));//给数字序列添加序列值
        series.getData().add(new XYChart.Data(2, 14));
        series.getData().add(new XYChart.Data(3, 15));
        series.getData().add(new XYChart.Data(4, 24));
        series.getData().add(new XYChart.Data(5, 34));
        series.getData().add(new XYChart.Data(6, 36));
        series.getData().add(new XYChart.Data(7, 22));
        series.getData().add(new XYChart.Data(8, 45));
        series.getData().add(new XYChart.Data(9, 43));
        series.getData().add(new XYChart.Data(10, 17));
        series.getData().add(new XYChart.Data(11, 29));
        series.getData().add(new XYChart.Data(12, 25));
        xAxis.setSide(Side.TOP);//坐标轴与绘图区的相对位置是默认的。当然，也可以通过调用setSide方法来让某个坐标轴显示到绘图区的另一侧，将横轴移到绘图区的上方
        Scene scene  = new Scene(lineChart,800,600);//定义一个场景设置场景大小，并挂载上文定义的图
        lineChart.getData().add(series);//将序列值添加到图中
        lineChart.setCreateSymbols(false);//禁用折线图的符号化,就是一个趋势图的样例(展示的折线图使用小圆圈符号来突出显示每个数据项。如果你想展示图中的数据趋势而不是具体的数据值，可以禁用掉图表符号)
        stage.setScene(scene);//舞台挂载场景
        stage.show();//舞台展现
    }

    public static void main(String[] args) {
        launch(args);
    }
}

为折线图创建分类

使用CategoryAxis类来代替NumberAxis类以使折线图中出现非数值型数据。

检查一下例中修改后的代码。该程序用CategoryAxis实例创建了横轴。为了适应横轴数据类型的变化，LineChart对象的声明也做了修改。

 使用来展示CategoryAxis月份

 

/**
 * @author zhaoyong
 * @Date 2022/4/26
 * @Description 折线图
 */
import javafx.application.Application;
import javafx.geometry.Side;
import javafx.scene.Scene;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;


public class LineChartSample extends Application {

    @Override public void start(Stage stage) {
        stage.setTitle("折线图标例");

        final CategoryAxis xAxis = new CategoryAxis();//定义一个x轴(文本横轴)
        final NumberAxis yAxis = new NumberAxis();//定义一个y轴(数字纵轴)
        xAxis.setLabel("x轴标题（月份）");
        //creating the chart
        final LineChart<String,Number> lineChart =
                new LineChart<String,Number>(xAxis,yAxis);//定义一个折线图，将前文定义的x轴和y轴对象挂载上

        lineChart.setTitle("股市趋势, 2022");//设置图的标题
        //defining a series
        XYChart.Series series = new XYChart.Series();//定义式创建一个数字序列
        series.setName("大盘指数");//数字序列添加标题名称
        //populating the series with data
        series.getData().add(new XYChart.Data("1月", 23));//给数字序列添加序列值
        series.getData().add(new XYChart.Data("2月", 14));
        series.getData().add(new XYChart.Data("3月", 15));
        series.getData().add(new XYChart.Data("4月", 24));
        series.getData().add(new XYChart.Data("5月", 34));
        series.getData().add(new XYChart.Data("6月", 36));
        series.getData().add(new XYChart.Data("7月", 22));
        series.getData().add(new XYChart.Data("8月", 45));
        series.getData().add(new XYChart.Data("9月", 43));
        series.getData().add(new XYChart.Data("10月", 17));
        series.getData().add(new XYChart.Data("11月", 29));
        series.getData().add(new XYChart.Data("12月", 25));
        xAxis.setSide(Side.TOP);//坐标轴与绘图区的相对位置是默认的。当然，也可以通过调用setSide方法来让某个坐标轴显示到绘图区的另一侧，将横轴移到绘图区的上方
        Scene scene  = new Scene(lineChart,800,600);//定义一个场景设置场景大小，并挂载上文定义的图
        lineChart.getData().add(series);//将序列值添加到图中
        lineChart.setCreateSymbols(false);//禁用折线图的符号化,就是一个趋势图的样例(展示的折线图使用小圆圈符号来突出显示每个数据项。如果你想展示图中的数据趋势而不是具体的数据值，可以禁用掉图表符号)
        stage.setScene(scene);//舞台挂载场景
        stage.show();//舞台展现
    }

    public static void main(String[] args) {
        launch(args);
    }
}

_____________________________________

通常折线图可用于分析同一时间段内的不同数据集。使用多组XYChart.Data对象可以实现这个功能

为折线图增加数据序列

例提供了带有三组数据的股票监视程序源码。除了前一个例子中展示的那一个数据序列之外，还另外声明了两个新的数据序列。

这些数据序列通过连续调用getData和addAll方法添加到了图表之中。

向股票监视样例中增加两个新的数据序列 

每个数据序列都通过调用setName方法定义了一个唯一的名称。编译并运行此程序的结果 

 

 

/**
 * @author zhaoyong
 * @Date 2022/4/26
 * @Description 折线图
 */
import javafx.application.Application;
import javafx.geometry.Side;
import javafx.scene.Scene;
import javafx.scene.chart.CategoryAxis;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;


public class LineChartSample extends Application {

    @Override public void start(Stage stage) {
        stage.setTitle("折线图标例");

        final CategoryAxis xAxis = new CategoryAxis();//定义一个x轴(文本横轴)
        final NumberAxis yAxis = new NumberAxis();//定义一个y轴(数字纵轴)
        xAxis.setLabel("x轴标题（月份）");
        //creating the chart
        final LineChart<String,Number> lineChart =
                new LineChart<String,Number>(xAxis,yAxis);//定义一个折线图，将前文定义的x轴和y轴对象挂载上

        lineChart.setTitle("股市趋势, 2022");//设置图的标题
        //defining a series
        XYChart.Series series1 = new XYChart.Series();//定义式创建一个数字序列
        series1.setName("大盘指数");//数字序列添加标题名称
        //populating the series with data
        series1.getData().add(new XYChart.Data("1月", 23));//给数字序列添加序列值
        series1.getData().add(new XYChart.Data("2月", 14));
        series1.getData().add(new XYChart.Data("3月", 15));
        series1.getData().add(new XYChart.Data("4月", 24));
        series1.getData().add(new XYChart.Data("5月", 34));
        series1.getData().add(new XYChart.Data("6月", 36));
        series1.getData().add(new XYChart.Data("7月", 22));
        series1.getData().add(new XYChart.Data("8月", 45));
        series1.getData().add(new XYChart.Data("9月", 43));
        series1.getData().add(new XYChart.Data("10月", 17));
        series1.getData().add(new XYChart.Data("11月", 29));
        series1.getData().add(new XYChart.Data("12月", 25));
        XYChart.Series series2 = new XYChart.Series();
        series2.setName("m20");
        series2.getData().add(new XYChart.Data("1月",  33));
        series2.getData().add(new XYChart.Data("2月",  34));
        series2.getData().add(new XYChart.Data("3月",  25));
        series2.getData().add(new XYChart.Data("4月",  44));
        series2.getData().add(new XYChart.Data("5月",  39));
        series2.getData().add(new XYChart.Data("6月",  16));
        series2.getData().add(new XYChart.Data("7月",  55));
        series2.getData().add(new XYChart.Data("8月",  54));
        series2.getData().add(new XYChart.Data("9月",  48));
        series2.getData().add(new XYChart.Data("10月", 27));
        series2.getData().add(new XYChart.Data("11月", 37));
        series2.getData().add(new XYChart.Data("12月", 29));

        XYChart.Series series3 = new XYChart.Series();
        series3.setName("m30");
        series3.getData().add(new XYChart.Data("1月",  44));
        series3.getData().add(new XYChart.Data("2月",  35));
        series3.getData().add(new XYChart.Data("3月",  36));
        series3.getData().add(new XYChart.Data("4月",  33));
        series3.getData().add(new XYChart.Data("5月",  31));
        series3.getData().add(new XYChart.Data("6月",  26));
        series3.getData().add(new XYChart.Data("7月",  22));
        series3.getData().add(new XYChart.Data("8月",  25));
        series3.getData().add(new XYChart.Data("9月",  43));
        series3.getData().add(new XYChart.Data("10月", 44));
        series3.getData().add(new XYChart.Data("11月", 45));
        series3.getData().add(new XYChart.Data("12月", 44));


        Scene scene  = new Scene(lineChart,800,600);//定义一个场景设置场景大小，并挂载上文定义的图
        lineChart.getData().addAll(series1,series2,series3);//将序列值添加到图中
        lineChart.setCreateSymbols(false);//禁用折线图的符号化,就是一个趋势图的样例(展示的折线图使用小圆圈符号来突出显示每个数据项。如果你想展示图中的数据趋势而不是具体的数据值，可以禁用掉图表符号)
        stage.setScene(scene);//舞台挂载场景
        stage.show();//舞台展现
    }

    public static void main(String[] args) {
        launch(args);
    }
}

需要注意，折线的不同颜色根据addAll方法中相应数据序列的声明顺序决定。如果这样来修改声明顺序：lineChart.getData().addAll(series3, series1, series2)，然后再编译并运行该程序。修改后的输出结果如图 

 

 

brave_zhao
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
java中linechart用法_Line Chart
weixin_34827430的博客
03-02 2424
Line Chart折线图或折线图将信息显示为由直线段连接的一系列数据点(标记)。 折线图显示数据如何以相等的时间频率变化。以下是描绘不同年份学校数量的折线图。在JavaFX中，折线图由名为LineChart的类表示。 该类属于包javafx.scene.chart 。 通过实例化此类，您可以在JavaFX中创建LineChart节点。生成折线图的步骤要在JavaFX中生成折线图，您应该按照...
java fx 画折线图
bug呀路
06-26 99
用javafx Path 类画折线图，通过定义起点 以及经过点 画出折线 与 画画类似，一笔笔的画出来，计算出下一个点的坐标位置即可完成。
javaFX学习笔记之柱状图
zy103118的博客
05-18 2057
柱状图（Bar Chart），一种带有矩形条（Rectangular bar）的双轴图表，Rectangular bar可以水平放置也可以竖垂直放置。 每个Bar的长度与图表表示的特定数据是成比例的。Bar Chart一般用来展示散列数据。你可以使用多组Bar来分类绘制数据 例子： 创建Bar Chart 要在你的JavaFX应用程序中创建Bar Chart，需要创建两个坐标轴、实例化BarClass类、定义数据序列并且把数据指定给Bar Chart。例创建了一个有三组数据的Bar Chart来表示
javaFX学习笔记之 散布图(Scatter Chart)
zy103118的博客
05-12 1373
（Scatter Chart），它是一种用一组点来表示数据的双轴图表。 每个点通过X和Y值来定义。跟其他双轴图表类似，你可以创建一组或者多组数据。图展示了一个带有三组数据的Scatter Chart。 创建散布图 要创建散布图，需要定义至少一组数据、设置横轴和纵轴、通过实例化ScatterChart类创建图表并且把数据指定给图表。例示范了怎样创建一个有两组数据的简单散布图。 /** * @author zhaoyong * @Date 2022/5/12 * @Description
JavaFX学习笔记（最全，最详细）
热门推荐
NolanKy 的 技术博客
06-12 3万+
文章目录Java: JavaFX桌面GUI开发1、基本概念2、最小框架代码3、控件布局4，初步认识stage窗口5，stage窗口模式(StageStyle)6，screen类的使用7，Group容器的使用8，Button按钮以及简单介绍设置背景颜色和外边框等问题 Java: JavaFX桌面GUI开发 1、基本概念 窗口 Stage 场景 Scene 布局 stackPane 控件 Button 2、最小框架代码 创建命令行应用 package
JavaFX图表（三）之折线图
茅坤宝骏氹的博客
12-23 7200
翻译自   JavaFX - 折线图 折线图或折线图将信息显示为由直线段连接的一系列数据点（标记）。折线图显示数据如何以相等的时间频率变化。 以下是描绘不同年份学校数量的折线图。 在JavaFX中，折线图由名为LineChart的类表示。该类属于包javafx.scene.chart。通过实例化此类，您可以在JavaFX中创建LineChart节点。 生成折线图的步骤 要在JavaF...
javafx扇形图、柱状图、折线图的使用
qq_37415866的博客
11-11 2042
注意：本文的Javafx应用是采用fxml布局，Java写业务逻辑的。 实现效果 Main.java import javafx.application.Application; import javafx.fxml.FXMLLoader; import javafx.scene.Parent; import javafx.scene.Scene; import javafx.scene.ch...
javaFX学习笔记之在图表中使用CSS（转载）
zy103118的博客
05-20 1690
参考的原文链接：DOC-03-38 在图表中使用CSS | JavaFX中文资料 通过应用层叠样式表（CSS）来改变JavaFX图表的默认外观 改变图表的配色方案，修改其图例或坐标轴，以及修改图表符号 JavaFX图表中所有的视觉元素都由modena样式表定义。JavaFX API中有一个受限的方法和属性集来改变这些视觉元素。Oracle建议你在JavaFX应用程序中使用图表特有的CSS属性来实现改变图表的外观 在JavaFX CSS参考指南（JavaFX CSS Reference Guid）中找
javaFX学习笔记之 管理Web弹出式窗口
zy103118的博客
10-20 873
管理Web弹出式窗口
javafx实现折线图只需一个main方法
qq_51001054的博客
12-02 531
javafx实现折线图只需一个main方法
枚举工具类
qq_43049583的博客
08-04 286
java枚举工具类
等待唤醒机制两种实现方法-阻塞队列
最新发布
泰勒今天想展开的博客
08-04 332
桌子上有面条-》吃货执行桌子上没面条-》生产者制造执行。
社区养老服务小程序的设计
Karen198的博客
07-31 663
管理员账户功能包括：系统首页，个人中心，用户管理，服务人员管理，服务产品管理，服务预约管理，服务状态管理，服务退订管理，活动管理，视频管理。主要技术：Java,Spring,mybatis,mysql,jquery,html。服务器：SpringBoot自带 apache tomcat。微信端账号功能包括：系统首页，服务产品，活动，视频，我的。JDK版本：Java JDK1.8。数据库可视化工具： navicat。数据库版本： mysql5.7。开发工具：IDEA(推荐)开发系统：Windows。
深入理解Java注解
weixin_55745942的博客
08-01 668
Java注解是用来描述程序元素（如类、方法、变量等）的一种机制。它们可以提供关于程序的补充信息，帮助编译器、框架或其他工具更好地理解和处理代码。注解通常以符号开头，后跟注解名称和可能的参数。要创建自定义注解，需要使用@interface关键字定义一个接口，并在接口中声明注解的属性。这个注解名为，可以被用来标记方法。它有一个名为value的属性，具有默认值"default"。
Springboot+Websocket+Security+Vue 实现弹幕推送功能
Gemini1995的博客
08-01 616
【代码】Springboot+Websocket+Security+Vue 实现弹幕推送功能。
string类的模拟实现(C++)
2302_80190394的博客
08-02 1102
C++ string的功能函数实现
SpringMVC02
2301_78875117的博客
08-02 1045
参数异常/** 自定义异常：参数异常*/private String msg="参数异常";super("参数异常！");super(msg);super("参数异常！");super(msg);return msg;业务异常private String msg="业务异常";super("业务异常！");super(msg);super("业务异常！");super(msg);return msg;
Spring-包扫描
Promise_J_Z
08-03 209
二次判断类是否可独立实例化对象，内部类或者接口，抽象类都会对应生成一个.class文件，但是这些文件部分是不能够实例化的，不可以生成bean，所以在生成BeanDefinition之前需要进行过滤判断。对扫描到的BeanDefinition进行赋值，但是此时只是将className赋值到BeanDefinition中，因为还没有创建该类。spring在启动的时候就会往includeFilters中加入component注解。判断当前类是否需要当作bean进行处理。
如何使用JavaFX和echarts绘制折线图？
05-21
JavaFX 是一种用于构建富客户端应用程序的框架，而 ECharts 是一种基于 JavaScript 的可视化图表库，可以用于生成各种类型的图表，包括折线图。下面是使用 JavaFX 和 ECharts 绘制折线图的步骤： 1. 首先，需要在 JavaFX 应用程序中添加 ECharts 的 JavaScript 文件。可以将文件下载到本地并在 HTML 文件中引用，也可以使用 ECharts 提供的在线 CDN 地址。 2. 在 JavaFX 中创建一个 WebView 控件，该控件可以用来显示 HTML 内容。 3. 使用 JavaFX 的 WebEngine 类将 HTML 文件加载到 WebView 控件中。 4. 在 HTML 文件中使用 ECharts 的 API 生成折线图，并将图表数据传递给 ECharts。 5. 将生成的 HTML 内容插入到 WebView 控件中。 下面是一个简单的示例代码，展示了如何在 JavaFX 中绘制折线图： ```java import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.web.WebEngine; import javafx.scene.web.WebView; import javafx.stage.Stage; public class LineChartDemo extends Application { @Override public void start(Stage primaryStage) { WebView webView = new WebView(); WebEngine webEngine = webView.getEngine(); String htmlContent = "<html>\n" + " <head>\n" + " <!-- 引入 echarts 的 CDN 地址 -->\n" + " <script src=\"https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js\"></script>\n" + " </head>\n" + " <body>\n" + " <!-- 创建一个 div 元素，用于显示折线图 -->\n" + " <div id=\"line-chart\" style=\"width: 600px;height:400px;\"></div>\n" + " <script>\n" + " // 基于准备好的 dom，初始化 echarts 实例\n" + " var myChart = echarts.init(document.getElementById('line-chart'));\n" + "\n" + " // 指定图表的配置项和数据\n" + " var option = {\n" + " xAxis: {\n" + " type: 'category',\n" + " data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']\n" + " },\n" + " yAxis: {\n" + " type: 'value'\n" + " },\n" + " series: [{\n" + " data: [820, 932, 901, 934, 1290, 1330, 1320],\n" + " type: 'line'\n" + " }]\n" + " };\n" + "\n" + " // 使用刚指定的配置项和数据显示图表。\n" + " myChart.setOption(option);\n" + " </script>\n" + " </body>\n" + "</html>"; webEngine.loadContent(htmlContent); Scene scene = new Scene(webView, 600, 400); primaryStage.setScene(scene); primaryStage.show(); } public static void main(String[] args) { launch(args); } } ``` 在上面的示例代码中，我们创建了一个 WebView 控件，并将 ECharts 的 JavaScript 文件加载到 HTML 文件中。然后，我们使用 ECharts 的 API 生成了一个折线图，并将图表数据传递给 ECharts。最后，我们将生成的 HTML 内容插入到 WebView 控件中，并将该控件添加到 JavaFX 应用程序的场景中。运行该应用程序，就可以在 JavaFX 窗口中看到生成的折线图了。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值