p{
font-size: 15px;
}
.alexrootdiv>div{
background: #eeeeee; border: 1px solid #aaa; width: 99%; padding: 5px; margin: 1em 0 1em 0;
}
.alextitlep{
font-size: 18px; font-weight: bold; color: red;
}
.alexrootdiv span{
color:blue;font-weight:bold;font-size:16px;
}
.alexrootdiv table{
margin:10px;border-collapse:collapse;border:1px solid #aaa;width:100%;
}
.alexrootdiv table th{
vertical-align:baseline;padding:5px 15px 5px 6px;background-color:#d5d5d5;border:1px solid #aaa;text-align:left;
}
.alexrootdiv table td{
vertical-align:text-top;padding:6px 15px 6px 6px;background-color:#efefef;border:1px solid #aaa;
}
.attentationp{
font-size: 15px; text-indent: 2em; background: #ee0; color: red; font-weight: bold;
}
.borderstylediv{
width:12vw;text-align:center;
}
img{box-shadow:0 0 14px;}
-->
数据表及最终的效果：
今天发一个本人原创的图表，这个图表如何应用就仁者见仁智者见智；我还为其设置了一些动态效果，半径以及齿高度可以自行调节，首先看下效果和数据。
| 角度 | 半径1 | 半径2 | 半径3 | 半径4 |
| -5 | 0.8 | 0.8 | 0.7 | 0.4 |
| 15 | 1 | 1 | 0.9 | 0.6 |
| 25 | 0.8 | 0.8 | 0.7 | 0.4 |
| 45 | 1 | 1 | 0.9 | 0.6 |
| 55 | 0.8 | 0.8 | 0.7 | 0.4 |
| 75 | 1 | 1 | 0.9 | 0.6 |
| 85 | 0.8 | 0.8 | 0.7 | 0.4 |
| 105 | 1 | 1 | 0.9 | 0.6 |
| 115 | 0.8 | 0.8 | 0.7 | 0.4 |
| 135 | 1 | 1 | 0.9 | 0.6 |
| 145 | 0.8 | 0.8 | 0.7 | 0.4 |
| 165 | 1 | 1 | 0.9 | 0.6 |
| 175 | 0.8 | 0.8 | 0.7 | 0.4 |
| 195 | 1 | 1 | 0.9 | 0.6 |
| 205 | 0.8 | 0.8 | 0.7 | 0.4 |
| 225 | 1 | 1 | 0.9 | 0.6 |
| 235 | 0.8 | 0.8 | 0.7 | 0.4 |
| 255 | 1 | 1 | 0.9 | 0.6 |
| 265 | 0.8 | 0.8 | 0.7 | 0.4 |
| 285 | 1 | 1 | 0.9 | 0.6 |
| 295 | 0.8 | 0.8 | 0.7 | 0.4 |
| 315 | 1 | 1 | 0.9 | 0.6 |
| 325 | 0.8 | 0.8 | 0.7 | 0.4 |
| 345 | 1 | 1 | 0.9 | 0.6 |
| 355 | 0.8 | 0.8 | 0.7 | 0.4 |
制作步骤：
后续再给大家补上，下面有源文件的下载地址
源文件360网盘下载链接：创意雷达图
访问密码：84a9