Demo

使用技术框架

• Vue3
• Vite
• Echarts
• AnyChart

安装环境

npm install

注意

AnyChartMap可能会报错(兼容性问题)

Uncaught (in promise) TypeError: Cannot set property name of #<Attr> which h

• 在node_modules\anychart\dist\js\anychart-bundle.min.js找到k.name=k.name.toLowerCase();并删除
• 再删除node_modules\.vite 清除缓存

截图

• 魁拔矢量地图素材(public\kuiba_23_map.cdr) 先用CDR导出成SVG文件，然后用Inkscape调整节点属性
• 修改节点属性
• Echarts魁拔世界地图
• 魁拔人物关系图
• Anychart魁拔世界地图