天天看點

WPF實作雷達圖(仿英雄聯盟)

WPF開發者QQ群: 340500857  | 微信群 -> 進入公衆号首頁 加入組織

前言

    有小夥伴提出需要實作雷達圖。 

WPF實作雷達圖(仿英雄聯盟)

由于在WPF中沒有現成的雷達圖控件,是以我們自己實作一個。

PS:有更好的方式歡迎推薦。

代碼如下

一、建立 RadarChart.cs 菜單繼承 Control代碼如下。

RadarChart.cs實作思路如下

1、RadarArray :存放展示集合 。

2、重寫OnRender 。

3、根據三角函數和圓的半徑計算出圓上的N個點繪制成多邊形

GetPolygonPoint()。

4、在繪制多邊形的時候因為需要多個大小不一的多邊形,則需要

多次調用GetPolygonPoint()方法,最外層繪制150,中間層100

中心點層 50。

5、DrawPoints() 方法增加了一個bool參數isDrawText是否繪制Text文

本,因為最外側需要繪制文本。

二、建立RadarChartExample.xaml代碼如下

三、建立RadarChartExample.xaml.cs代碼如下

ReadrChartExample.cs 思路如下

1、ValueMax 需要注意最小值0,最大值100。

效果預覽

資料來源于英雄聯盟使用者

資料1《屈越》

資料2《方拯》

WPF實作雷達圖(仿英雄聯盟)
WPF實作雷達圖(仿英雄聯盟)

更多教程歡迎關注微信公衆号:加微信群限時

WPF實作雷達圖(仿英雄聯盟)

微信群人數太多掃碼進不來了,請添加個人微信邀請你(請标注理由)。(yanjinhuawechat)或(W_Feng_aiQ)

WPF開發者QQ群: 340500857 

blogs: https://www.cnblogs.com/yanjinhua

源碼Github:https://github.com/yanjinhuagood/WPFDevelopers.git

gitee:https://gitee.com/yanjinhua/WPFDevelopers.git