复合式统计图绘制方法（3）

news2024/12/21 11:20:16

复合式统计图绘制方法（3）
常用的统计图有条形图、柱形图、折线图、曲线图、饼图、环形图、扇形图。
前几类图比较容易绘制，饼图环形图绘制较难。
在统计图的应用方面，有时候有两个关联的统计学的样本值要用统计图来表达，一张统计图不能表达清楚，就要二张图来表达。由此就产生了复合式的统计图，它能将两个需要表达的统计概念统一在一张图表上阐述清楚。

今在此提供一种复合式统计图的绘制方法供参考。

本方法采用C语言的最基本功能：
（ 1）绘图功能画线，画圆，画长方形。
（2）界面美工设计，界面文字打印输出。
代码中有详细的注释，通俗易懂，一看就会。

//在统计图表的样本值的计算方面，样本值的量的表现是一个方面，重点是量的对比，这是体现统计图目的的主要意义。其中最基本的是完成与计划的对比。

//介绍一个基本的计算方法：
//单个商品按类相加＝单个商品销售总量
//分组6个商品总量相加＝商品销售总量
//占比分析：单个商品销售总量/商品销售总量
//商品＊单价＝销售额
//6个商品类销售额相加＝商品销售总额
//单个销售额/销售总额＝单个商品类占比
//占比分析：单个商品类销售总额/商品销售总额

下面是绘制复合式统计图的代码：
//变量：可设置成全局变量或私有变量
Canvas cs ; //画布，绘制图表载体
float pi=3.1415926535 ;
float a ; //三角函数 sin (a), cos (a),
float r ; //圆半径 radius
int i, j, n ;
float x0,y0,x1,y1,x2,y2 ; //作图
float dx1,dy1,dx,dy ; //中心坐标
string ss, ss1, ss2,ss3 ; //打印文字
int p[6] ; //set data or input data
double pn ; //显示数据，计算
int cr, cg, cb ; //设置颜色 setColor (a,r,g,b)
int p1[16], p2[16], p3[16] ;
int ppn ; //计算
int tb ; //set tab
int k0, k1 ; //圆720线起终点
double sum1, sum2, sum3, sum ; //统计计算
double sum4, sum5, sum6 ;

//*************************
compound3 (){ //复合式统计图(3) C形图加条形图
cs.ClearDraw (0,src); //清屏
clearOutput();
selectStyle () ; //图例样式选项设置
cs.SetFillMode (1);//0不填色，1填色
cs.SetColor (255,250,250,250);
cs.DrawRect (0,4,720,600); //back board
cs.SetColor (255,140,140,140);
cs.DrawRect (24,24,706,586); //back
cs.SetColor (255,250,250,240);
cs.DrawRect (20,20,700,580); //back
cs.SetFillMode (0);//0不填色，1填色
cs.SetColor (255,0,0,250);
cs.DrawRect (20,20,700,580); //back
cs.DrawRect (26,25,694,575); //back

//图例样本值：input data
cs.SetFillMode (1);//0不填色，1填色
dx=360; dy=280 ; r=200; //center, radius
//分组 4 。data : 计划p(n) 4 ，完成 p1(n) 4
p[1]=180; p[2]=170; p[3]=160 ; p[4]=150; //计划
p1[1]=190; p1[2]=180;
p1[3]=165 ; p1[4]=145; //完成

//复合式统计图样例：艺术感图例 (C形图加条形图）
cs.SetColor(255,250,230,240);
cs.DrawCircle(dx,dy,190); //center 图案底色
cs.SetStrokeWidth(1); //线
for (i=1; i<=8 ; i++){ //底图雷达线
a=pi/360*i*90 ; //720度八分线
cs.SetColor(255,250,0,0); //设色
x0=(float)(195*cos (a))+dx; //r=radius
y0=(float)(- 195*sin (a))+dy;
cs.DrawLine (dx,dy,x0,y0) ; } //八分线
cs.SetTextStyle (1); //粗体字
cs.SetTextSize (22);
cs.SetColor(255,0,0,250);
cs.DrawText ("Group 完成",48,90);
cs.DrawText (" A",45,128);
cs.DrawText (" B",45,168);
cs.DrawText (" C",45,208);
cs.DrawText (" D",45,248);
cs.DrawText ("计划 ",608,260);

for (n=1; n<=4 ; n++){ //data=3
r=200-n*35 ; //r=radius
pn=p1[n]/2*72/10+180; //12点方向为0位
for (i=180 ; i<=pn; i++){ //画图案颜色可自定
a=pi/360*i ;
if (n==1) cs.SetColor(255,190,230,250); //设色
if (n==2) cs.SetColor(255,170,210,250);
if (n==3) cs.SetColor(255,150,190,250);
if (n==4) cs.SetColor(255,130,170,250);
x0=(float)(r*cos (a))+dx; //r=radius
y0=(float)(- r*sin (a))+dy; //逆时针
cs.DrawCircle (130,n*40+80,19); //色标
cs.DrawCircle (88,n*40+80,19); //色标
cs.DrawRect (92,n*40+61,129,n*40+99); //色标
cs.DrawCircle (x0,y0,16) ; //绘出图案，动画式显示

//* print data as "87%", 加"%"
//* input data 转换，百分比计算
ppn=p1[n]*100/p[n] ; //比值 %
ppn=(int)ppn ;
ss1=doubleToString (ppn)+"%" ; //%
ss2=intToString (p1[n]) ; //完成样本值
cs.SetTextSize (20);
cs.SetColor(255,120,50,250);
tb=0 ;
if (ppn<100) tb=9 ; //tab 居中或右齐
cs.DrawText (ss1,77+tb,n*40+85);
cs.DrawText (ss2,dx-30,dy-195+n*36);

x1=630 ; y1=90 ; //绘制计划条形图
x2=x1-p[n]+n*5 ; y2=n*35+y1 ;
cs.SetColor(155,250,0,0);
cs.SetColor(155,250,180,200);
cs.DrawRect (x1-2,y2-30,x2+15,y2) ;
cs.DrawCircle (x2+15,y2-15,14) ;

cs.SetColor(255,0,0,250);
ss3=intToString (p[n]) ; //计划样本值
cs.DrawText (ss3,610,y2-10);
cs.Update () ; } }

//题标：艺术立体字制作
cs.SetFillMode (1);//0不填色，1填色
cs.SetTextStyle (1);
cs.SetStrokeWidth(1);
cs.SetTextSize (28);
cs.SetColor(255,0,0,250);
cs.DrawText ("Art graphics 📊",480,60) ;
cs.SetTextSize (40);
ss="复合统计图：C形图加条形图" ;
cs.SetColor(255,50,120,20); //立体字
cs.DrawText (ss,114,544); //阴影
cs.SetColor(255,0,250,0);
cs.DrawText (ss,110,540); //本字
cs.SetFillMode (0);//0不填色，1填色
cs.SetColor(255,250,150,0);
cs.DrawText (ss,110,540); //框线
cs.Update ();
}//compound3 ()