`
wyf
  • 浏览: 424949 次
  • 性别: Icon_minigender_1
  • 来自: 唐山
社区版块
存档分类
最新评论

画雷达图背景

 
阅读更多

直接糊代码

public partial class MainPage : UserControl
    {
        public MainPage()
        {
            InitializeComponent();
            
            DrawRadarBackGround(8, 6, 20,new Point(200,300));
        }
       /// <summary>
       /// 画雷达图背景
       /// </summary>
       /// <param name="eclipseCount">圆个数</param>
       /// <param name="lineCount">线个数</param>
       /// <param name="radius">半径</param>
       /// <param name="centerPoint">圆心坐标</param>
        public void DrawRadarBackGround(int eclipseCount,int lineCount,double radius,Point centerPoint)
        {
            //画圆
            for (int i = 1; i < eclipseCount+1; i++)
            {
                Path p = new Path();
                p.Stroke = new SolidColorBrush(Colors.DarkGray);
                p.StrokeThickness = 1.0;
                EllipseGeometry e = new EllipseGeometry();
                //圆心 坐标
                e.Center = centerPoint;
                //半径为50的倍数
                e.RadiusX = i * radius;
                e.RadiusY = i * radius;
                p.Data = e;
                cavMain.Children.Add(p);
            }
            //画线
            for (int i = 0; i < lineCount; i++)
            {
                Path p = new Path();
                p.StrokeThickness = 1;
                p.Stroke = new SolidColorBrush(Colors.DarkGray);
                LineGeometry ge = new LineGeometry();
                //150为圆心 坐标 
                double x1 = centerPoint.X + (radius * eclipseCount * Math.Cos(i * Math.PI / lineCount));
                double y1 = centerPoint.Y - (radius * eclipseCount * Math.Sin((Math.PI * i) / lineCount));

                double x2 = centerPoint.X + (radius * eclipseCount * Math.Cos(Math.PI * i / lineCount + Math.PI));
                double y2 = centerPoint.Y - (radius * eclipseCount * Math.Sin((Math.PI) * i / lineCount + Math.PI));

                ge.StartPoint = new Point(x1, y1);
                ge.EndPoint = new Point(x2, y2);
                p.Data = ge;
                cavMain.Children.Add(p);
            }

        }
    }

 

 

  • 大小: 26.9 KB
分享到:
评论

相关推荐

    RadarMap 雷达图

    1. 利用GID+,在PictureBox上画雷达图背景,非加载图片资源 2. 输入框内写入方位俯仰AZ,EL的数值,在雷达图上以红色点显示位置 3. 鼠标在图片区域内移动,动态显示方位俯仰AZ,EL的数值。 by zhangf QD

    Excel立体雷达图.rar

    Excel立体雷达图.rar,在Excel中,普通的雷达图只能使用一种背景色,本例介绍的技巧则可在雷达图的背景上划分不同的环状区域,使其具有立体效果。

    用matplotlib画FIFA球星雷达图,自定义背景图片

    最近想对足球运动员进行数据分析,用雷达图展示各个球员的不同能力,然后背景搞一张球员的帅图。找了好多教程才搞定,记录一下下。 数据来自 kaggle上的FIFA2019 import numpy as np import pandas as pd import ...

    c#雷达扫描 圆和扇形的背景都有 不用图片都是graphic 画

    c#雷达扫描 圆和扇形的背景都有 不用图片都是graphic 画 可以设置线圈 角度等 非常好用 c#雷达扫描 圆和扇形的背景都有 不用图片都是graphic 画 可以设置线圈 角度等 非常好用

    jQuery模拟雷达扫描经纬度定位canvas特效背景动画.rar

    本文的主要目的是对靶场中雷达采集的外弹道数据进行滤波处理并实现弹道数据的可视化仿真,为靶场进行弹道归一化测试提供雷达测试数据,再现弹体空中飞行的全过程。针对靶场现有设备情况(一台弹道测试雷达、两台光电...

    android实现图片闪烁动画效果的两种实现方式(实用性高)

    大家在使用APP的时候,有的APP在点击语音搜索界面后,会出现一个小话筒,小话筒会类似雷达似得在闪烁,表示正在倾听你说话的内容(这个大家可以参照微软的必应APP),那么问题来了,这种动画效果是如何实现的呢?...

    ios-仿芝麻信用仪表盘动画效果.zip

    仿芝麻信用的仪表盘动画效果: 1.圆环上白点的旋转 2.分数值的变化 3.背景色的变化

    Android代码-一款可以自由定制外观、手势旋转的android雷达图表lib

    一个可以自由定制、旋转交互的Android雷达图Lib 一些特性 支持手势旋转(可关闭) 支持动画的方式添加展现数据 支持对各层雷达网添加背景 支持自定义雷达网层数 支持使用圆形作为雷达网 扇区(顶点)个...

    基于Android自定义控件实现雷达效果

    1、自定义控件RadarView用来画雷达的效果图,可以自定义属性包括 backgroundColor:背景颜色 circleNum:圆的数量 startColor:开始颜色 endColor:结束颜色 lineColor:线的颜色 2、通过Handler循环发送...

    3d可视化大屏(酷屏统计图).zip

    里面有着非常多种类的图形(仪表盘、金字塔动画、金字塔趋势、彩虹轨道图、环形饼图、环形气泡图、旋转多彩图、扫描半径图、滚动弧形线、新闻无缝滚动、水球图、水波图、酷屏首页统计图、3D立体柱状图、多彩雷达等等...

    javascript网页特效实例大全(8-12)

    实例235 雷达扫描图片特效 363 实例236 在页面中旋转的图片 365 实例237 改变形状的图片 366 实例238 图片在页面浮动 367 实例239 随机变化的网页背景 369 8.5 选择头像 370 实例240 在列表中选择图片...

    Android 自定义View实现芝麻分曲线图效果

    其实这个效果几天之前就写了,但是一直没有更新博客,本来想着把芝麻分雷达图也做好再发博客的,然后今天看到鸿洋的微信公众号有朋友发了芝麻分的雷达图,所以就算了,算是一个互补吧。平时文章也写的比较少,所以...

    FreeTour(全景漫游软件) v1.0.1官方版.rar

    15、 支持缩略图导航功能,根据场景自动定位同步对应缩略图。 16、 支持WEB 通讯,外设参数可以方便与其他程序互动; 17、 同时具有本地EXE版本,支持自定义窗口大小,方便用于本地多媒体展示; 18、 全开放的...

    JavaScript网页特效范例宝典源码

    实例235 雷达扫描图片特效 363 实例236 在页面中旋转的图片 365 实例237 改变形状的图片 366 实例238 图片在页面浮动 367 实例239 随机变化的网页背景 369 8.5 选择头像 370 实例240 在列表中选择图片 370 实例241 ...

    咖啡智能报表控件 2.0.zip

    6、图标功能,多种类型图标(平面、3D的方形图、柱形图、饼图、线形图、雷达图、堆栈图), 可以水平显示或垂直显示;饼图可以把柄切开提取显示 7、画笔功能;报表提供了画笔功能,可以批示报表,重点圈画报表。 8、...

    Excel2007图表完全剖析 6/8

    5.3.6 使用雷达图评估绩效 138 5.3.7 来自Gene Zelazny的一个图表 142 5.4 使用曲面图 145 5.4.1 使用竖坐标轴 146 5.4.2 通过三维旋转控制曲面图 146 5.5 下一步 147 第6章 创建股票分析图 148 6.1...

    Excel2007图表完全剖析 2/8

    5.3.6 使用雷达图评估绩效 138 5.3.7 来自Gene Zelazny的一个图表 142 5.4 使用曲面图 145 5.4.1 使用竖坐标轴 146 5.4.2 通过三维旋转控制曲面图 146 5.5 下一步 147 第6章 创建股票分析图 148 6.1...

    javascript经典效果示例

    05:___CSS实现自适应的图片背景边框 06:___CSS将图片自动变为圆角 07:___CSS强制等比例缩小图片 08:___Javascript仿Flash图片轮翻 09:___JavaScript图片滚动(绝对酷) 10:___JavaScript生成弹性透明的图片放大代码 ...

    Vue基于数字孪生的可视化建模系统源码+项目说明.zip

    │ ├─bgAnimation // 登录界面背景图动画 │ ├─cakeLinkage // 柱饼组合联动 │ ├─circleNesting // 圆环套圆环 │ ├─circleRunway // 环形跑道图 │ ├─colorfulArea // 多彩轮播面积 │ ├─...

    Excel2007图表完全剖析 8/8

    5.3.6 使用雷达图评估绩效 138 5.3.7 来自Gene Zelazny的一个图表 142 5.4 使用曲面图 145 5.4.1 使用竖坐标轴 146 5.4.2 通过三维旋转控制曲面图 146 5.5 下一步 147 第6章 创建股票分析图 148 6.1...

Global site tag (gtag.js) - Google Analytics