OpenGL / 绘制折线图以及扇形图

最新推荐文章于 2024-01-19 01:26:18 发布
最新推荐文章于 2024-01-19 01:26:18 发布
阅读量2.7k 收藏 20
点赞数 1
文章标签： opengl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43700565/article/details/105159257
版权

一、利用OpenGL绘制形如下图的折线加柱状图，数据和颜色自己设定，要有文字的显示。
在这里插入图片描述
二、 利用OpenGL绘制形如下图的饼状图，数据和颜色自己设定，要有文字的显示。
在这里插入图片描述

一、直方图、折线图

#include<glut.h> 
#include<iostream>
using namespace std;

Glubyte label[18]={'J','a','n','F','e','b',
'M','a','r','A','p','r','M','a','y','J','u','n'};

GLint dataValue[6]={195,215,335,210,365,270};

void init (void)
{
	glClearColor(1.0,1.0,1.0,0.0);

	glMatrixMode(GL_PROJECTION);
	glLoadIdentity();
	gluOrtho2D(0.0,600.0,0.0,500.0);
}

void lineGraph_barChart (void)
{
	GLint month,k;
	glClear(GL_COLOR_BUFFER_BIT);   //清除clear display window
	glLineWidth(1.3);
	glColor3f(0.0,0.5,0.2);
	//---------------------------------------------坐标轴
	glBegin(GL_LINES);
		glVertex2i(60,30);      //y轴
		glVertex2i(60,450);

		glVertex2i(60,150);     //100
		glVertex2i(55,150);

		glVertex2i(60,250);     //200
		glVertex2i(55,250);

		glVertex2i(60,350);     //300
		glVertex2i(55,350);

		glVertex2i(30,50);      //x轴
		glVertex2i(530,50);
		
	glEnd();
    //----------------------------------------
	glPointSize(4.5);
	glColor3f(0.0,0.0,0.0);
	glBegin(GL_POINTS);
	
	for(k=0;k<6;k++)
	{
		glVertex2i(120+k*70,dataValue[k]);
	}
	glEnd();
	//---------------------

	glLineWidth(2.0);
	glColor3f(0.0,0.3,0.7);
	glBegin(GL_LINE_STRIP);
	
	for(k=0;k<6;k++)
	{
		glVertex2i(120+k*70,dataValue[k]);
	}
	glEnd();
	//---------------------
	for(k=0;k<6;k++)
	{
		glColor3f(0.0,0.3,0.7);
		glBegin(GL_POLYGON);

		glVertex2i(110+k*70,50);
		glVertex2i(130+k*70,50);
		glVertex2i(130+k*70,dataValue[k]-40);
		glVertex2i(110+k*70,dataValue[k]-40);
	
		glEnd();
	}
	//----------------------------------

	glColor3f(0.0,0.0,0.0);
	GLint xRaster=110;
	for(month=0;month<6;month++)
	{
		glRasterPos2i(xRaster,35);
		for(k=3*month;k<3*month+3;k++)
		{
			glutBitmapCharacter(GLUT_BITMAP_HELVETICA_12,label[k]);
		}
		xRaster+=70;
	}
//--------------
	glColor3f(0.0,0.0,0.0);
	GLint yRaster=145;
	GLubyte A[9]={'1','0','0','2','0','0','3','0','0'};
	for(GLint i=0;i<3;i++)
	{
		glRasterPos2i(30,yRaster);
		for(GLint j=i*3;j<3*i+3;j++)
		glutBitmapCharacter(GLUT_BITMAP_HELVETICA_12,A[j]);
		yRaster+=100;
	}
	//---------------------------------------------
	
	glRasterPos2i(45,35);
	glutBitmapCharacter(GLUT_BITMAP_HELVETICA_12,'O');

	for(k=0;k<6;k++)
	{
		glColor3f(0.0,0.0,0.0);
		glLineWidth(2.0);
		glBegin(GL_LINE_STRIP);
		glVertex2i(110+k*70,50);
		glVertex2i(110+k*70,dataValue[k]-40);		
		glVertex2i(130+k*70,dataValue[k]-40);
		glVertex2i(130+k*70,50);
		glEnd();
	}

	glFlush();
}

void main(int argc,char** argv)
{
	glutInit(&argc,argv);
	glutInitDisplayMode(GLUT_RGB);
	glutInitWindowPosition(100,100);
	glutInitWindowSize(600,500);
	glutCreateWindow("实验一：直方图、折线图");

	init();
	glutDisplayFunc(lineGraph_barChart);
	glutMainLoop();
}

//------------------------------------------------------------------

在这里插入图片描述
二、扇形图

#include<glut.h> 
#include<stdlib.h>
#include<math.h>

#include<iostream>
using namespace std;

const GLdouble twoPi = 6.283185;

GLubyte label[24]={'J','a','n','F','e','b','M',
'a','r','A','p','r','M','a','y','J','u','n'};
GLint R[18]={'3','0','%','1','5','%','1',
'0','%','1','0','%','1','5','%','2','0','%'};

GLsizei winWidth = 600 , winHeight = 500;

GLfloat dataValue[6]={30.0,15.0,10.0,10.0,15.0,20.0};

class scrPt
{
public:
	GLint x,y;
};

void init (void)
{
	glClearColor(1.0,1.0,1.0,0.0);

	glMatrixMode(GL_PROJECTION);
	glLoadIdentity();
	gluOrtho2D(0.0,600.0,0.0,500.0);
}

void pieChart (void)
{
	GLint k,n = 6;
	scrPt circCtr;
	scrPt piePt[6];
	GLdouble A[6];
	GLint r = winWidth/4;
	GLdouble sliceAngle, previousSliceangle = 0.36;
	GLfloat dataSum = 0.0;


	circCtr.x = winWidth/2;
	circCtr.y = winHeight/2;

	
	GLdouble i;
	
//--------------------------------------------------
	for(k=0;k<n;k++)
	{
		dataSum+=dataValue[k];
	}

GLdouble B[7];

	for (k=0;k<n;k++)
	{
		B[k]=sliceAngle = twoPi*dataValue[k]/dataSum + previousSliceangle;
		piePt[k].x = circCtr.x - r * cos(sliceAngle);
		piePt[k].y = circCtr.y + r * sin(sliceAngle);
		A[k] = twoPi*dataValue[k]/dataSum;
	//	B[k] = sliceAngle;
		B[6] = B[0];
		previousSliceangle = sliceAngle;
	}
	
	//----------------------------------------------------------------扇形
	glColor3f(0.482,0.227,0.69);
	glBegin(GL_TRIANGLE_FAN);
	glVertex2f(circCtr.x,circCtr.y);

	for(i=0;i<1000000;i++)
	{	
		GLdouble t=i*B[0]/1000000;
		glVertex2i(circCtr.x - r * cos(t),circCtr.y + r * sin(t));
	}
	glEnd();


for(k=1;k<6;k++)
{
	GLfloat a,b,c;
	if(k==1)
	{
		a=0.917;
		b=0.0;
		c=0.0;
	}
	if(k==2)
	{
		a=0.067;
		b=0.627;
		c=0.850;
	}
	if(k==3)
	{
		a=0.592;
		b=0.592;
		c=0.592;
	}
	if(k==4)
	{
		a=0.4;
		b=0.929;
		c=0.2549;
	}
	if(k==5)
	{
		a=0.968;
		b=0.968;
		c=0.215;
	}

	glColor3f(a,b,c);
	glBegin(GL_TRIANGLE_FAN);
	glVertex2f(circCtr.x,circCtr.y);

	for(i=0;i<1000000;i++)
	{	
		GLdouble t=B[k-1]+i*A[k]/1000000;
		glVertex2i(circCtr.x - r * cos(t),circCtr.y + r * sin(t));
	}
	glEnd();

}

//-------------------------------------------------园
	glColor3f(0.0,0.0,0.0);
	glLineWidth(3.0);
	glBegin(GL_LINE_LOOP);
	for(i=0;i<1000000;i++)
	{
		GLdouble t=i*twoPi/1000000;
	
		glVertex2f(circCtr.x+r * cos(t),circCtr.y+r * sin(t));
	}
	glEnd();

//----------------------------------
for(k=0;k<n;k++)
	{
		glLineWidth(2.0);
		glBegin(GL_LINES);
		glVertex2i(circCtr.x,circCtr.y);
		glVertex2i(piePt[k].x,piePt[k].y);
		glEnd();
	}	
//---------------------------------------------



//----输出字符
scrPt piePt1[6];
	
	piePt1[0].x = circCtr.x + (2*r/3)*cos((B[5]+B[0])/2);
	piePt1[0].y = circCtr.y - (2*r/3)*sin((B[5]+B[0])/2);
	
	for(k=1;k<6;k++)
	{
		piePt1[k].x = circCtr.x - (2*r/3)*cos((B[k-1]+B[k])/2);
		piePt1[k].y = circCtr.y + (2*r/3)*sin((B[k-1]+B[k])/2);
	}



	glColor3f(0.0,0.0,0.0);

	for(GLint t=0;t<6;t++)
	{
		glRasterPos2i(piePt1[t].x,piePt1[t].y);
		for(GLint j=t*3;j<3*t+3;j++)
		glutBitmapCharacter(GLUT_BITMAP_HELVETICA_12,label[j]);
	
		glRasterPos2i(piePt1[t].x,piePt1[t].y-20);
		for(j=t*3;j<3*t+3;j++)
		glutBitmapCharacter(GLUT_BITMAP_HELVETICA_12,R[j]);
	}
}

void displayFcn(void)
{
	glClear(GL_COLOR_BUFFER_BIT);
	glColor3f(0.0,0.0,0.0);
	pieChart();
	glFlush();
}

void main(int argc,char** argv)
{
	glutInit(&argc,argv);
	glutInitDisplayMode(GLUT_RGB);
	glutInitWindowPosition(100,100);
	glutInitWindowSize(winWidth,winHeight);
	glutCreateWindow("实验一：扇形图");
	
	init();
	glutDisplayFunc(displayFcn);
	glutMainLoop();
}

//-------------------------------------------------------

在这里插入图片描述

话白君
关注
  • 1
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
OpenGL绘制图形以及绘制动画（一）
爱拼才会赢
07-02 1万+
刚开始接触OpenGL，有点小激动，终于绘制出一个图形了，哇 通过代码加注释理解程序，简单粗暴。 #include #include #include #include //头文件/表示在gl目录下的.h头文件 //函数用于在窗口中绘制需要的图形 //只是一个场景scene 并不会真正绘制到图形中去。 void RenderScene(void) { //用当前清除颜色缓冲区，
OpenGL 平面圆绘制与贴图
ytffhew的博客
01-21 606
OpenGL 平面圆绘制与贴图
OpenGL学习-------绘制简单的几何图形
weixin_33875564的博客
03-31 505
本次课程所要讲的是绘制简单的几何图形，在实际绘制之前，让我们先熟悉一些概念。一、点、直线和多边形我们知道数学（具体的说，是几何学）中有点、直线和多边形的概念，但这些概念在计算机中会有所不同。数学上的点，只有位置，没有大小。但在计算机中，无论计算精度如何提高，始终不能表示一个无穷小的点。另一方面，无论图形输出设备（例如，显示器）如何精确，始终不能输出一个无穷小的点。一般情况下，OpenGL中的点将被...
Android OpenGL ES(九)----构建几何物体
李元静
07-01 4291
1.三角形扇 一个三角形扇以一个中心顶点作为起始，使用相邻的两个顶点创建第一个三角形，接下来的每个顶点都会创建一个三角形，围绕起始的中心点按扇形展开。为了使这个扇形闭合，我们只需要在最后重复第二个点。（以长方形为例） 构建三角形扇的步骤，如下图所示： 要使用OpenGL绘制这个三角形扇，需要在渲染类的onDrawFrame()中，使用如下方法： GLES20.g
OpenGL学习（一）绘制一个图形
Ricardo的博客
12-04 761
本文使用Qt进行操作演示。
基于opengl的曲线绘制示例
10-15
基于opengl的曲线绘制示例，缺点是，没有画出坐标轴。可以参考https://blog.csdn.net/liji_digital/article/details/78473568 来添加坐标轴
QT6.5+MSVC+qcustomplot：OpenGL加速绘制图表
最新发布
TEST_Pan的博客
01-19 565
c/c++——预处理器——预处理器定义——添加QCUSTOMPLOT_USE_OPENGL。PS：图表中数据较多时不设置ScatterStyle、Brush可以避免卡顿，总之能简即简。1）freeglut.lib文件的绝对路径。项目属性页——链接器——输入——附加依赖添加。1、下载freeglut库。
第三章 使用OpenGL绘图
delphiabcd的专栏
02-01 4040
第三章  使用OpenGL绘图    从本章开始，我们将正式开始使用OpenGL来绘制图形。学习本章内容，你将发现使用计算机绘制3D图形原来如此容易。你将了解： 设置可视区域并创建投影 在3D空间中绘制基本图元 使用深度测试 使用背面剔除提高渲染速度
OpenGL（十七） 绘制折线图、柱状图、饼图
牧野的博客
11-22 6701
一、绘制折线图 glutBitmapCharacter(GLUT_BITMAP_8_BY_13,label[j])函数可以绘制GLUT位图字符，第一个参数是GLUT中指定的特定字形集，第二个参数是要写入的单个字符； #include GLsizei windowWidth=600,windowHeight=600; GLubyte label[36]={'O','n','e',
实战PyQt5: 159-使用OpenGL加速图表绘制
seniorwizard的专栏
07-06 2518
在图表中的数据点很多的时候，比如有多个图表，每个图表的的数据点达到几万甚至到10万的时候，不使用GPU加速，渲染速度明显变慢，QChart提供了使用OpenGL进行图表渲染加速，在下面的测试中，我们可以看到，使用 OpenGL进行渲染加速，图表渲染的FPS(每秒帧率)会有数量级的提高。...
opengl扇形GL_TRIANGLE_FAN
05-06
GL_TRIANGLE_FAN opengl c++ 适合于初学者借鉴，望大家多多指教
27.OpenGL入门及绘制基本图形（一）1
08-03
2.OpenGL安装 1.OpenGL绘制正方形 2.OpenGL绘制水壶 3.OpenGL绘制多个图形 4.OpenGL绘图代码及原理详解 1.OpenGL语
Android开发 OpenGL ES绘制3D 图形实例详解
09-01
EGL作为OpenGL ES与本地窗口系统之间的桥梁，负责管理渲染上下文（EGLContext）、渲染面（EGLSurface）以及与设备显示相关的配置。EGLDisplay表示设备的显示句柄，它可以抽象不同操作系统的窗口系统差异。EGLConfig...
opengles3-book_opengl/计算机图像学/渲染_OpenGLES_
09-30
《OpenGLES3-book》是关于移动端三维图形渲染的一份宝贵资源，主要涵盖了OpenGL ES（OpenGL for Embedded Systems）在计算机图像学中的应用。OpenGL ES是OpenGL的一个子集，专为嵌入式设备如智能手机、平板电脑等...
Android开发之OpenGL绘制2D图形的方法分析
08-29
Android开发之OpenGL绘制2D图形的方法分析主要介绍了Android开发之OpenGL绘制2D图形的方法，结合实例形式分析了Android使用OpenGL ES的图形绘制组件实现2D图形绘制的原理、步骤及相关代码注意事项。 一、OpenGL ES...
VC++使用OpenGL实现绘制三维图形
03-15
摘要:VC/C++源码,图形处理,OpenGL,绘制图形 VC++使用OpenGL实现绘制三维图形，将根据窗口大小设置调整正射投影矩阵，绘制出茶壶的图形，需要比较综合点的OpenGL知识。 运行环境：Windows/Visual C/C++
Android openGl 绘制简单图形的实现示例
08-19
Android openGl 绘制简单图形的实现示例 在 Android 开发中，OpenGl 是一个非常重要的图形库，它提供了跨平台的图形 API，用于指定 3D 图形处理硬件中的标准软件接口。OpenGl 一般用于在图形工作站、PC 端使用，...
C++ opengl 绘制三角形扇
IT1995的博客
07-22 5632
程序运行截图如下： 伪代码如下： void Draw() { glClearColor(0.0f, 0.0f, 0.0f, 1.0f); //擦除背景使用的颜色（分别表示颜色分量的值） glClear(GL_COLOR_BUFFER_BIT); //擦除当前背景颜色 glBegin(GL_TRIANGLE_FAN); glCol...
Android OpenGL ES 学习(九) – 坐标系统和实现3D效果
夏至的稻穗的博客
12-15 4474
实现OpenGL 3D效果
openglwidget 画折线图
05-11
要在OpenGLWidget中画折线图，可以按照以下步骤进行： 1. 在OpenGLWidget的initializeGL()函数中设置OpenGL的参数，包括视角、颜色等。 2. 在OpenGLWidget的paintGL()函数中进行绘制。 3. 定义一个函数来绘制折线图，该函数需要接收一个包含数据点的数组作为参数。 4. 在paintGL()函数中调用绘制折线图的函数，并传入数据点的数组。 以下是一个简单的绘制折线图的函数的示例代码： ```cpp void drawLineChart(float data[], int size) { // 计算数据点之间的间隔 float interval = 2.0 / size; // 设置颜色 glColor3f(1.0, 0.0, 0.0); // 开始绘制线条 glBegin(GL_LINE_STRIP); // 遍历数据点 for (int i = 0; i < size; i++) { // 计算当前数据点的坐标 float x = -1.0 + i * interval; float y = data[i] / 100.0; // 绘制当前数据点 glVertex2f(x, y); } // 结束绘制线条 glEnd(); } ``` 在paintGL()函数中调用该函数，并传入数据点的数组： ```cpp void OpenGLWidget::paintGL() { // 清空屏幕 glClear(GL_COLOR_BUFFER_BIT); // 绘制折线图 float data[] = { 20, 50, 80, 60, 30, 10 }; drawLineChart(data, 6); // 刷新屏幕 glFlush(); } ``` 以上是一个简单的OpenGLWidget画折线图的示例代码，你可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值