买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

摘要：本发明实施例中提供了一种ECharts图表自定义图例功能的方法、装置及电子设备，属于数据处理技术领域，该方法包括：通过props接收自定义图例的配置参数P；使用React的useState钩子创建状态变量Snt；通过sort函数对ECharts图表对应的原始数据D进行排序，生成新的排序数据D'=sortD;通过generateLegend函数遍历ECharts图表的图例数据L，并为每个图例项创建对应的liHTML标签；通过handleClick函数定义回调事件，在用户点击图表上的特定区域执行额外操作，基于updateOnDataChange函数监控数据D的变化，更新状态S1为S2并重新渲染图表Chart2为Chart3。本发明提高了ECharts图表交互的灵活性。

主权项：1.一种ECharts图表自定义图例功能的方法，其特征在于，包括：通过props接收自定义图例的配置参数P，通过初始化函数init对所述自定义图例进行初始操作，得到图例初始配置参数C0和图例初始状态参数S0，S0,C0=initP；使用React的useState钩子创建状态变量Snt，状态变量Snt通过S0完成初始化状态Snt=useStateS0，状态变量Snt在组件生命周期中实时更新，使用useRef钩子创建一个引用对象ref=useRef，引用对象ref保存对DOM节点和非渲染依赖项的引用，用以保持跨渲染的状态一致性；通过sort函数对ECharts图表对应的原始数据D进行排序，生成新的排序数据D'=sortD，通过configureChart函数利用基本配置C0和排序数据D'来设置ECharts图表的详细属性Chart0=configureChartC0,D'；通过generateLegend函数遍历ECharts图表的图例数据L，并为每个图例项创建对应的liHTML标签，利用handleHover函数处理鼠标悬停事件E，当用户将鼠标悬停在图例数据L的图例项上时，改变图例项及其关联数据的表现形式，编写handleLegendClick函数处理图例项点击事件E，更新当前状态Snt为S1并相应地改变图表Chart0为Chart1；通过handleClick函数定义回调事件，在用户点击图表上的特定区域执行额外操作，定义applyEmphasis函数在鼠标悬停时应用高亮效果到图表Chart1，并生成Chart2，设置conditionalRender函数根据数据量D和响应式设计规则R决定是否显示分页器元素，优化小规模数据集的显示效果，基于updateOnDataChange函数监控数据D的变化，更新状态S1为S2并重新渲染图表Chart2为Chart3。

全文数据：

权利要求：

百度查询： 一网互通(北京)科技有限公司 ECharts图表自定义图例功能的方法及装置