The homepage cluster capacity pie chart is missing the legend for unallocated capacity

[jeffery021121]

Describe the bug (描述bug)
The homepage cluster capacity pie chart is missing the legend for unallocated capacity

To Reproduce (复现方法)
Hover over the cluster capacity pie chart

Expected behavior (期望行为)
Add a legend for unallocated capacity to the homepage cluster capacity pie chart

Additional context/screenshots (更多上下文/截图)

Registration procedure

Step 1. Add a comment when you sign up.The purpose of comments is for us to understand you and determine whether you have the basic ability to complete this issue.

• If you are a student, please introduce your school, major, programming language, technical fields of interest, what you are good at, and why you chose this issue.
• If you are already working, please introduce your company, career, work content, technical fields of interest, and why you chose this issue.

Step 2. Use WeChat to add the Curve community assistant "Curve" as a WeChat friend, tell your GitHub ID, and send the Issue link of your choice. The assistant will invite you to communicate with the mentor by WeChat.

Step 3. In order to better complete each development task, the mentor will select the developer who best matches the issue based on everyone's comment on GitHub and communication status by WeChat. If you are not selected, please select another issue.

Tips

• Before developing, please read the dev guideline( https://ask.opencurve.io/t/topic/201) carefully and communicate with your mentor.
• Please submit a draft PR before 11.29, and the mentor will review it within 2-5 working days and may guide you to modify the PR based on the actual situation.
• If you successfully merge into PR before 12.27 and you will receive gifts carefully prepared by the Curve community.

[lilming123]

Hi, I am a student from Hangzhou Dianzi University. I am good at front-end development. I am familiar with TypeScript, Vue3 and React.I have enough energy and ability to do this issue.