【目的】设计并实现基于模型–视图–控制器(MVC)前端Angular JS框架的可视化组件ng-info-chart。【应用背景】优秀的情报分析平台往往需要使用多个复杂的可视化图谱组合展示分析结果,需要更有效地构建复杂的、支持大量交互操作的网页端情报分析可视化图谱。【方法】ng-info-chart集成多种可视化图谱,使用Angular JS自定义扩展标签统一封装,通过自定义HTML标签直接在页面中调用绘图方法。【结果】ng-info-chart可视化组件随着研究团队情报分析项目不断深入与完善,现已集成5个第三方可视化类库中11种可视化图谱,支持IE9+、Firefox等主流桌面浏览器。【结论】利用可视化组件实现数据异步获取、自动检测数据变化与实时图谱绘制等功能,极大简化了情报分析系统中复杂可视化图谱的开发工作。