利用雷达图收集用户反馈并完成数据上传

功能说明概述

网页前端界面模拟Echarts雷达图（六维蛛网图）的展示效果，用户可通过点击图表中的节点来调整六个维度的权重数值，调整后的数据会实时呈现在前端页面上，并同步传输至服务器端进行处理。

前端效果图展示

技术方案

前端开发采用HTML、CSS及JavaScript技术，其中雷达图的绘制依托于Canvas组件实现。数据的处理与前端展示均通过JavaScript完成，而与服务器的数据交互则借助Ajax技术实现。服务器端采用Python 3.7版本，并基于Django框架进行开发。

代码实现思路

绘制Canvas思路：

1. 生成五个六边形图形。首先设定六边形的边长，根据该长度计算出所有顶点的坐标位置，进而依据这些坐标完成图形的绘制。每个六边形绘制完成后，使用canvas提供的fill方法进行颜色填充。通过canvas中透明度叠加的方式，实现背景色的逐层渐变效果。

2. 绘制由中心点向六个方向延伸的线段。将六边形相对的三对顶点进行连线，从而形成类似蛛网状的结构。

3. 在各个顶点位置绘制圆形标记。以每个顶点作为圆心，绘制一个固定半径的小