WPF開發者QQ群: 340500857 | 微信群 -> 進入公衆号首頁 加入組織
前言
有小夥伴提出需要實作雷達圖。

由于在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《方拯》
更多教程歡迎關注微信公衆号:加微信群限時
微信群人數太多掃碼進不來了,請添加個人微信邀請你(請标注理由)。(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