[发明专利]一种图形绘制方法及装置

说明书

本申请提供了一种图形绘制方法及装置，该图形绘制方法包括：获取待绘制图形的数据集合值范围及对应的坐标点个数；根据所述数据集合值范围选取多个对人友好的数值，生成一数组；根据所述数据集合值范围及对应的坐标点个数计算所述坐标点的平均间隔对应的科学计数法的尾数；根据所述数组及所述尾数计算所述坐标点的待绘制坐标间隔；根据所述数据集合值范围的中间值及所述待绘制坐标间隔生成所述待绘制图形的坐标点，进行图形绘制。通过本申请，可以动态的生成绘制图形的坐标点，并且这些坐标点更易于理解及识别，保证准确的图形绘制。

技术领域

本申请涉及图形绘制技术领域，特别涉及一种图形绘制方法及装置。

背景技术

在HTML页面的画布上绘制图表时，x轴、y轴需要使用坐标轴标示图表的数据大小，但是由于用户传入的数据值是变化的，代表x轴的字段和代表y轴的字段范围也是变化的，无法直接设定固定的坐标点，所以需要动态的生成坐标点。

现有技术中，绘制坐标轴通常方法如下(假设图形的一个数据集合值的范围是[3,96]，坐标轴上绘制的坐标点个数为5)：

方法一：

最简单粗暴的方式是，平均分割坐标轴上的点，此时生成坐标轴坐标点的间距是(96-3)/(5-1)＝23.25，则坐标点是：[3,26.25,49.5,72.75,96]。如图1所示，这些坐标点对人非常不友好。

方法二：使用下面的步骤计算坐标点的间隔：

1、选取对人友好的一些数值，如[2,5,10]。

2、计算平均间隔(96-3)/(5-1)＝23.25，计算平均间隔对应科学计数法的尾数2.325。

对2，10，50分别取根号待值[sqrt(2),sqrt(10),sqrt(50)]中取一个比尾数略小的值sqrt(2)，对应友好值2，坐标点的间隔是为科学计数法中的底数10*2＝20，坐标点的最大值取20的倍数max＝100，最小值也取20的倍数0，具体地，可以通过如下代码实现：

上述代码的含义是，输入一个数值范围例如：start＝3，end＝96和坐标点的个数5，返回一个结果[min,max,step][0,100,20]。

分解上述结果，得到所有的坐标点为[0,20,40,60,80,100]，如图2所示。

发明人在实现本申请过程中，发现方法二存在如下问题：

该方法仅能取固定的友好值[2,5,10]，生成的友好值都是2,5,10的倍数；该方法生成了6个坐标点，不符合要求，极端情况下，还可能会生成9个坐标点，这在很多场景是没法接受的(例如移动端下，8个坐标点将会使得文本非常拥挤)。

发明内容

本申请提供一种图形绘制方法，包括：

获取待绘制图形的数据集合值范围及对应的坐标点个数；

根据所述数据集合值范围选取多个对人友好的数值，生成一数组；

根据所述数据集合值范围及对应的坐标点个数计算所述坐标点的平均间隔对应的科学计数法的尾数；

根据所述数组及所述尾数计算所述坐标点的待绘制坐标间隔；

根据所述数据集合值范围的中间值及所述待绘制坐标间隔生成所述待绘制图形的坐标点，进行图形绘制。

本申请提供一种图形绘制装置，包括：

信息获取单元，用于获取待绘制图形的数据集合值范围及对应的坐标点个数；