[发明专利]基于图表类型和数据特征场景下的图表显示缺陷优化方法

说明书

本发明提供了一种基于图表类型和数据特征场景下的图表显示缺陷优化方法，包括以下步骤：待图表加载完毕，获取所述图表对应的图表生成代码，根据所述图表生成代码调用场景检测接口，针对待生成图表的数据和图表类型进行场景检测；确定相匹配的场景后调用场景解决方案，优化图表显示缺陷。该方法能够快速、有效的针对图表生成过程中因图表类型和数据特征导致的图表显示缺陷进行修复和调整，生成界面显示良好的各类图表。

技术领域

本发明涉及一种计算机Web页面图表技术领域的方法，具体讲涉及一种基于图表类型和数据特征场景下的图表显示缺陷优化方法。

背景技术

随着网络技术的快速发展，网站呈现出爆发式增长的趋势，有统计指出：平均每3个月，网站个数增加1000万个，包括商业网站、个人网站、企业网站、政府网站等。尤其对于政府网站和企业网站来说，除了人员管理，相关数据的对外展示也占有相当大的比重，越来越多的页面采用美观、直观、功能强大、图表丰富和兼容大多数浏览器的图形图表插件进行页面的图表数据展示。

现有技术中，较为流行的web图表图形插件有Highcharts、echarts、fusioncharts等。其核心实现方式类似，均为基于纯js库给出图形调用接口供给用户使用。

Highcharts是一个非常流行，界面美观的纯Javascript图表库。Highcharts可以为您的网站或Web应用程序提供直观，互动式的图表。目前支持线，样条，面积，areaspline，柱形图，条形图，饼图和散点图类型。

Echarts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览(IE6/7/8/9/10/11，chrome，firefox，Safari等)，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。图表的代码调用接口与Highcharts类似。

目前各种网站中，对图表的使用也越来越多。大多数的图表库都是免费开源的，且对于绝大部分用户来说，都提供了强大功能，其直观、易用的交互方式，可满足各类网站设计的需要。

然而，现有技术中，普遍方法对X轴标签管理方面的支持工作有欠缺，在横轴标签过长的情况下，highcharts下的图表会因无法进行自适应的旋转而产生重叠，即便更早一些的主流组件Fusioncharts，虽有所改善，仍无法避免此问题。此外，在柱状图及折线图中，dataLabel的显示也会因横轴数据个数的增多而发生重叠，造成图表直观展示上的困难。当然，其他类型图表也会产生其他不同问题，不一一举例说明。

针对上述问题，本发明提供了一种基于图表类型和数据特征场景下的图表显示缺陷优化方法。

发明内容

为克服上述现有技术的不足，本发明提供一种基于图表类型和数据特征场景下的图表显示缺陷优化方法。

实现上述目的所采用的解决方案为：

一种基于图表类型和数据特征场景下的图表显示缺陷优化方法，所述方法包括以下步骤：

I、待图表加载完毕，获取所述图表对应的图表生成代码，根据所述图表生成代码调用场景检测接口，针对待生成图表的数据和图表类型进行场景检测；

II、确定相匹配的场景后调用场景解决方案，优化图表显示缺陷。

优选地，所述步骤I包括：

S101、引入所述场景检测和场景解决方案的库文件；

S102、根据待检测图表的生成对象，获取其图表类型、展示数据和图表属性的配置数据，依据所述图表类型选择调用所述场景检测接口对应的场景接口，确定所述待检测图表的场景；