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

摘要：本发明实施例中提供了一种ECharts图表自定义提示组件的方法、装置及电子设备，属于数据处理技术领域，该方法包括：通过props接收外部传入的参数集合P，在参数集合P中提取配置参数；使用ECharts库中的init方法根据chartID来创建一个新的ECharts实例，并构建一个完整的ECharts配置对象；对于提示框样式T，采用自定义CSS类进行灵活定制；对于ECharts图表中包含的数据项di，通过格式化函数fmt将数据项di格式化为字符串；通过函数fet设置提示框的enterable属性为true，如果数据项集合D不为空，则应用性能优化措施并渲染提示框内容，否则，不做任何操作。本发明提高了ECharts图表的可定制性和交互体验。

主权项：1.一种ECharts图表自定义提示组件的方法，其特征在于，包括：通过props接收外部传入的参数集合P，在参数集合P中提取配置参数C={chartID,color,xAxisData,series}，chartID表示指定ECharts图表渲染的目标容器的ID，color表示定义的图表的颜色主题，xAxisData表示ECharts图表X轴的数据，series表示在ECharts图表展示的实际数据系列；使用ECharts库中的init方法根据chartID来创建一个新的ECharts实例E=echarts.initchartID，并构建一个完整的ECharts配置对象O=fcC，fc为配置函数，fc接受配置参数C作为输入，并返回一个完整的ECharts配置对象O，配置对象O包含颜色、提示框样式、图例信息及坐标轴设置信息；对于提示框样式T，采用自定义CSS类进行灵活定制，T=Tcss+{tooltipClassName,chartID}，Tcss为提示框CSS样式类集合，tooltipClassName是一个自定义的类名，用于为ECharts图表中的提示框应用特定的CSS样式，对于ECharts图表上的任意点x,y，计算其调整位置pos=fpsx,y，且满足fpsx,y=x′,y′，x′,y′是经过调整后的位置坐标，确保0≤x′≤W,0≤y′≤H，fps是位置计算函数，将ECharts图表上的任意点x,y的逻辑坐标转换成像素坐标，并通过计算确定最佳位置，使提示框不超出可视区域边界，W、H分别是ECharts图表容器的宽度和高度；对于ECharts图表中包含的数据项di，通过格式化函数fmt将数据项di格式化为字符串si=fmtdi,L，L为ECharts图表显示的目标语言L，并通过修改formatter函数生成对应的HTML结构；通过函数fet设置提示框的enterable属性为true，fetT=T.enterable=true，允许用户与提示框内容进行交互，对于每一个数据项di，为其附加一个名为data-series-item的属性，该属性包含序列化后的数据项集合D，用于处理点击事件时获取相关信息，如果数据项集合D不为空，则应用性能优化措施并渲染提示框内容，否则，不做任何操作。

全文数据：

权利要求：

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