[demo]Chinese provinces eat spicy food at a glance

[UC-web291]

🤔 This is a ...

• New feature
• Bug fix
• TypeScript definition update
• Bundle size optimization
• Performance optimization
• Enhancement feature
• Refactoring
• Update dependency
• Code style optimization
• Test Case
• Branch merge
• Release
• Site / documentation update
• [√] Demo update
• Workflow
• Other (about what?)

🔗 Related issue link

🔗 Related PR link

[https://github.com/UC-web291/VChart_Tour]

💡 Background and solution

Chinese provinces are divided from high tolerance to low tolerance into king, diamond, gold, silver and bronze.The corresponding province will be marked with the mouse hover.
I am a novice, the first time to participate in open source, here for my experience to make a summary:
1, images uploaded to github, using the connection to read need to use the acceleration prefix to avoid domain name problems;
2, svg has a unique identifier to correspond to the array in the code, the search needs to use a unique identifier for attribute assignment;
3, VChrt default nameField to indicate how the name in svg corresponds to the data in the code, you need to ensure that the unique identifier used for identification in your svg is' name ';
Need a vector map link, has been uploaded to the personal warehouse, the link is: [https://github.com/UC-web291/picture_storing/blob/main/v1.svg]

📝 Changelog

Language	Changelog
🇺🇸 English
🇨🇳 Chinese

☑️ Self-Check before Merge

⚠️ Please check all items below before requesting a reviewing. ⚠️

• [√ ] Doc is updated/provided or not needed
• [√ ] Demo is updated/provided or not needed
• [√ ] TypeScript definition is updated/provided or not needed
• [√] Changelog is provided or not needed

---

🚀 Summary

copilot:summary

🔍 Walkthrough

copilot:walkthrough

[xiaoluoHe]

欢迎参与 demo 贡献！提交的文件内容不太符合要求，无法在官网展示，请仔细阅读 Demo 贡献指南