[发明专利]一种Echarts环形图内环展示环形数据的方法和装置

说明书

本发明提供一种Echarts环形图内环展示环形数据的方法，包括以下步骤：定义环形图对象，并在所述环形图对象初始化过程中获取环形块数据数组中的任意一个环形块的数据并将所述数据渲染到内环中；响应于鼠标移入环形块中，触发钩子函数来获取当前所述鼠标移入的环形块在所述环形块数据数组中的下标；根据所述获取的下标获取所述鼠标移入的环形块的数据并将所述数据渲染到内环中。本发明解决了鼠标移出内环块时，环形图内环的数据消失的问题，美化了页面、优化了用户体验并提高了页面的易用性。

技术领域

本发明涉及计算机领域，并且更具体地，涉及一种Echarts环形图内环展示环形数据的方法和装置。

背景技术

随着互联网的飞速发展，web页面的展示也越来越丰富。在数据的图形化展示中，Echarts担任了很重要的角色。Echarts属于开源软件，并且提供了非常炫酷的图形界面。它使用简单，封装了JS接口，只需要引用就可以得到完美的展示效果。基于Echarts画出的环形图，鼠标移入环形图中环形块时，环形图内环展示环形块的信息，鼠标移出内环块时，环形图内环的数据消失，造成环形图的内环为空白，非常影响页面的美观，怎么才能让环形图内环中心的数据一直存在成为本发明所要解决的问题。

发明内容

鉴于此，本发明实施例的目的在于提出一种Echarts生成的环形图中的内环空白处持续展示环形数据的方法，在鼠标移出环形块时，内环持续展示鼠标移出之前的环形块数据。

基于上述目的，本发明实施例的一方面提供了一种Echarts环形图内环展示环形数据的方法，包括以下步骤：

定义环形图对象，并在所述环形图对象初始化过程中获取环形块数据数组中的任意一个环形块的数据并将所述数据渲染到内环中；

响应于鼠标移入环形块中，触发钩子函数来获取当前所述鼠标移入的环形块在所述环形块数据数组中的下标；

根据所述获取的下标得到所述鼠标移入的环形块的数据并将所述数据渲染到内环中。

在一些实施方式中，所述响应于鼠标移入环形块中，触发钩子函数来获取当前所述鼠标移入的环形块在所述环形块数据数组中的下标包括：

预先定义内环中展示数据在环形块数据数组中的下标的对象，并将所述对象赋值为params.dataIndex*2+1。

在一些实施方式中，所述定义环形图对象，并在所述环形图对象初始化过程中获取环形块数据数组中的任意一个环形块的数据并将所述数据渲染到内环中包括：

根据需求获取环形块数据数组中的特定的环形块的数据并将所述数据渲染到内环中。

在一些实施方式中，所述定义环形图对象，并在所述环形图对象初始化过程中获取环形块数据数组中的任意一个环形块的数据并将所述数据渲染到内环中进一步包括：

默认获取环形块数据数组中的第一个环形块的数据并将所述数据渲染到内环中。

在一些实施方式中，所述响应于鼠标移入环形块中，触发钩子函数来获取当前所述鼠标移入的环形块在所述环形块数据数组中的下标包括：

绑定一个鼠标移入事件，以当鼠标移入环形块中时，触发所述钩子函数。

本发明实施例的另一方面提供了一种Echarts环形图内环展示环形数据的装置，包括：

至少一个处理器；和

存储器，所述存储器存储有处理器可运行的程序代码，所述程序代码在被处理器运行时实施以下步骤：

定义环形图对象，并在所述环形图对象初始化过程中获取环形块数据数组中的任意一个环形块的数据并将所述数据渲染到内环中；