Docs/add pictogram demo

[EchoChenGithub]

[中文版模板 / Chinese template]

🤔 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

#3557

🔗 Related PR link

🐞 Bugserver case id

💡 Background and solution

Demo展示了一个商场业态结构图：

• 商场业态结构图展示了商场中不同业态的分布情况。业态有餐饮、服饰鞋子、休闲娱乐、电子、珠宝首饰等。
• 每个业态都被表示为一个特定的形状，形状的颜色表示业态的类型。
• 鼠标悬停在图例上，可以显示具体某个业态的分布；鼠标悬停在图的形状上，可以显示该形状对应的店铺名称。

关键配置：

• 交互：关闭 legend 的 select 配置，通过事件监听鼠标悬停图例事件，再通过状态更新 API updateState 来实现hover图例项高亮。需要在属性 pictogram中设定更新用的state。
• 数据：声明数据，数据格式为 [{name: 'xxx', category: 'xxx'}]；

📝 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