解决ECharts图表在svg模式下模糊的方法及装置制造方法及图纸

本发明专利技术实施例中提供了一种解决ECharts图表在svg模式下模糊的方法、装置及电子设备，属于数据处理技术领域，该方法包括：使用Reacthooks在组件挂载时初始化图表，并在series数据变化时重新渲染；根据传入的props动态配置图表，配置完成后使用setOption方法对图表进行渲染；处理传入的series数据，添加额外的样式和配置；配置完成后使用setOption方法对图表进行渲染；当图表渲染完成之后，使用myChart.on('rendered',()=>{dealPath(chartID);})方法修改图表dom下的所有path标签的transform属性，将transform属性值进行四舍五入，全部变成整数。本发明专利技术提高了ECharts图表在svg模式下的清晰度。

【技术实现步骤摘要】

本专利技术涉及数据处理，尤其涉及一种解决echarts图表在svg模式下模糊的方法、装置及电子设备。

技术介绍

1、echarts是一款开源可视化图表库，它提供了丰富的图表类型，适用于展示大量的数据，并且支持多种交互功能。echarts可以帮助开发者快速地在web页面中实现数据的可视化，使得数据更加直观易懂。

2、echarts主要基于html5的canvas技术进行绘制，因此它能够提供高性能的图形处理能力。此外，echarts还支持svg，这样在一些不支持canvas的旧浏览器上也能有较好的表现。

3、echarts广泛应用于业务监控、统计分析报告、地理信息系统等多种场合，特别是在需要实时更新数据的情况下，echarts能够很好地适应这种需求。

4、当echarts图表采用svg渲染时，如果图表中的某个部分带有transform="translate(xy)"的path标签时，如果x或者y不是整数，那么就会在对应方向上产生模糊，产生模糊的原因是图形的一部分可能位于一个像素的中间，导致浏览器对这些边界进行反锯齿，从而产生本文档来自技高网...

【技术保护点】

1.一种解决ECharts图表在svg模式下模糊的方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述使用Reacthooks在组件挂载时初始化图表，并在series数据变化时重新渲染，包括：

3.根据权利要求2所述的方法，其特征在于，所述使用echarts库初始化图表，设置图表的颜色、工具提示、图例、x轴、y轴及网格，包括：

4.根据权利要求3所述的方法，其特征在于，所述根据传入的props动态配置图表，配置完成后使用setOption方法对图表进行渲染，包括：

5.根据权利要求4所述的方法，其特征在于，所述处理传入的...

【技术特征摘要】

1.一种解决echarts图表在svg模式下模糊的方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述使用reacthooks在组件挂载时初始化图表，并在series数据变化时重新渲染，包括：

3.根据权利要求2所述的方法，其特征在于，所述使用echarts库初始化图表，设置图表的颜色、工具提示、图例、x轴、y轴及网格，包括：

4.根据权利要求3所述的方法，其特征在于，所述根据传入的props动态配置图表，配置完成后使用setoption方法对图表进行渲染，包括：

5.根据权利要求4所述的方法，其特征在于，所述处理传入的series数据，添加额外的样式和配置，包括：

【专利技术属性】
技术研发人员：吴栋，周少博，寇振芳，李蕾，张润林，
申请(专利权)人：一网互通北京科技有限公司，
类型：发明
国别省市：