买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!
摘要:本发明实施例中提供了一种解决ECharts图表在svg模式下模糊的方法、装置及电子设备,属于数据处理技术领域,该方法包括:使用Reacthooks在组件挂载时初始化图表,并在series数据变化时重新渲染;根据传入的props动态配置图表,配置完成后使用setOption方法对图表进行渲染;处理传入的series数据,添加额外的样式和配置;配置完成后使用setOption方法对图表进行渲染;当图表渲染完成之后,使用myChart.on'rendered',={dealPathchartID;}方法修改图表dom下的所有path标签的transform属性,将transform属性值进行四舍五入,全部变成整数。本发明提高了ECharts图表在svg模式下的清晰度。
主权项:1.一种解决ECharts图表在svg模式下模糊的方法,其特征在于,包括:使用Reacthooks在组件挂载时初始化图表,并在series数据变化时重新渲染;使用echarts库初始化图表,设置图表的颜色、工具提示、图例、x轴、y轴及网格,根据传入的props动态配置图表,配置完成后使用setOption方法对图表进行渲染;处理传入的series数据,添加额外的样式和配置,自定义工具提示的内容和位置,实现图表的点击事件,支持点击数据点触发回调;动态调整tooltip的位置和样式,使用自定义的formatter函数来格式化轴标签和图例文本,配置完成后使用setOption方法对图表进行渲染;当图表渲染完成之后,使用myChart.on'rendered',={dealPathchartID;}方法修改图表dom下的所有path标签的transform属性,将transform属性值进行四舍五入,全部变成整数。
全文数据:
权利要求:
百度查询: 一网互通(北京)科技有限公司 解决ECharts图表在svg模式下模糊的方法及装置
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。