解决ECharts图表在svg模式下模糊的方法及装置与流程
技术特征:
1.一种解决echarts图表在svg模式下模糊的方法,其特征在于,包括:
2.根据权利要求1所述的方法,其特征在于,所述使用reacthooks在组件挂载时初始化图表,并在series数据变化时重新渲染,包括:
3.根据权利要求2所述的方法,其特征在于,所述使用echarts库初始化图表,设置图表的颜色、工具提示、图例、x轴、y轴及网格,包括:
4.根据权利要求3所述的方法,其特征在于,所述根据传入的props动态配置图表,配置完成后使用setoption方法对图表进行渲染,包括:
5.根据权利要求4所述的方法,其特征在于,所述处理传入的series数据,添加额外的样式和配置,包括:
6.根据权利要求5所述的方法,其特征在于,所述自定义工具提示的内容和位置,实现图表的点击事件,支持点击数据点触发回调,包括:
7.根据权利要求6所述的方法,其特征在于,所述使用自定义的formatter函数来格式化轴标签和图例文本,配置完成后使用setoption方法对图表进行渲染,包括:
8.根据权利要求7所述的方法,其特征在于,所述使用自定义的formatter函数来格式化轴标签和图例文本,配置完成后使用setoption方法对图表进行渲染,还包括:
9.一种解决echarts图表在svg模式下模糊的装置,其特征在于,包括:
10.一种电子设备,其特征在于,所述电子设备包括:
技术总结
本发明实施例中提供了一种解决ECharts图表在svg模式下模糊的方法、装置及电子设备,属于数据处理技术领域,该方法包括:使用Reacthooks在组件挂载时初始化图表,并在series数据变化时重新渲染;根据传入的props动态配置图表,配置完成后使用setOption方法对图表进行渲染;处理传入的series数据,添加额外的样式和配置;配置完成后使用setOption方法对图表进行渲染;当图表渲染完成之后,使用myChart.on('rendered',()=>{dealPath(chartID);})方法修改图表dom下的所有path标签的transform属性,将transform属性值进行四舍五入,全部变成整数。本发明提高了ECharts图表在svg模式下的清晰度。
技术研发人员:吴栋,周少博,寇振芳,李蕾,张润林
受保护的技术使用者:一网互通(北京)科技有限公司
技术研发日:
技术公布日:2024/12/2
文档序号 :
【 40203261 】
技术研发人员:吴栋,周少博,寇振芳,李蕾,张润林
技术所有人:一网互通(北京)科技有限公司
备 注:该技术已申请专利,仅供学习研究,如用于商业用途,请联系技术所有人。
声 明 :此信息收集于网络,如果你是此专利的发明人不想本网站收录此信息请联系我们,我们会在第一时间删除
技术研发人员:吴栋,周少博,寇振芳,李蕾,张润林
技术所有人:一网互通(北京)科技有限公司
备 注:该技术已申请专利,仅供学习研究,如用于商业用途,请联系技术所有人。
声 明 :此信息收集于网络,如果你是此专利的发明人不想本网站收录此信息请联系我们,我们会在第一时间删除
