五边形集合信息图表绘制方法
在网络科技发展进步的当下,原来一些传统的统计图表都有了进一步的创新。以前企业的PPT都依赖微软的各应用软件来制作图表,现时企业的PPT展示的图表应用不再满足于原来的图表绘制方法,进而使用一些第三方应用软件来制作新颖漂亮的图表。由此而有许多图表制作的应用软件面市。这些图表很吸引眼球,我对此也很感兴趣,故试着写了一些各种式样图表的绘制方法,供有同好的同行参考和评论。
新样式的统计图除了有复合式,堆叠式,展开式等等,还加入了新的概念,新的形式。新的名称是信息图表,把各种需要表达的东西,如理念含义,样本值的数量,统计的目的,多重信息等等用图像图表图案组合起来,展现给受众。此类信息图主要是表达,展示和传播。在美工艺术方面创意创新,有许多独到新颖的样式,给人一个赏心悦目的感受。
在统计图表的样本值的计算方面,样本值的量的表现是一个方面,重点是量的对比,以及量的表现方法,这才是体现统计图表目的的主要意义。本例数据是杜撰的。
如何绘制五边形,各个能绘画的应用程序和编程语言都有自己的方法,然而由于我喜欢动脑,喜欢电脑绘画,就会设计一些自己的方法。在设计绘制方法时因为要多次绘制五边形,故写了个通用函数Pentagon () 。
今给大家分享一个五边形图形集合的信息图表的绘制方法,供大家参考。
本方法采用C语言的最基本功能:
( 1) 绘图功能画线,画圆,画矩形。
(2) 界面美工设计,界面文字打印输出。
代码中有详细的注释,通俗易懂,一看就会。
//*************************
drawPentagon2 (){ //中心为五边形
cs.ClearDraw (0,src); //清屏
clearOutput();
cs.SetFillMode (1);//0不填色,1填色
cs.SetStrokeWidth(1); //线
cs.SetColor (255,230,250,250);
cs.DrawRect (0,2,720,880); //back board
cs.SetColor (255,140,140,140);
cs.DrawRect (24,24,706,806); //back
cs.SetColor (255,250,250,250);
cs.DrawRect (20,20,700,800); //back
cs.SetFillMode (0);//0不填色,1填色
cs.SetColor (255,0,0,250);
cs.DrawRect (20,20,700,800); //back
cs.DrawRect (26,25,694,795); //back
// 正五边形信息图表绘制
cs.SetFillMode (0);//0不填色,1填色
cs.SetStrokeWidth(2); //线
dx=360 ; dy=360 ;
L1=200 ; Ls=124 ; d=270 ; //6点钟方向
// for (i=0; i<=125; i++){ //中心套渐变色
// cr=250-i*2; cg=50; cb=230; //渐变色
// cs.SetColor(255,cr, cg, cb);
// cs.DrawCircle (dx,dy, i); }
//绘制5个正五边形,填色加框线,中心为五边形
cs.SetColor(255,230,250,250);
for (i=0; i<=4; i++){ //draw five fill pentagon
ma=pi/180*i*72+pi/180*90 ;
Ls=124 ;
x1=(float)(L1*cos(ma))+dx ;
y1=(float)(L1*sin(ma))+dy ;
kn=(int)Ls ; x=x1; y=y1 ; //set steps
for (n=0; n<=kn; n++){ //fill pentagon填色
Ls=n;
cs.SetColor(255,230,250,250);
Pentagon (); }
cs.SetColor(255,250,150,0); //加框线
Pentagon (); }
cs.SetFillMode (1);//0不填色,1填色
for (n=1; n<=5 ; n++){ //data=5
k0=n*144+250-0; k1=k0+144+4 ; r=125 ;
for (i= k0; i<=k1; i++){
a=pi/360*i ;
if (n==1) cs.SetColor(255,250,0,0);
if (n==2) cs.SetColor(255,250,180,0);
if (n==3) cs.SetColor(255,0,250,0);
if (n==4) cs.SetColor(255,180,80,230);
if (n==5) cs.SetColor(255,0,220,250);
x0=(float)(r*cos (a))+dx ; //r=radius
y0=(float)(r*sin (a))+dy ; //顺时针
x1=(float)((r-100)*cos (a))+dx ; //r=radius
y1=(float)((r-100)*sin (a))+dy ; //中心空
cs.DrawLine (x1,y1, x0,y0); //绘环形
ma=pi/360*((k0+k1)/2) ;
x2=(float)((r+15)*cos (ma))+dx ; //r=radius
y2=(float)((r+15)*sin (ma))+dy ; //顺时针
cs.DrawCircle (x2,y2, 40); //圆标
} } //show 图
for (n=1; n<=5 ; n++){ //data=5
k0=n*144+250-0; k1=k0+144+4 ; r=125 ;
ma=pi/360*((k0+k1)/2) ;
x2=(float)((r+15)*cos (ma))+dx ; //r=radius
y2=(float)((r+15)*sin (ma))+dy ; //顺时针
cs.SetColor(255,230,250,250);
cs.DrawCircle (x2,y2, 34);
if (n==1) cs.SetColor(255,250,0,0);
if (n==2) cs.SetColor(255,250,180,0);
if (n==3) cs.SetColor(255,0,250,0);
if (n==4) cs.SetColor(255,180,80,230);
if (n==5) cs.SetColor(255,0,220,250);
cs.SetTextStyle (1);
cs.SetTextSize (36);
ss="0"+intToString (n);
cs.DrawText (ss, x2-20 ,y2+12 ) ; } //圆标
Ls=124; d=90 ; //draw center pentagon
kn=(int)Ls ; x=dx; y=dy ; //set steps
for (n=0; n<=kn; n++){ //fill pentagon填色
Ls=n;
cs.SetColor(255,230,250,250);
Pentagon (); }
cs.SetColor(255,250,150,0);
Pentagon ();
Ls=108 ;
cs.SetColor(255,250,150,0);
Pentagon ();
cs.SetColor(255,200,90,230);
cs.SetTextSize (38);
cs.DrawText ("🏘",220,150) ;
cs.DrawText ("🍎",455,150) ;
cs.DrawText ("📚",110,410) ;
cs.DrawText ("🚑",560,410) ;
cs.DrawText ("🔬",336,620) ;
cs.SetTextSize (30);
cs.DrawText ("房产 ", 180,200) ;
cs.DrawText ("生活 ", 420,200) ;
cs.DrawText ("教育 ", 110,470) ;
cs.DrawText ("医疗 ", 490,470) ;
cs.DrawText ("工作 ", 300,570) ;
cs.DrawText ("45% ", 250,200) ;
cs.DrawText ("20% ", 490,200) ;
cs.DrawText ("14% ", 175,470) ;
cs.DrawText ("11% ", 560,470) ;
cs.DrawText ("10% ", 370,570) ;
cs.SetTextSize (50);
cs.SetColor(255,250,150,0);
cs.DrawText ("👪",330,340) ;
cs.DrawLine (290,393,430,393);
cs.SetTextSize (24);
cs.DrawText ("Infographics",290,380) ;
cs.DrawText ("2024 ", 334,420) ;
//题标: 艺术立体字制作
cs.SetFillMode (1);//0不填色,1填色
cs.SetTextStyle (1);
cs.SetStrokeWidth(1);
cs.SetTextSize (28);
cs.SetColor(255,0,0,250);
cs.DrawText ("Infographics 📊",480,60) ;
cs.SetTextSize (42);
ss="创意艺术图:五边形艺术图" ;
cs.SetColor(255,50,120,20); //立体字
cs.DrawText (ss,114,744); //阴影
cs.SetColor(255,0,250,0);
cs.DrawText (ss,110,740); //本字
cs.SetFillMode (0);//0不填色,1填色
cs.SetColor(255,250,150,0);
cs.DrawText (ss,110,740); //框线
cs.Update ();
}//drawPentagon2 ()
Pentagon (){ //正五边形绘制方法通用函数
// a=pi/180*i*72 ; 或a=pi/180*i*2 ; > 画五角星
//d=0 >3点钟, d=180 >9点钟 ,d=90 >12点钟
//d=270 >6点钟
//x, y 坐标,Ls=Length, d=Degree 起点
//绘制的方法是圆内切五边形,为方便我不计算证明,直接以半径来代替边长了。我的目的是图形,不是如CAD的需要精确计算。
//4个参数 ( flaot x, y, L ; int d ; )
a=pi/180-pi/180*d ;
x3=(float)(Ls*cos(a))+x ; //起始0点
y3=(float)(Ls*sin(a))+y ;
// cs.DrawCircle(x3,y3,1); //此点可加
x5=x3 ; y5=y3 ;
for (m=1; m<=4; m++){ //五边点后4点位
a=pi/180*m*72-pi/180*d ;
x4=(float)(Ls*cos(a))+x ;
y4=(float)(Ls*sin(a))+y ; //顺时针
// cs.DrawCircle(x4,y4,1); //此点可加
cs.DrawLine (x5,y5,x4,y4); //连线
x5=x4; y5=y4 ; }
cs.DrawLine (x5,y5,x3,y3); //连线0点
}//Pentagon ()
//**** END *****************