java 画数学函数图不太方便，需要用第三方包 jfree，安装或下载方法网上有。
要用到 jfree 里面的 XYSeries，生成一系列数据。
然后根据生成的数据，使用 chart 描点画图。
举例：
1. 画图 y= x^2
import javax.swing.JFrame;

import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartFrame;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.data.xy.XYSeries;
import org.jfree.data.xy.XYSeriesCollection;

public class DrawMath {

	public static void main(String[] args) {

		XYSeries series = new XYSeries("xySeries");
		for (int x = -100; x < 100; x++) {
			int y = x*x;
			series.add(x, y);
		}
		
		XYSeriesCollection dataset = new XYSeriesCollection();
		dataset.addSeries(series);
		JFreeChart chart = ChartFactory.createXYLineChart(
				"y = x^2", // chart title
				"x", // x axis label
				"x^2", // y axis label
				dataset, // data
				PlotOrientation.VERTICAL,
				false, // include legend
				false, // tooltips
				false // urls
				);

		ChartFrame frame = new ChartFrame("my picture", chart);
		frame.pack();
		frame.setVisible(true);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	}

}


显示效果：





2. 画图 y= sin(x)
import javax.swing.JFrame;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartFrame;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.data.xy.XYSeries;
import org.jfree.data.xy.XYSeriesCollection;

public class DrawMath {

	public static void main(String[] args) {

		XYSeries series = new XYSeries("xySeries");
		for (double x = -10; x < 10; x = x + 0.1) {
			double y = Math.sin(x);
			series.add(x, y);
		}
		
		XYSeriesCollection dataset = new XYSeriesCollection();
		dataset.addSeries(series);
		JFreeChart chart = ChartFactory.createXYLineChart(
				"y = sin(x)", // chart title
				"x", // x axis label
				"sin(x)", // y axis label
				dataset, // data
				PlotOrientation.VERTICAL,
				false, // include legend
				false, // tooltips
				false // urls
				);

		ChartFrame frame = new ChartFrame("my picture", chart);
		frame.pack();
		frame.setVisible(true);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);	
	}
}
显示效果：




3. 画散点图
画散点图时，要用到 plot 与 render 进一步设置了。
举例：
import javax.swing.JFrame;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartFrame;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.chart.plot.XYPlot;
import org.jfree.chart.renderer.xy.XYLineAndShapeRenderer;
import org.jfree.data.xy.XYSeries;
import org.jfree.data.xy.XYSeriesCollection;

public class DrawMath {

	public static void main(String[] args) {

		XYSeries series = new XYSeries("xySeries");
		for (double x = -10; x < 10; x = x + 0.1) {
			double y = Math.sin(x);
			series.add(x, y);
		}
		
		XYSeriesCollection dataset = new XYSeriesCollection();
		dataset.addSeries(series);
		JFreeChart chart = ChartFactory.createXYLineChart(
				"y = sin(x)", // chart title
				"x", // x axis label
				"sin(x)", // y axis label
				dataset, // data
				PlotOrientation.VERTICAL,
				false, // include legend
				false, // tooltips
				false // urls
				);
		
		XYPlot plot = (XYPlot)chart.getPlot();
		XYLineAndShapeRenderer renderer = new XYLineAndShapeRenderer();
		renderer.setSeriesLinesVisible(0, false); // 设置连线不可见
	        plot.setRenderer(renderer);
		
		ChartFrame frame = new ChartFrame("my picture", chart);
		frame.pack(); // fit window to figure size
		frame.setVisible(true);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);	
	}
}


显示效果：

Java中没有自带正弦曲线的函数，需要自己绘制。
 用无数个小线段来组成弯曲的正弦曲线。
 
定义三个变量：
`   int grain = 3;    //控制正弦曲线的粒度（粒度越大，像素越低）
	int range = 50;    //高度
	int period = 100;   //周期
 
创建微调控制器JSpinner来控制正弦曲线
 
//JSpinner的语法格式：SpinnerNumberModel(最低值，初值，最大值，步长)
JSpinner grainField  = new JSpinner(new SpinnerNumberModel(1, 1, 10, 1));
	JSpinner rangeField = new JSpinner(new SpinnerNumberModel(50, 20, 80, 5));
	JSpinner periodField = new JSpinner(new SpinnerNumberModel(100, 50, 150, 10));
 
//向control添加几个控件
		control.add(new JLabel("粒度"));
		control.add(grainField,"80px");
		control.add(new JLabel("高度"));
		control.add(rangeField,"80px");
		control.add(new JLabel("周期"));
		control.add(periodField,"80px");
		control.add(Box.createHorizontalGlue());
 
简化代码创建一个createUI方法来处理微调的响应
 
private void createUI() {
		p.grain = (Integer)grainField.getValue();
		p.period = (Integer) periodField.getValue();
		p.range = (Integer)rangeField.getValue();
		p.repaint();   //重画方法，可以及时响应调整的事件
	}
 
新建changeLinstener事件处理来调用createUI方法
 
		ChangeListener changeLinstener = new ChangeListener() {
			
			@Override
			public void stateChanged(ChangeEvent e) {
				// TODO Auto-generated method stub
			createUI();	
			}
		};
		grainField.addChangeListener( changeLinstener);
		rangeField.addChangeListener( changeLinstener);
		periodField.addChangeListener( changeLinstener);
	}
 
正弦曲线的绘制（需要重写JComponent中的paintComponent方法）
 
@Override
	protected void paintComponent(Graphics g) {
		//
		int width = this.getWidth();  
		int height = this.getHeight();
		//
		g.clearRect(0, 0, width,height);//清空绘制的形状
		g.setColor(Color.white);     //设置颜色
		
		//绘制中线
		int center = height/2;
		g.setColor( Color.blue);
		g.drawLine(0, center,width,center);
		//绘制矩形的灵魂
		int x1 = 0;int y1 = 0;
		for(int i =0;i<width ; i+=grain) {
			int x2=i;
			int y2 = (int)(range*Math.sin(2*Math.PI*i/period));
			g.drawLine(x1,center+y1,x2,center+y2);
			x1=x2;
			y1=y2;
			//
		}
	}

JSON数据传输和接收 绘制曲线图 JDBC数据库查询
 
目录
 
 
 
编写JSON传输数据类
 
实现java后端的JDBC数据库连接和查询
 
封装需要传输的JSON数据并传输
 
在前端把接收到的JSON转化为二维数组
 
绘制曲线图 输出所查询的数据
 
最终结果
 
祝看到这里的你万事都如意~
 

编写JSON传输数据类
 
首先对于数据类型采用String类型来记录datetime，采用float类型来存储value。
 
构造方法，其中get方法和set方法要对应方法名，否则java源码会报错。
 
 net.sf.json.JSONObject defaultBeanProcessing
 信息: Property 'xxx' of class servlet.dataInfo has no read method. SKIPPED 类似这样
 
package servlet;

public class dataInfo {
	public String dateTime;
	public float value;
	public String getDateTime() {
		return dateTime;
	}
	public float getValue() {
		return value;
	}
	public dataInfo() {
		
	}
	public dataInfo(String dateTime,float value) {
		this.setDateTime(dateTime);
		this.setValue(value);
	}
	public void setDateTime(String dateTime) {
		this.dateTime=dateTime;
	}
	public void setValue(float value) {
		this.value=value;
	}
	
}
 
实现java后端的JDBC数据库连接和查询
 
首先需要在项目中导入mysql的jar包，获取方式可以在本地服务器的根目录下进行搜索即可。
 
然后再右键项目-->构建路径-->配置构建路径-->添加外部jar包 即可。
 
以下是数据库的连接和查询。
 
                Connection con;//数据库连接
		String driver = "com.mysql.jdbc.Driver";//驱动
		String url = "jdbc:mysql://localhost:3306/project1?useUnicode=true&characterEncoding=utf-8&useSSL=false";
		String user = "root";//数据库用户名
		String password = "admin";//数据库密码
		try {
			Class.forName(driver);
			con = DriverManager.getConnection(url,user,password);
			if(!con.isClosed())
                 System.out.println("Succeeded connecting to the Database!");
			Statement statement = con.createStatement();
			String sql = "此处插入SQL-Query语句";
			ResultSet rs = statement.executeQuery(sql);
			while(rs.next()) {
                            //数据库查询内容读入
			}
			
			rs.close();
			con.close();//关闭连接
		}catch(ClassNotFoundException e) {   //异常处理
			System.out.println("Sorry,can`t find the Driver!");
			e.printStackTrace();   
			} catch(SQLException e) {
			//数据库连接失败异常处理
			e.printStackTrace();  
			}catch (Exception e) {
			 e.printStackTrace();
		}finally{
			System.out.println("数据库数据成功获取！！");
			  }
 
封装需要传输的JSON数据并传输
 
在获取数据库数据的时候，应该采用getTimetamp方法获取数据，否则可能只会获得单纯的日期或者时间数据。
 
值得注意的一点是：在list封装数据时，需要用SimpleDateFormat把日期时间格式化，将其转化为字符串类型的格式，否则日期时间格式松散化。
 
比如下面这样：
 
 
最后采用JSONArray.formObject把List里的数据转化为JSON数据，最后out.print到前端index.jsp页面。
 
                        Date time = null;
			float value;
			List<dataInfo> list=new ArrayList<dataInfo>();
			while(rs.next()) {
				time = rs.getTimestamp("sDateTime");
				value = rs.getFloat("sValue");
				SimpleDateFormat formattime = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
				String pubtime=formattime.format(time);
				dataInfo dataInfo=new dataInfo(pubtime,value);
				list.add(dataInfo);
			}
			JSONArray ja=JSONArray.fromObject(list); 
			out.print(ja);
			System.out.println("array--->"+ja);
 
在前端把接收到的JSON转化为二维数组
 
由于绘制曲线图的函数所需要的data数据是一个二维数组，此时需要编写一个函数对接收到的JSON数据进行处理。
 
function formatDoubleDimensional(arr){
		  for (var i=0; i<arr.length; i++) {
		      var tmpArr = []
		      for (var attr in arr[i]) {
		          tmpArr.push(arr[i][attr])
		      }
		      arr[i] = tmpArr
		  }
		  return arr
		};//通过arr.length获取JSON数据的长度，再按列读入各个元组的数据。
 
这样在ajax的函数中就可以直接调用该函数来对msg进行二维数组转换，获取到绘制曲线图所需要的二维数组。
 
绘制曲线图 输出所查询的数据
 
首先应该导入绘制曲线图所需要的jquery文件
 
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script src="js/drawcharts.js" type="text/javascript"></script>
 
然后是给出html格式定义,在主体部分添加一个盒子，用于显示绘制的曲线图。
 
<!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML  1.0  Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>温度传感器监控系统</title>
	<meta charset="UTF-8" http-equiv="Content-Type" content="text/html">
</head>
<body>
    <div id="curve">
        
    </div>
</body>
</html>
 
在ajax的success:函数中进行曲线函数的调用，当正确接收到数据后，才调用函数进行绘制曲线。
 
                  console.log(msg);//控制台输出数据
                  formatDoubleDimensional(msg);//把JSon转换为二维数组
            	  showChart('#curve','spline','',false,msg);//绘制曲线
 
最终结果
 
这里我们可以看到在控制台输出的是日期时间格式而不是时间戳格式，这就会影响到绘制图表的时候x轴不能显示时间的问题。
 
 
这里我们在后端进行解决，把我们之前转换好的日期时间格式转化成时间戳格式，此时的时间戳是字符串，在前端我们应该把它转换为整型格式。
 
String subtime=String.valueOf(formattime.parse(pubtime).getTime());
 
                for(i in msg){
                	  var m=msg[i];
                	  msg[i].dateTime=parseInt(m.dateTime);           
                  }
 
此时就完成了时间戳的转换，再次放进去绘制曲线函数就能得到相应的效果了。
 
 
这是前端数据发送部分的内容，第二个链接是APP打包的内容。
 
 
 
https://blog.csdn.net/weixin_44165203/article/details/106447038
 
 
https://blog.csdn.net/weixin_44165203/article/details/106595332
 
 
祝看到这里的你万事都如意~
 
对这个项目开发所需要的所有的JQuery文件我都放在了资源链接里，不需要积分，有需要的朋友自取。谢谢你的点赞~！

绘图类
 
import javax.swing.*;
import java.awt.*;
import java.awt.image.*;
import static java.lang.Math.*;

public class GenerateGraph{
	private int x_axis=50;
	private int y_axis=50;
	double div;
	private int scale=10;
	public BufferedImage image;
	
	public GenerateGraph(){}
	
	public void drawGraph(int width, int height){
		//创建图像栅格
		this.image=new BufferedImage(width, height, BufferedImage.TYPE_INT_ARGB);
		WritableRaster raster=image.getRaster();
		ColorModel model=image.getColorModel();
		
		Color curvecolor=Color.red;
		int argb=curvecolor.getRGB();
		//依据颜色模型获取颜色数据
		Object colordata=model.getDataElements(argb, null);
		
		int backgroundcolor[]={255, 255, 255, 255};//背景颜色
		int axiscolor[]={0, 0, 0, 255};//坐标轴颜色
		
		for (int i=0;i<width;i++){
			raster.setPixel(i, height-x_axis, axiscolor);
			if (i%scale==0){
				raster.setPixel(i, height-x_axis-1, axiscolor);
				raster.setPixel(i, height-x_axis-2, axiscolor);
				raster.setPixel(i, height-x_axis-3, axiscolor);
			}//may occur out of bound exception!
		}//绘制x轴
		
		for (int j=0;j<height;j++){
			raster.setPixel(y_axis, j, axiscolor);
			if (j%scale==0){
				raster.setPixel(y_axis+1, j, axiscolor);
				raster.setPixel(y_axis+2, j, axiscolor);
				raster.setPixel(y_axis+3, j, axiscolor);//
			}//may occur out of bound exception!
		}//绘制y轴
		
		for (int i=0-y_axis;i<width;i++){
			int j=height-x_axis-(int)f(i);//Round() is better?
			
			if (j<height & j>=0 & (i+y_axis<width)){
				//离散的像素点放入图像栅格
				raster.setDataElements(i+y_axis, j, colordata);
				//将离散的像素点描成线
				int param=height-x_axis-(int)f(i+1);
				if(j<param&param<height&param>0){
					for (int y=j;y<param;y++){
						raster.setDataElements(i+y_axis, y, colordata);
					}//递增
				}
				else if(j>param&param<height&param>0){
					for (int y=param;y<j;y++){
						raster.setDataElements(i+y_axis, y, colordata);
					}//递减
				}
			}
			else if (j>=height & (i+y_axis<width)){
				j=height;
				raster.setDataElements(i+y_axis, j, colordata);
			}
			else if (j<0 & (i+y_axis<width)){
				j=0;
				raster.setDataElements(i+y_axis, j, colordata);
			}
		}//绘制函数曲线
	}//绘制函数在直角坐标下的图像，由于图像栅格的坐标原点在左上方，所以实际坐标值要进行变换
	
	public void setX_axis(int x_axis){
		this.x_axis=x_axis;
	}//设置x轴位置
	
	public void setY_axis(int y_axis){
		this.y_axis=y_axis;
	}//设置y轴位置
	
	public void setUnit(double unitdiv){
		this.div=unitdiv*0.1;
	}//设置最小刻度值

	public double f(double X){
		double x=X*div;
		double y;
		double sigma=0.25;
		double mu=0.3;
		y=(1/(sigma*pow(2*3.14159, 0.5)))*pow(2.71828, -(x-mu)*(x-mu)/(2*sigma*sigma));//待绘制的函数
		return y/div;
	}
}
 
Demo类
 
import javax.swing.*;
import java.awt.*;
import java.awt.image.*;

public class Demo{
	public static void main(String[]args){
		JFrame frame1=new JFrame("Demo");
		frame1.setSize(1080, 720);
		frame1.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		
		GenerateGraph graph=new GenerateGraph();
		graph.setUnit(0.05);
		graph.setX_axis(100);
		graph.setY_axis(200);
		graph.drawGraph(640, 480);
		BufferedImage image=graph.image;
		JLabel label1=new JLabel(new ImageIcon(image));

		frame1.add(label1);
		frame1.setIconImage(new ImageIcon("icon.png").getImage());
		frame1.setVisible(true);
	}
}

 
图为绘制的一个正态分布函数的图像
 $$f(x)=\frac{1}{0.25\sqrt{2\pi }}{e}^{-\frac{(x-0.3{)}^2}{2\ast 0.25^2}}$$
 
 
$$y=sin(13x)\ast (sin(2x)+cos(5x)-0.5sin(3x)+cos(4x)+sin(13x))$$
 这是一个周期性的函数，理论上它在一个周期上的积分为π（等我把定积分算法写出来后再回来证它一手）
 
 一个含有高频成分的周期性信号波的图像
 $$y=sin(2x)+cos(5x)-0.5sin(3x)+cos(4x)+sin(13x)$$
 
 除去高频部分sin(13x)后:
 $$y=sin(2x)+cos(5x)-0.5sin(3x)+cos(4x)$$
 图像如下