本发明公开了一种基于web的数据可视化图表渲染优化方法及系统，其中，方法包括：将用于可视化展示的多个图表样式及交互配置信息存储在本地缓存中，以在不同图表在展示的过程中，从本地缓存中读取相应信息；将用于数据可视化图表展示的图表数据进行数据转换和增量更新处理后，生成记录图表数据更新前后差异的补丁数据；将图表样式及配置信息和图表更新后的数据进行整合，生成完整的图表展示所需要的数据结构；利用图表展示所需要的数据结构进行页面数据可视化图表的渲染绘制，在web前端形成可供用户进行实时数据监控和数据分析的数据可视化页面。该方法可以提升图表的加载速度，减少页面渲染时长。