模仿CSDN的投票饼图

最新推荐文章于 2021-05-26 01:57:12 发布
最新推荐文章于 2021-05-26 01:57:12 发布
阅读量494 收藏 1
点赞数
分类专栏： .NET 文章标签： float string webform button javascript generator

所以就自己也模仿了一个..演示页面:http://www.conanlwl.net/bbspic/TestVote.aspx

 

具体步骤如下..(C#) 

本例子中利用XML文件来保存投票数据.XML文件格式如下,文件名称为Vote.XML 

<? xml version="1.0" encoding="utf-8" ?>
< Vote >
   < VoteInfo >
     < ID > 1 </ ID >
     < VoteTitle > 以下三国人物你喜欢谁? </ VoteTitle >
     < Item >
       < VoteID > 1 </ VoteID >
       < Title > 曹操 </ Title >
       < Count > 2 </ Count >
     </ Item >
     < Item >
       < VoteID > 2 </ VoteID >
       < Title > 刘备 </ Title >
       < Count > 2 </ Count >
     </ Item >
     < Item >
       < VoteID > 3 </ VoteID >
       < Title > 孙权 </ Title >
       < Count > 2 </ Count >
     </ Item >
     < Item >
       < VoteID > 4 </ VoteID >
       < Title > 司马懿 </ Title >
       < Count > 2 </ Count >
     </ Item >
     < Item >
       < VoteID > 5 </ VoteID >
       < Title > 诸葛亮 </ Title >
       < Count > 1 </ Count >
     </ Item >
     < Item >
       < VoteID > 6 </ VoteID >
       < Title > 陆逊 </ Title >
       < Count > 1 </ Count >
     </ Item >
     < Item >
       < VoteID > 7 </ VoteID >
       < Title > 吕布 </ Title >
       < Count > 1 </ Count >
     </ Item >
     < Item >
       < VoteID > 8 </ VoteID >
       < Title > 姜维 </ Title >
       < Count > 1 </ Count >
     </ Item >
     < Item >
       < VoteID > 9 </ VoteID >
       < Title > 其它 </ Title >
       < Count > 2 </ Count >
     </ Item >
   </ VoteInfo >
</ Vote >

第一步,就是投票页面了,我们就通过这个页面来进行对选项的投票.新建一个WebForm,并命名为TestVote.aspx

< HTML >
     < HEAD >
         < title > 模仿CSDN的投票结果 </ title >
         < meta  name ="GENERATOR"  Content ="Microsoft Visual Studio .NET 7.1" >
         < meta  name ="CODE_LANGUAGE"  Content ="C#" >
         < meta  name ="vs_defaultClientScript"  content ="JavaScript" >
         < meta  name ="vs_targetSchema"  content ="http://schemas.microsoft.com/intellisense/ie5" >
        
     </ HEAD >
     < body >
         < form  id ="Form1"  method ="post"  runat ="server" >
            
             < fieldset  style ="WIDTH:20%;float:left" >
             < legend  accesskey ="F"   style ="FONT-WEIGHT:bold;COLOR:#000000;font-size:12px"  align =center >
                     <% = VoteTitle %> </ legend >
                     < ul  style ="list-style-type:none;margin-left:50px" >
                     <% for(int i=0;i<xnl.Count;i++)
                    {
                     System.Xml.XmlNode xn = xnl.Item(i); %>
                     < li >
                     < input  type =checkbox  name ="vote"  value ="<%=xn.SelectSingleNode(" VoteID").InnerText% > " /> <% = xn.SelectSingleNode( " Title " ).InnerText %>  
                 <% } %>
                 </ li >
                 </ ul >
                 < div  align =center >< asp:Button  id ="Button1"  runat ="server"  Text ="投票" ></ asp:Button > &nbsp;&nbsp; < input  type =button  value ="查看结果"  onclick ="javascript:var url='ShowVote.aspx?i=0&voteid=<%=Request.QueryString[" VoteID"]% > ';window.open(url,'_blank','left=10,top=20,width=675,height=360');return false;" /> </ div >
             </ fieldset >
            
         </ form >
     </ body >
</ HTML >

以下是testvote.aspx.cs的代码

using  System;
 using  System.Collections;
 using  System.ComponentModel;
 using  System.Data;
 using  System.Drawing;
 using  System.Web;
 using  System.Web.SessionState;
 using  System.Web.UI;
 using  System.Web.UI.WebControls;
 using  System.Web.UI.HtmlControls;

 using  System.Xml;

 namespace  BbsPic
 {
    /// <summary>
    /// TestVote 的摘要说明。
    /// </summary>
    public class TestVote : System.Web.UI.Page
    {
        protected XmlNodeList xnl;
        protected string VoteTitle = "";
        protected System.Web.UI.WebControls.Button Button1;

        private XmlDocument myDoc = new XmlDocument();
        private void Page_Load(object sender, System.EventArgs e)
        {
            // 在此处放置用户代码以初始化页面
            if(!IsPostBack)
                BindXML("1");
        }

        Web 窗体设计器生成的代码
        private void BindXML(string VoteID)
        {
            
            myDoc.Load(Server.MapPath("Vote.xml"));

            XmlNode xn = myDoc.SelectSingleNode("//VoteInfo[ID='" + VoteID + "']");        
            VoteTitle = xn.SelectSingleNode("VoteTitle").InnerText;
            xnl = xn.SelectNodes("Item");
        }

        private void Button1_Click(object sender, System.EventArgs e)
        {
            //string VoteID = Request.QueryString["VoteID"];
            string VoteID = "1";
            if(Request.Cookies["IsVote"]!=null)
            {
                Response.Write("<script>alert('对不起,你已投过票!');document.location=document.location;</script>");
            }
            else
            {
                
                if(Request.Form["Vote"] != null && Request.Form["Vote"] != "")
                {
                    string[] votes = Request.Form["Vote"].Split(',');
                    myDoc.Load(Server.MapPath("Vote.xml"));

                    XmlNode xn = myDoc.SelectSingleNode("//VoteInfo[ID='" + VoteID + "']");        

                    for(int i=0;i<votes.Length;i++)
                    {
                        XmlNode xn0 = xn.SelectSingleNode("Item[VoteID='" + votes[i] + "']");
                        xn0.SelectSingleNode("Count").InnerText = Convert.ToString(Convert.ToInt32(xn0.SelectSingleNode("Count").InnerText) + 1);
                    }
                    myDoc.Save(Server.MapPath("Vote.xml"));
                }
                Response.Cookies["IsVote"].Value = "true";
                Response.Cookies["IsVote"].Expires.AddHours(1);

                Response.Write("<script>window.open('ShowVote.aspx?i=0&voteid=" + VoteID + "','_blank','left=10,top=20,width=675,height=360');document.location='TestVote.aspx?voteid=" + VoteID + "';</script>");
                
            }
            Response.End();
        }
    }
}

第二步,就是我们的饼图图片页面,最后以二进制流的方式显示出来..本饼图有两种状态,一是没被点中时的全圆饼图,第二就是当某个选项被点中时分离出来的饼图.新建一WebForm窗体,命名为Vote.aspx

在Vote.aspx里把除了<%page ....%>以外的HTML代码全部删掉.

接着是Vote.aspx.cs的代码

using  System;
 using  System.Collections;
 using  System.ComponentModel;
 using  System.Data;
 using  System.Drawing;
 using  System.Web;
 using  System.Web.SessionState;
 using  System.Web.UI;
 using  System.Web.UI.WebControls;
 using  System.Web.UI.HtmlControls;

 using  System.Xml;

 namespace  BbsPic
 {
    /// <summary>
    /// Vote 的摘要说明。
    /// </summary>
    public class Vote : System.Web.UI.Page
    {
        private void Page_Load(object sender, System.EventArgs e)
        {
            DrawPic(Convert.ToInt32(Request.QueryString["i"]==""?"0":Request.QueryString["i"]),1);
        }

        Web 窗体设计器生成的代码

        private void DrawPic(int iSelect,int VoteID)
        {
            XmlDocument myDoc = new XmlDocument();
            myDoc.Load(Server.MapPath("Vote.xml"));

            XmlNode xn = myDoc.SelectSingleNode("//VoteInfo[ID='" + VoteID + "']");        
    
            XmlNodeList xnl = xn.SelectNodes("Item");
            
            
            float[] angle = new float[xnl.Count];
            string[] sTxt = new string[xnl.Count];
            float AllCount = 0;
            
            for(int i=0;i<xnl.Count;i++)
            {
                
                AllCount += Convert.ToSingle(xnl.Item(i).SelectSingleNode("Count").InnerText);

            }

            for(int i=0;i<xnl.Count;i++)
            {
                XmlNode xn0 = xnl.Item(i);
                angle[i] = Convert.ToSingle(xn0.SelectSingleNode("Count").InnerText) * 360.0f / AllCount;
                sTxt[i] = xn0.SelectSingleNode("Title").InnerText;
            }
//
//            float[] angle    = new float[]{32,58,40,40,28,27,33,72,30};
//            string[] sTxt = new string[]{"一","二","三三三三三","四四四四四四","五五","六六","七七七","八八八八","九九九九"};
            


            float x=120.0f,y=80.0f,d=200.0f,offset=15.0f,x1=0.0f,y1=0.0f;//圆形x,y坐标，半径，偏移距离，x,y方向的偏移值
            float curangle=0.0f;//当前已转的角度

            int ox=0,oy=0;//圆心坐标
            int px1=0,py1=0,px2=0,py2=0;//直线的端点
            
            System.Drawing.Image bitmap = new Bitmap(675,360,System.Drawing.Imaging.PixelFormat.Format32bppPArgb);
            Graphics g = Graphics.FromImage(bitmap);

            g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
            g.SmoothingMode= System.Drawing.Drawing2D.SmoothingMode.HighQuality;

            //20项颜色。
            Color[] color=new Color[]{Color.Black,Color.Blue,Color.Coral,Color.DarkGoldenrod,Color.Firebrick,Color.Gold,Color.Honeydew,Color.Indigo,Color.Khaki,Color.LemonChiffon,Color.Maroon,Color.Navy,
                                         Color.Orange,Color.PapayaWhip,Color.Red,Color.Salmon,Color.Thistle,Color.Violet,Color.Wheat,Color.YellowGreen};

            g.Clear(Color.FromArgb(255,228,181));//清屏

            StringFormat sf = new StringFormat();
            sf.Alignment = StringAlignment.Center;
            
            g.DrawString(xn.SelectSingleNode("VoteTitle").InnerText,new Font(FontFamily.GenericSansSerif,12),new SolidBrush(Color.Black),new RectangleF(0.0f,10.0f,675.0f,20.0f),sf);
            g.DrawString("Power By Http://www.conanlwl.net/",new Font(FontFamily.GenericSansSerif,12),new SolidBrush(Color.Black),new RectangleF(300.0f,300.0f,375.0f,20.0f),sf);


            //画右侧的大矩形
            g.FillRectangle(new SolidBrush(Color.FromArgb(128,128,128)),482,122,80,(angle.Length+1) * 12);//阴影
            g.FillRectangle(new SolidBrush(Color.FromArgb(253,245,230)),480,120,80,(angle.Length+1) * 12);//前景
            g.DrawRectangle(new Pen(Color.FromArgb(128,128,128),1),480,120,80,(angle.Length+1) * 12);//轮廓
            /
            
            for(int i=0;i< angle.Length;i++)
            {

                
                sf.Alignment = StringAlignment.Near;

                if(i == iSelect-1)
                {
                    x1 = Convert.ToSingle(offset * Math.Cos((curangle + angle[i]/2)*Math.PI/180.0f));
                    y1 = Convert.ToSingle(offset * Math.Sin((curangle + angle[i]/2)*Math.PI/180.0f));

                    ox = Convert.ToInt32(x + d/2 + x1);
                    oy = Convert.ToInt32(y + d/2 + y1);

                    px1 = Convert.ToInt32((d/2 + 20)  * Math.Cos((curangle + angle[i]/2)*Math.PI/180.0f)) + ox;
                    py2 = py1 = Convert.ToInt32((d/2 + 20)  * Math.Sin((curangle + angle[i]/2)*Math.PI/180.0f)) + oy;

                    if((curangle + angle[i]/2)>=270 || (curangle + angle[i]/2)<90) px2=px1 + 20;
                    else px2=px1 - 20;

                    

                    g.DrawLine(new Pen(Color.FromArgb(120,120,120),1),new Point(ox,oy),new Point(px1,py1));//画直线-标释用。
                    g.DrawLine(new Pen(Color.FromArgb(120,120,120),1),new Point(px1,py1),new Point(px2,py2));//直线
                    
                    if((curangle + angle[i]/2)>=270 || (curangle + angle[i]/2)<90) //写文字
                    {
                        
                        g.DrawString(sTxt[i],new Font(FontFamily.GenericSansSerif,8),new SolidBrush(Color.FromArgb(120,120,120)),px2 ,py2 - 4,sf);
                    }
                    else
                    {
                        
                        g.DrawString(sTxt[i],new Font(FontFamily.GenericSansSerif,8),new SolidBrush(Color.FromArgb(120,120,120)),px2 - sTxt[i].Length * 12-2 ,py2 - 4,sf);
                    }

                    g.FillPie(new SolidBrush(Color.FromArgb(128,128,128)),x + x1 + 2,y + y1 + 2,d,d,curangle,angle[i]);//画饼图的阴影
                    g.FillPie(new SolidBrush(color[i]),x + x1,y + y1,d,d,curangle,angle[i]);                    //画饼图
                    g.DrawPie(new Pen(Color.FromArgb(128,128,128),1),x + x1,y + y1,d,d,curangle,angle[i]); //画轮廓


                    

                }
                else
                {        
                    ox = Convert.ToInt32(x + d/2);
                    oy = Convert.ToInt32(y + d/2);

                    px1 = Convert.ToInt32((d/2 + 20)  * Math.Cos((curangle + angle[i]/2)*Math.PI/180.0f)) + ox;
                    py2 = py1 = Convert.ToInt32((d/2 + 20)  * Math.Sin((curangle + angle[i]/2)*Math.PI/180.0f)) + oy;

                    if((curangle + angle[i]/2)>=270 || (curangle + angle[i]/2)<90) px2=px1 + 20;
                    else px2=px1 - 20;

                    

                    g.DrawLine(new Pen(Color.FromArgb(120,120,120),1),new Point(ox,oy),new Point(px1,py1));
                    g.DrawLine(new Pen(Color.FromArgb(120,120,120),1),new Point(px1,py1),new Point(px2,py2));

                    if((curangle + angle[i]/2)>=270 || (curangle + angle[i]/2)<90) 
                    {
                        
                        g.DrawString(sTxt[i],new Font(FontFamily.GenericSansSerif,8),new SolidBrush(Color.FromArgb(120,120,120)),px2 ,py2 - 4,sf);
                    }
                    else
                    {
                        
                        g.DrawString(sTxt[i] ,new Font(FontFamily.GenericSansSerif,8),new SolidBrush(Color.FromArgb(120,120,120)),px2 - sTxt[i].Length * 12-2 ,py2 - 4,sf);
                    }

                    g.FillPie(new SolidBrush(Color.FromArgb(128,128,128)),x+2,y+2,d,d,curangle,angle[i]);
                    g.FillPie(new SolidBrush(color[i]),x,y,d,d,curangle,angle[i]);
                    
                    g.DrawPie(new Pen(Color.FromArgb(128,128,128),1),x,y,d,d,curangle,angle[i]);
                    
                }
                curangle += angle[i];

                //画右侧的小矩形,与文字
                g.FillRectangle(new SolidBrush(Color.FromArgb(128,128,128)),492,i*12 + 6 + 120 + 2,20,8);//阴影
                g.FillRectangle(new SolidBrush(color[i]),490,i*12 + 6 + 120,20,8);//前景
                g.DrawRectangle(new Pen(Color.FromArgb(120,120,120),1),490,i*12+6+120,20,8);//轮廓

                g.DrawString(sTxt[i],new Font(FontFamily.GenericSansSerif,7),new SolidBrush(Color.FromArgb(80,80,80)),515,i*12 + 6+ 120,sf);


            }

            

            System.IO.MemoryStream ms = new System.IO.MemoryStream(); 
            bitmap.Save(ms, System.Drawing.Imaging.ImageFormat.Png); 
            Response.ClearContent(); 
            Response.ContentType = "image/Png"; 
            Response.BinaryWrite(ms.ToArray()); 
        }
    }
}

 

第三步,因为要使图片里的饼图的某个选项能够点击,就必须要由另外一个页面来装载这个图片,并在图片上描绘热点.所以就必须新建一个窗体,这个窗体也是"显示投票结果"的显示页面.

新建一个WebForm窗体,并命名为ShowVote.aspx

以下是ShowVote.aspx的HTML代码:

< HTML >
     < HEAD >
         < title > 查看投票结果 </ title >
         < meta  name ="GENERATOR"  Content ="Microsoft Visual Studio .NET 7.1" >
         < meta  name ="CODE_LANGUAGE"  Content ="C#" >
         < meta  name ="vs_defaultClientScript"  content ="JavaScript" >
         < meta  name ="vs_targetSchema"  content ="http://schemas.microsoft.com/intellisense/ie5" >
     </ HEAD >
       < body  topmargin =0  leftmargin =0 >
     < img  src ="Vote.Aspx?i=<%=Request.QueryString[" i"]% > &voteid = <% = Request.QueryString[ " voteid " ] %> " USEMAP="#Map" border=0>
    
     < MAP  NAME ="Map" >
         <% = Map %>
     </ map >
    
   </ body >
</ HTML >

 

以下是ShowVote.aspx.cs的代码:

using  System;
 using  System.Collections;
 using  System.ComponentModel;
 using  System.Data;
 using  System.Drawing;
 using  System.Web;
 using  System.Web.SessionState;
 using  System.Web.UI;
 using  System.Web.UI.WebControls;
 using  System.Web.UI.HtmlControls;

 using  System.Xml;

 namespace  BbsPic
 {
    /// <summary>
    /// ShowVote 的摘要说明。
    /// </summary>
    public class ShowVote : System.Web.UI.Page
    {
        protected string Map = "";
        private void Page_Load(object sender, System.EventArgs e)
        {
            if(Request.QueryString["i"]!="" && Request.QueryString["i"] != null)
                Map = DrawMap(Convert.ToInt32(Request.QueryString["i"]),1);
        }

        Web 窗体设计器生成的代码

        private string DrawMap(int iSelect,int VoteID)
        {
            string str = "";

            //float[] angle    = new float[]{32,58,40,40,28,27,33,72,30};
            //string[] sTxt = new string[]{"一","二","三三三三三","四四四四四四","五五","六六","七七七","八八八八","九九九九"};        

            XmlDocument myDoc = new XmlDocument();
            myDoc.Load(Server.MapPath("Vote.xml"));

            XmlNode xn = myDoc.SelectSingleNode("//VoteInfo[ID='" + VoteID + "']");        
    
            XmlNodeList xnl = xn.SelectNodes("Item");
            
            
            float[] angle = new float[xnl.Count];
            string[] sTxt = new string[xnl.Count];
            float AllCount = 0;
            
            for(int i=0;i<xnl.Count;i++)
            {
                
                AllCount += Convert.ToSingle(xnl.Item(i).SelectSingleNode("Count").InnerText);

            }

            for(int i=0;i<xnl.Count;i++)
            {
                XmlNode xn0 = xnl.Item(i);
                angle[i] = Convert.ToSingle(xn0.SelectSingleNode("Count").InnerText) * 360.0f / AllCount;
                sTxt[i] = xn0.SelectSingleNode("Title").InnerText;
            }

            

            float x=120.0f,y=80.0f,d=200.0f,offset=15.0f,x1=0.0f,y1=0.0f;//圆形x,y坐标，半径，偏移距离，x,y方向的偏移值
            float curangle=0.0f;//当前已转的角度    

            int oAngle = 4;//描点偏移的度数，越小，圆弧就越圆滑。
            
            int ox=0,oy=0;//圆心坐标
            
            for(int i=0;i< angle.Length;i++)
            {
                if(i == iSelect-1)
                {
                    x1 = Convert.ToSingle(offset * Math.Cos((curangle + angle[i]/2)*Math.PI/180.0f));
                    y1 = Convert.ToSingle(offset * Math.Sin((curangle + angle[i]/2)*Math.PI/180.0f));                        
                    
                    ox = Convert.ToInt32(x + d/2 + x1);
                    oy = Convert.ToInt32(y + d/2 + y1);
                }
                else
                {
                    ox=Convert.ToInt32(x + d/2);
                    oy=Convert.ToInt32(y + d/2);
                }
            

                str += "<AREA SHAPE="poly" HREF="?i=" + (i+1) + "&VoteID=" + VoteID + "" TITLE="" + sTxt[i] + ";票数："  + xnl.Item(i).SelectSingleNode("Count").InnerText + ""  COORDS="";
                str += ox + "," + oy; //圆心    
                str += "," + (Convert.ToInt32(d/2 *  Math.Cos(curangle * Math.PI/180.0f)) + ox) + "," + (Convert.ToInt32(d/2 *  Math.Sin(curangle * Math.PI/180.0f)) + oy);//圆弧的第一个端点的坐标
                float MaxAngle = curangle + angle[i];
                while(true)
                {
                    curangle += oAngle;
                    if(curangle >= MaxAngle)//圆弧上的另一个端点,也即最后一个点
                    {
                        curangle = MaxAngle;
                        str += "," + (Convert.ToInt32(d/2 *  Math.Cos(curangle * Math.PI/180.0f)) + ox) + "," + (Convert.ToInt32(d/2 *  Math.Sin(curangle * Math.PI/180.0f)) + oy);
                        break;
                    }
                    else //圆弧上的点
                    {
                        str += "," + (Convert.ToInt32(d/2 *  Math.Cos(curangle * Math.PI/180.0f)) + ox) + "," + (Convert.ToInt32(d/2 *  Math.Sin(curangle * Math.PI/180.0f)) + oy);
                    }
                }
                    
    

                str += ""> ";
                //490,i*12 + 6 + 120,20,8
            }

            for(int i=0;i< angle.Length;i++)//描右侧小方形的点
            {
                str += "<AREA SHAPE="rect" HREF="?i=" + (i+1) + "&voteid=" + VoteID + "" TITLE="" + Convert.ToSingle(Convert.ToSingle(xnl.Item(i).SelectSingleNode("Count").InnerText)*100.0f/AllCount).ToString("F") + "%" COORDS="";
                
                str += "490," + (i*12+6+120) + "," + (490+20) + "," + (i*12+6+120+8);            
                
                str += ""> ";
            }

            return str;
        }
    }
}
 
fei10
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python画饼图程序_用Python-pyecharts绘制饼图和环形图
weixin_39900676的博客
11-23 2031
用Python-pyecharts绘制饼图和环形图某网站用户感兴趣的领域的投票结果绘制饼图、环形图；数据文件：vote_result.csvcsv数据内容：饼图：#导入数据import pandas as pdimport csvf=open('E:/可视化/matplotlib/vote_result.csv','r',encoding='utf-8')data=pd.read_csv(f)pr...
自定义View——可拖动设置时间的时钟具体实现1
Kerwin的学习历程
03-22 1851
详细介绍一款可拖动设置时间的时钟，从控件设计、到界面刷新参数以及参数间的换算关系一一做了介绍
android重力传感器横竖反,Android重力传感器--随重力旋转的图标
weixin_36130963的博客
05-26 544
相机拍摄都有横屏拍摄和竖屏拍摄，横竖屏切换，图标也会跟着重力方向旋转，于是也做了一个相机旋转效果。代码在这里面啥也不说了，先上效果图，gif大小限制，只截取了一小段：演示在Android平台中，传感器框架通常是使用一个标准的三维坐标系去表示一个值的。以方向传感器为例，确定一个方向当然也需要一个三维坐标，三个方向值就是一个长度为3的float数组。旋转工具类：根据重力传感器的监听，获取X、Y方向上分...
动态生成投票饼图范例
04-12
动态生成投票饼图范例
微信朋友圈模仿实现
08-30
CircleDemo-master
带饼图显示的在线投票系统
12-24
分类别投票,获票数据以XML文件存储,以饼图显示得票结果,饼图上又说明文字.
比例饼图_csdn
09-02
比例饼图
android 饼图 饼图 饼图 自定义饼图
最新发布
07-03
android 饼图 饼图 饼图 自定义饼图
简单饼图XML投票系统
03-27
简单实用的投票程序，投票结果生成饼图，采用XML做为数据文件 利用cookie防止多次投票，默认的是采用复选方式 DB.xml为数据文件
echarts 3d饼图资源
05-12
echarts 3d饼图资源
2D 圆形UI摆放
q790017280的博客
01-05 97
local totalItem = 12 --数量 local angle = 360/totalItem --角度 local radius = 200 --半径 local curAngle = 0 --当前角度 local circlePointX = 0 local circlePointY = 0 for i=1, totalItem ...
根据经纬度坐标计算距离和方向
野狼
07-21 9838
前段时间由于项目需要，了解了一下不同经纬度坐标间距离的计算和方向的相关问题，本文理论主要参考下面作者提出的方法，需要访问原作者内容，请点击下面的链接：https://www.cnblogs.com/zhoug2020/p/8993750.html 此处我采用的也是Haversine formula公式来计算球面上任意两个坐标间的距离。 定义的类如下： DistanceBetweenLonAn...
android中动态的圆饼图,Android动态绘制饼状图的示例代码
weixin_39803022的博客
05-25 269
项目里面的需求，当时搜索到MPAndroidChart库，可以实现，但是只是一个需求就引用偌大的一个库，感觉不太爽，打算自己自定义一个。一、惯例先上效果图更新图二、GitHub三、思路1、空心图(一个大圆中心绘制一个小圆)2、根据数据算出所占的角度3、根据动画获取当前绘制的角度4、根据当前角度获取Paint使用的颜色5、动态绘制即将绘制的 和 绘制已经绘制的部分(最重要)四、实现1、空心图(一个大...
u3d 火炮
zhangj391的专栏
08-07 430
坦克：分5格动画，绑定脚本optplayer 炮塔：绑定脚本optpaota 子弹：动态绑定脚本zidanfei  addcomponent 枪口：创建一个空对象 opt坦克脚本：   using UnityEngine; using System.Collections; public class optPlayer : MonoBehavi
【寒江雪】实现物体的匀速圆周运动
寒江雪的博客
07-13 1100
让物体做圆周运动 圆心在原点，半径为1的匀速圆周运动 curAngle += angleSpeed * Mathf.Deg2Rad; float x = Mathf.Cos(curAngle); float y = Mathf.Sin(curAngle); 圆心在原点，半径可变的匀速圆周运动 curAngle += angleSpeed * Mathf.Deg2Rad; f...
hbuilder创建echarts饼图csdn
05-12
<title>ECharts 饼图示例 <!-- 引入 echarts 的 js 文件 --> <script src="echarts.min.js"></script> <!-- 引入 echarts 的样式文件 --> ;height:400px;"> // 在这里编写 echarts 的代码 ``` 3. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值