CN106293436A - 图表绘制方法 - Google Patents
图表绘制方法 Download PDFInfo
- Publication number
- CN106293436A CN106293436A CN201510300676.7A CN201510300676A CN106293436A CN 106293436 A CN106293436 A CN 106293436A CN 201510300676 A CN201510300676 A CN 201510300676A CN 106293436 A CN106293436 A CN 106293436A
- Authority
- CN
- China
- Prior art keywords
- chart
- freehandhand
- drawing track
- length
- track
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000009434 installation Methods 0.000 claims description 12
- 238000013507 mapping Methods 0.000 claims description 8
- 230000008859 change Effects 0.000 claims description 6
- 239000003973 paint Substances 0.000 claims 2
- 238000010422 painting Methods 0.000 claims 1
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 claims 1
- 238000010586 diagram Methods 0.000 description 40
- 238000004590 computer program Methods 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000012905 input function Methods 0.000 description 3
- 230000011218 segmentation Effects 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 238000013316 zoning Methods 0.000 description 3
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000009471 action Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 238000004321 preservation Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000000638 solvent extraction Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/203—Drawing of straight lines or curves
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2200/00—Indexing scheme for image data processing or generation, in general
- G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种图表绘制方法,适用于电子装置。图表绘制方法包括:接收绘图指令,且根据绘图指令致能绘图操作。接收第一手绘轨迹,并辨识第一手绘轨迹是否符合预设图表类型。在第一手绘轨迹符合预设图表类型时,显示预设图表类型对应的图表且清除第一手绘轨迹。并且,接收第二手绘轨迹,而根据第二手绘轨迹将图表划分为多个区域。据此,使用者可以直觉且方便的进行图表绘制。
Description
技术领域
本发明是有关于一种图表绘制方法,且特别是有关于一种在电子装置中利用手绘进行的图表绘制方法。
背景技术
随着科技进步,电子数据已逐渐取代纸本数据。电子数据具有容易保存与便利携带的特性,在搜寻上亦比纸本数据方便。使用者只要携带具备电子笔记本功能的电子装置(例如平板计算机),即可利用其来记录重要笔记,而不需使用传统笔记本。然而,利用电子笔记本进行图表的绘制时,以手绘方式记录的内容却是以图档形式储存,因而造成使用者对于纪录内容的编辑与修改上产生不方便。因此,如何改善电子笔记本在图表上的绘制方式为目前课题之一。
发明内容
本发明提供一种图表绘制方法,使用者可以在电子装置中利用手绘方式绘制各式图表,所绘制的图表可以被转换为数字化的内容,以提供使用者对所绘制的图表进行编辑与修改。
本发明的图表绘制方法适用于电子装置。图表绘制方法包括:接收绘图指令,且根据绘图指令致能绘图操作。接收第一手绘轨迹,并辨识第一手绘轨迹是否符合预设图表类型。在第一手绘轨迹符合预设图表类型时,显示预设图表类型对应的图表且清除第一手绘轨迹。以及接收第二手绘轨迹,并根据第二手绘轨迹将图表划分为多个区域。
在本发明的一实施例中,上述的图表绘制方法更包括:计算各区域在图表中的所占比例,并显示所占比例对应的文字信息于相应的区域中。
在本发明的一实施例中,上述的图表绘制方法更包括:依据调整指令,更改图表中的多个区域各自的所占比例,并重新显示图表。
在本发明的一实施例中,在辨识第一手绘轨迹是否符合预设图表类型的步骤之后,更包括在第一手绘轨迹未有对应的预设图表类型存在时,显示图表选单,其中图表选单包括一或多个图表选项;接收使用者选择而在上述图表选项中择一;以及根据被选择的上述图表选项,显示图表且清除第一手绘轨迹。
在本发明的一实施例中,上述图表的尺寸依据第一手绘轨迹而决定。
在本发明的一实施例中,上述第一手绘轨迹对应的预设图表类型为圆形,其对应的图表为圆饼图。而在显示预设图表类型对应的图表的步骤更包括:计算第一手绘轨迹的最大弦长度,且以第一手绘轨迹的中心点做为圆心,并以最大弦长度的一半做为半径来绘制图表。
在本发明的一实施例中,在根据第二手绘轨迹将图表划分为多个区域的步骤之后,更包括:接收手写数值,并辨识手写数值为数字化文字;以及依据数字化文字,调整各区域的大小。
在本发明的一实施例中,在根据第二手绘轨迹将图表划分为多个区域的步骤中更包括:当第二手绘轨迹位于图表内,且第二手绘轨迹为线段时,判断线段的前后两点的距离是否大于半径;若线段的前后两点的距离大于半径,根据第二手绘轨迹所在的位置在图表中显示直线,而以直线对图表进行划分,并清除第二手绘轨迹。若线段的前后两点的距离未大于半径,直接清除第二手绘轨迹。
在本发明的一实施例中,上述第一手绘轨迹对应的预设图表类型为矩形,其对应的图表为表格。而在显示预设图表类型对应的图表的步骤中,更包括:计算第一手绘轨迹的水平边的长度以及垂直边的长度,以及依据水平边的长度以及垂直边的长度绘制图表。在此,水平边相交于垂直边。
在本发明的一实施例中,在根据第二手绘轨迹将图表划分为多个区域的步骤更包括:当第二手绘轨迹位于图表内时,且第二手绘轨迹为水平线段时,判断水平线段的长度是否大于图表的水平边的长度的一半。若水平线段的长度大于图表的水平边的长度的一半,根据第二手绘轨迹所在的位置在图表中显示水平网格线,以对图表进行划分,并清除第二手绘轨迹。若水平线段的长度未大于图表的水平边的长度的一半,直接清除第二手绘轨迹。当第二手绘轨迹位于图表内时,且第二手绘轨迹为垂直线段时,判断垂直线段的长度是否大于图表的垂直边的长度的一半;若垂直线段的长度大于图表的垂直边的长度的一半,根据第二手绘轨迹所在的位置在图表中显示垂直网格线,以对图表进行划分,并清除第二手绘轨迹。若垂直线段的长度未大于图表的垂直边的长度的一半,直接清除第二手绘轨迹。
在本发明的一实施例中,上述第一手绘轨迹对应的预设图表类型为三角形,其对应的图表为金字塔图表。而在显示预设图表类型对应的图表的步骤中更包括:计算第一手绘轨迹的底部边长,且计算第一手绘轨迹中相对于底部边长的顶点,以底部边长与顶点绘制图表。
基于上述,本发明的图表绘制方法通过接收使用者的绘图指令,针对使用者的手绘轨迹进行辨识,将手绘轨迹与预设图表类型比对,进而绘制成数字化的图表,以提供使用者直觉且方便的图表绘制方法。
为让本发明的上述特征和优点能更明显易懂,下文特举实施例,并配合所附图式作详细说明如下。
附图说明
图1是依照本发明一实施例所绘示的电子装置的方块图;
图2是依照本发明一实施例所绘示的图表绘制方法的流程图;
图3是依照本发明一实施例所绘示的电子笔记界面的示意图;
图4A-图4C是依照本发明一实施例所绘示的手绘轨迹的示意图;
图5A-图5D是依照本发明一实施例所绘示的图表绘制方法的示意图;
图6A及图6B是依照本发明一实施例所绘示的图表绘制方法的示意图;
图7A及图7B是依照本发明一实施例所绘示的图表绘制方法的示意图;
图8是依照本发明一实施例所绘示的圆饼图绘制方法的示意图;
图9A及图9B是依照本发明一实施例所绘示的圆饼图绘制方法的示意图;
图10A及图10B是依照本发明一实施例所绘示的圆饼图绘制方法的示意图;
图11是依照本发明一实施例所绘示的表格绘制方法的示意图;
图12A及图12B是依照本发明一实施例所绘示的表格绘制方法的示意图;
图12C及图12D是依照本发明一实施例所绘示的表格绘制方法的示意图;
图13是依照本发明一实施例的金字塔图绘制方法的示意图。
符号说明
100:电子装置 110:处理单元
120:显示单元 130:触控单元
140:储存单元 300:电子笔记界面
310:编辑区 320:工具列
322、324:图示 350:使用者
410、420、430、510、530、640、810、940、1010、1110、1210、1220、1310:手绘轨迹
520、620、720、820、1100、1300:图表
522、524、526、622、624、722、724、922、924:区域
632、634、732、734、932、934:文字信息
740、1030:交会点 830:弦
1020:线段 1120、1130、1320:边
1230、1240:网格线 1330:顶点
L:长度 S205-S220:图表绘制方法各步骤
具体实施方式
图1是依照本发明一实施例所绘示的电子装置的方块图。请参照图1,电子装置100例如为手机、平板计算机、笔记型计算机或桌上型计算机等消费性的电子产品。电子装置100至少包括了处理单元110、显示单元120、触控单元130以及储存单元140。
处理单元110耦接至显示单元120、触控单元130及储存单元140。处理单元110例如为中央处理单元(Central Processing Unit,CPU)、可程序化的微处理器(Microprocessor)、嵌入式控制芯片等。
显示单元120例如为阴极射线管(Cathode Ray Tube,CRT)显示器、液晶显示器(Liquid Crystal Display,LCD)、电浆显示器(Plasma Display)等等。
触控单元130可以包含触控板、触控按钮及/或触控滚轮等,并可以电阻式(resistive)、电容式(capacitive)、光学式(optical)、声波式(acoustic wave)或电磁式(electromagnetic)等各类型的触控感测技术来加以实施,在此并不限制触控单元130的种类。例如,使用者可以通过手指、触控笔或各类型的输入工具在触控单元130上点击或滑动,来产生输入信号。
此外,显示单元120以及触控单元130也可以整合为触控屏幕(Touch Screen)。触控屏幕例如为电容式屏幕、电阻式屏幕、波动式屏幕等具有触控操作功能的屏幕或是与其它组件结合之后具有触控操作功能的屏幕。
储存单元140例如是任意型式的固定式或可移动式随机存取内存(Random Access Memory,RAM)、只读存储器(Read-Only Memory,ROM)、闪存(Flash memory)、硬盘或其它类似装置或这些装置的组合。在此,储存单元140中储存一计算机程序产品。此计算机程序产品基本上是由多个程序代码片段所组成的(例如建立组织图程序代码片段、签核窗体程序代码片段、设定程序代码片段、以及部署程序代码片段),并且这些程序代码片段在加载如电子装置100中并执行之后,即可由处理单元110来执行下述图表绘制方法。
图2是依照本发明一实施例所绘示的图表绘制方法的流程图。在本实施例中,当使用者启动电子装置100中用以进行电子笔记的计算机程序产品时,处理单元110会基于使用者的操作指令而开始执行下述流程。
请参照图2,在步骤S205中,处理单元110接收绘图指令,且根据绘图指令致能绘图操作。具体来说,绘图指令例如是使用者点选电子笔记界面中的图标或者选项而产生。此外,绘图指令也可以是依据使用者的特定手势来产生。处理单元110可以根据此绘图指令致能绘图操作。
举例来说,图3是依照本发明一实施例所绘示的电子笔记界面的示意图。请参考图3,本实施例是应用在具有触控屏幕的电子装置中,并且在电子装置100中安装有电子笔记界面300。电子笔记界面300的显示画面包括编辑区310以及工具列320。工具列320中列示了电子笔记界面300所提供的各种功能模式的代表图标,例如手写输入功能模式的代表图标322以及图表绘制功能模式的代表图标324。在本实施例中,使用者350可以点选工具列320中代表手写输入功能模式的图标322来致能手写输入功能,并在编辑区310中进行手写文字输入。当使用者350欲在编辑区310中插入图表对象时,使用者可以点选工具列320中代表图表绘制功能模式的图标324来产生绘图指令。处理单元110在接收到绘图指令之后,可以根据绘图指令致能绘图操作,让使用者350在电子笔记界面300的编辑区310中插入图表对象,并对图表进行编修。当使用者350对图表编修完毕后,可以再次点选工具列320中代表图表绘制功能模式的图标324来关闭图表绘制功能模式。此外,绘图操作可以不在额外的窗口进行,使用者可以在编辑区310中见到正在编修中的图表以及已输入的文字信息。完成编修的图表以及电子笔记文件可以被储存至储存单元140中。
回到图2,在步骤S210中,绘图操作被致能之后,处理单元110可以接收使用者的手绘轨迹(第一手绘轨迹),并辨识第一手绘轨迹是否符合预设 图表类型。具体来说,使用者的手绘轨迹可以是一笔画的连续轨迹,且手绘轨迹的起点与终点不需要相同。手绘轨迹可以是一个接近封闭的图形,但可以不是完全封闭。处理单元110还可以辨识第一手绘轨迹是否符合预设图表类型。预设图表类型例如是圆形、三角形以及矩形,其各自对应的图表为圆饼图、金字塔图以及表格。
在步骤S215中,处理单元110在第一手绘轨迹符合预设图表类型时,在显示单元120中显示预设图表类型对应的图表且清除第一手绘轨迹。例如,在处理单元110辨识第一手绘轨迹符合圆形时,在显示单元120中显示预设图表类型对应的圆饼图外框且清除第一手绘轨迹。又例如,在处理单元110辨识第一手绘轨迹符合矩形时,在显示单元120中显示预设图表类型对应的表格外框且清除第一手绘轨迹。再例如,在处理单元110辨识第一手绘轨迹符合三角形时,在显示单元120中显示预设图表类型对应的金字塔图外框且清除第一手绘轨迹。
具体来说,处理单元110依据使用者的手绘轨迹,可以判断使用者想要绘制的图表类型。例如绘制圆饼图时,会先画一个圆形的外框。例如绘制表格时,会先画一个矩形的外框。再例如绘制金字塔图时,会先画一个三角形的外框。所以,处理单元110接收使用者的第一手绘轨迹之后,会与预设图表类型进行比较,辨识出第一手绘轨迹近似的预设图表类型。
图4A-图4C是依照本发明一实施例所绘示的手绘轨迹的示意图。图4A为使用者以手绘轨迹410绘制的圆形,处理单元110可以辨识出与图4A中的手绘轨迹410近似的预设图表类型为圆形,对应的图表为圆饼图。图4B为使用者以手绘轨迹420绘制的矩形,处理单元110可以辨识出与图4B中的手绘轨迹420近似的预设图表类型为矩形,对应的图表为表格。图4C为使用者以手绘轨迹430绘制的三角形,处理单元110可以辨识出与图4C中的手绘轨迹430近似的预设图表类型为三角形,对应的图表为金字塔图。
最后,处理单元110在第一手绘轨迹符合预设图表类型时,在显示单元120中显示预设图表类型对应的图表且清除第一手绘轨迹。
另外,在第一手绘轨迹未有对应的预设图表类型存在时,在显示单元120中显示图表选单,以供使用者在图表选项中选择其中一图表选项。此图表选单包括一或多个图表选项,例如图表选单中包括圆饼图、金字塔图、表格、 长条图等的图表选项,在此不限制图表选项的内容。使用者在上述图表选项中择一,而处理单元110接收到使用者所选择的图表选项之后,根据被选择的上述图表选项,在显示单元120中显示对应的图表并清除第一手绘轨迹。
回到图2,在步骤S220中,处理单元110接收第二手绘轨迹,并根据第二手绘轨迹将图表划分为多个区域。具体来说,第二手绘轨迹可以包含多条线段,这些线段可以将图表划分为多个区域。以下举实施例来进行说明。
图5A-图5D是依照本发明一实施例所绘示的图表绘制方法的示意图。在本实施例中,使用者所要绘制的图表为圆饼图。请参考图5A,首先,在电子笔记界面300的绘图操作被致能之后,使用者可以开始绘制图表,并产生手绘轨迹(第一手绘轨迹)510。接着,处理单元110接收使用者的手绘轨迹510,并辨识手绘轨迹510符合预设图表类型的圆形,则其对应的图表为圆饼图。
请参考图5B,处理单元110在辨识出手绘轨迹510符合预设图表类型的圆形后,在显示单元120中显示手绘轨迹510符合的预设图表类型所对应的图表520,在显示单元120中显示圆饼图的外框,且清除手绘轨迹510。
请参考图5C,使用者在圆饼图的内部绘制线段,即手绘轨迹(第二手绘轨迹)530。手绘轨迹530包含一条或多条的线段,以将图表520划分为多个区域。
请参考图5D,处理单元110接收手绘轨迹530,并根据手绘轨迹530在图表520中绘制数字化的线段,以将图表520划分为区域522、区域524、以及区域526,且清除手绘轨迹530。需说明的是,处理单元110可以将使用者连续不中断的手绘轨迹视为一次的手绘轨迹。处理单元110可以将每一次的手绘轨迹立即转换为数字化的图形且清除手绘轨迹,让使用者可以直觉地进行图表绘制。
另外,处理单元110可以计算各区域在图表中的所占比例,并且在显示单元120中显示各区域在图表中的所占比例对应的文字信息于相应的区域中。如图5D所示,处理单元110可以自动计算区域524在图表520中的所占比例为18%,在显示单元120中显示文字信息「18%」于区域524中。以此类推图表520中的其它区域。
此外,处理单元110可以依据调整指令,更改图表中的多个区域各自的所占比例,并且在显示单元120中重新显示图表。具体来说,使用者可以通 过在特定区域中点击此区域中的文字信息,使文字信息呈现被选取状态而触发调整指令。接着,使用者以手绘轨迹写下一组数字用以代表此区域新的所占比例。处理单元110接收此手绘轨迹作为调整指令,并且处理单元110可以辨识并转换手绘轨迹为数字化的文字。处理单元110可以依照手绘轨迹辨识出的文字来计算图表中各区域的所占比例,而在显示单元120中重新显示图表。以下举实施例说明。
图6A及图6B是依照本发明一实施例所绘示的图表绘制方法的示意图。请参照图6A,圆饼图的图表620被划分为区域622以及区域624,并且在区域622中显示所占比例「62.5%」的文字信息632,以及在区域624中显示所占比例「37.5%」的文字信息634。首先,使用者点击区域624显示的文字信息634来触发调整指令。处理单元110接收到文字信息634被点击的信号,得知调整指令已被触发,即选取文字信息634(例如反白文字信息634)以指示文字信息634的被选取状态。接着,使用者可以在区域624中,例如靠近圆周处,手写下文字「25」产生手绘轨迹640来代表区域624新的所占比例。处理单元110在接收使用者的手绘轨迹640后,辨识并转换手绘轨迹640为数字化的文字。接着,处理单元110根据由手绘轨迹640所辨识出的文字来计算图表620中各区域的所占比例,而在显示单元120中重新显示图表620,如图6B所示。图6B的图表620重新显示后,区域622调整为所占比例75%并且以文字信息632显示其比例,区域624调整为所占比例25%并且文字信息634显示其比例。
在另一实施例中,使用者可以通过点击图表外框与分割线段的交会点而触发调整指令,并且在图表外框上拖曳此交会点作为调整指令,指示相邻区域的所占比例的更动。处理单元110接收此调整指令后,可以计算调整后图表中各区域的所占比例,并且在显示单元120中重新显示图表。以下举实施例说明。
图7A及图7B是依照本发明一实施例所绘示的图表绘制方法的示意图。请参照图7A,圆饼图的图表720被划分为区域722以及区域724,并且在区域722中显示「62.5%」的文字信息732以及在区域724中显示「37.5%」的文字信息734代表各自区域的所占比例。首先,使用者可以点击图表720的外框与区域分割线段的交会点(例如交会点740)来触发调整指令。处理单元 110接收交会点740被点击的信号,得知调整指令已被触发,在显示单元120中变更交会点740的显示状态以指示使用者调整指令已被触发。例如,以高亮度的色彩显示交会点740,或是以高亮度的色彩显示交会点740所在的分割线段。接着,使用者可以在图表720的外框上拖曳交会点740来调整相邻的区域722以及区域724的所占比例。例如,沿着图表720的圆周来拖曳交会点740。此外,调整信号可以是在使用者完成拖曳动作,将手指或触控笔脱离触控单元130之后而产生。处理单元110可以根据使用者拖曳交会点740所产生的调整信号来计算调整后图表720中区域722以及区域724的所占比例,并且在显示单元120中重新显示图表720,如图7B所示。图7B的图表720重新显示后,区域722调整后为所占比例75%并且以文字信息732显示其比例,区域724调整后为所占比例25%并且以文字信息734显示其比例。
另外,图表的尺寸可以依据第一手绘轨迹而决定。具体来说,若使用者是以手绘轨迹绘制长度为100画素与宽度为100画素的图形,在辨识手绘轨迹之后,处理单元110所产生的数字化图形也可以维持长度在100画素以及宽度在100画素,维持原始手绘轨迹的尺寸。
以下另举多个实施例说明各种图表的详细绘制方法。
图8是依照本发明一实施例所绘示的圆饼图绘制方法的示意图。请参照图8,在本实施例中,触控单元130接收到使用者的手绘轨迹(第一手绘轨迹)810之后,处理单元110可以辨识手绘轨迹810对应的预设图表类型为圆形,并且对应的图表为圆饼图。接着处理单元110可以计算手绘轨迹810的最大弦830的长度L,且以手绘轨迹810的中心点840做为圆心,并以最大弦830的长度L的一半做为半径来绘制图表820。
在前述的实施例中已详述图表划分区域的方式,在此不再赘述。然而,使用者还可以通过手写数值来将圆饼图划分为多个区域。
图9A及图9B是依照本发明一实施例所绘示的圆饼图绘制方法的示意图。请参照图9A,处理单元110可以接收使用者在圆饼图的图表820上的手写数值(手绘轨迹)940,并辨识此手写数值(手绘轨迹)940为数字化文字「25」。如图9B所示,处理单元110依据数字化文字「25」,将图表820划分为所占比例75%的区域922以及所占比例25%区域924。在图9B中,在显示单元120中重新显示图表820,并依据手写数值(手绘轨迹)940的位置来划分出区域 924以及显示其所占比例「25%」的文字信息934,同时划分出显示区域922以及显示其所占比例「75%」的文字信息932,并且根据所占比例来调整区域922、924的大小。
在另一实施例中,使用者可以手绘线段的方式来划分区域。图10A及图10B是依照本发明一实施例所绘示的圆饼图绘制方法的示意图。请参照图10A,使用者在圆饼图的图表820上绘制手绘轨迹(第二手绘轨迹)1010。请参照图10B,处理单元110会自动将手绘轨迹1010的两端点吸附并重新定位至圆心840以及图表820的圆周上。手绘轨迹1010与图表820的圆周交界在交会点1030。在图10B中,以虚线绘制手绘轨迹1010是为了区别手绘轨迹1010与半径线段1020,而不是以虚线来显示手绘轨迹1010。之后,处理单元110根据圆心840以及交会点1030显示图表820的半径线段1020,以半径线段1020取代手绘轨迹1010而不再显示手绘轨迹1010。
在又一实施例中,当处理单元110辨识出手绘轨迹1010位于图表820内,且手绘轨迹1010为线段时,处理单元110可以判断线段的前后两端点的距离是否大于图表820的半径长度。若线段的前后两点的距离大于图表820的半径长度,在显示单元120中根据手绘轨迹1010所在的位置在图表中显示一条直线做为图表820的半径,而以此直线对图表进行划分,并清除手绘轨迹1010。若线段的前后两端点的距离未大于半径,处理单元110会直接忽略(取消)手绘轨迹1010而不会进行下一步动作。
另外,处理单元110若判定线段的前后两点的距离大于图表820的半径长度,可根据手绘轨迹1010所在的位置在图表中显示一条直线做为图表820的直径,而以此直线对图表进行划分,并清除手绘轨迹1010。若线段的前后两端点的距离未大于半径,则在显示单元120中可以根据手绘轨迹1010所在的位置在图表中显示一条直线做为图表820的半径,以此直线对图表进行划分,并且清除手绘轨迹1010。
图11是依照本发明一实施例所绘示的表格绘制方法的示意图。请参照图11,在本实施例中,触控单元130接收到使用者的手绘轨迹(第一手绘轨迹)1110之后,处理单元110经由辨识而判定手绘轨迹1110对应的预设图表类型为矩形,并且对应的图表为表格。接着,处理单元110可以计算手绘轨迹1110的水平边1120的长度以及垂直边1130的长度,并且水平边1120相交于垂直 边1130。处理单元110依据水平边1120的长度以及垂直边1130的长度来绘制图表1100。
图12A及图12B是依照本发明一实施例所绘示的表格绘制方法的示意图。使用者划分表格区域的方式将详如下述。
请参照图12A,当处理单元110判定手绘轨迹(第二手绘轨迹)1210位于图表1100内时,且手绘轨迹1210为大致与水平方向平行的水平线段时,处理单元110会判断水平线段的长度(例如为手绘轨迹1210两端点之间的距离)是否大于图表1100的水平边的长度的一半。若水平线段的长度大于图表1100的水平边的长度的一半,如图12B所示,在显示单元120中可以根据手绘轨迹1210所在的位置在图表1100中显示水平网格线1230,以对图表1100进行划分,并清除手绘轨迹1210。若水平线段(手绘轨迹1210)的长度未大于图表1100的水平边的长度的一半,直接清除手绘轨迹1210。
此外,请参照图12C,当处理单元110判定手绘轨迹(第二手绘轨迹)1220位于图表1100内时,且手绘轨迹1220为大致与垂直方向平行的垂直线段时,处理单元110可以判断垂直线段的(例如为手绘轨迹1220两端点之间的距离)长度是否大于图表1100的垂直边的长度的一半。若垂直线段的长度大于图表的垂直边的长度的一半,如图12D所示,在显示单元120中可以根据手绘轨迹1220所在的位置在图表1100中显示垂直网格线1240,以对图表1100进行划分,并清除手绘轨迹1220。若垂直线段(手绘轨迹1220)的长度未大于图表1100的垂直边的长度的一半,直接清除手绘轨迹1220。
重复通过上述方法,可将表格1100划分为多个字段。在表格绘制完成之后,使用者还可以点选空白字段,以手写输入对所点选的字段进行编辑。处理单元110会辨识并转换手写输入的内容为数字化的内容,在显示单元120中再将转换后的数字化内容显示于所点选的字段中。
图13是依照本发明一实施例的金字塔图绘制方法的示意图。请参照图13,在本实施例中,触控单元130接收到使用者的手绘轨迹(第一手绘轨迹)1310之后,处理单元110可以辨识手绘轨迹1310对应的预设图表类型为三角形,并且对应的图表为金字塔图表。接着处理单元110可以计算手绘轨迹1310的底部边长,且计算手绘轨迹1310中相对于底部边长的顶点,以底部边长与顶点绘制金字塔图的图表1300。具体来说,处理单元110可以手绘轨迹1310底 部的边1320的长度X,以及相对于边1320的顶点1330来绘制金字塔图的图表1300。而金字塔图的区域划分方式,相似于前述各实施例,此处不再赘述。
综上所述,本发明的图表绘制方法通过接收使用者的绘图指令,针对使用者的手绘轨迹进行辨识,将手绘轨迹与预设图表类型比对,绘制成数字化的图表。此外,根据图表类型提供对应的区域划分方法,以提供使用者直觉且方便的图表绘制方法。
虽然本发明已以实施例公开如上,然其并非用以限定本发明,任何所属技术领域中具有通常知识者,在不脱离本发明的精神和范围内,当可作些许的更动与润饰,故本发明的保护范围当视权利要求所界定者为准。
Claims (11)
1.一种图表绘制方法,适用于一电子装置,其特征在于,包括:
接收一绘图指令,且根据该绘图指令致能一绘图操作;
接收一第一手绘轨迹,并辨识该第一手绘轨迹是否符合一预设图表类型;
在该第一手绘轨迹符合该预设图表类型时,显示该预设图表类型对应的一图表且清除该第一手绘轨迹;以及
接收一第二手绘轨迹,并根据该第二手绘轨迹将该图表划分为多个区域。
2.如权利要求1所述的图表绘制方法,其特征在于,更包括:
计算每一该些区域在该图表中的一所占比例,并显示该所占比例对应的一文字信息于相应的该些区域中。
3.如权利要求1所述的图表绘制方法,其特征在于,更包括:
依据一调整指令,更改该图表中的该些区域各自的所占比例,并重新显示该图表。
4.如权利要求1所述的图表绘制方法,其特征在于,其中辨识该第一手绘轨迹是否符合该预设图表类型的步骤之后,更包括:
在该第一手绘轨迹未有对应的该预设图表类型存在时,显示一图表选单,其中该图表选单包括一或多个图表选项;
接收一使用者选择而在上述图表选项中择一;以及
根据被选择的上述图表选项,显示该图表且清除该第一手绘轨迹。
5.如权利要求1所述的图表绘制方法,其特征在于,其中该图表的尺寸依据该第一手绘轨迹而决定。
6.如权利要求1所述的图表绘制方法,其特征在于,其中该第一手绘轨迹对应的该预设图表类型为一圆形,其对应的该图表为一圆饼图,其中显示该预设图表类型对应的该图表的步骤更包括:
计算该第一手绘轨迹的一最大弦长度,且以该第一手绘轨迹的一中心点做为圆心,并以该最大弦长度的一半做为半径来绘制该图表。
7.如权利要求6所述的图表绘制方法,其特征在于,其中在根据该第二手绘轨迹将该图表划分为该些区域的步骤之后,更包括:
接收一手写数值,并辨识该手写数值为一数字化文字;以及
依据该数字化文字,调整该些区域的大小。
8.如权利要求6所述的图表绘制方法,其特征在于,其中根据该第二手绘轨迹将该图表划分为该些区域的步骤,更包括:
当该第二手绘轨迹位于该图表内,且该第二手绘轨迹为一线段时,判断该线段的前后两点的距离是否大于该半径;
若该线段的前后两点的距离大于该半径,根据该第二手绘轨迹所在的位置在该图表中显示一直线,而以该直线对该图表进行划分,并清除该第二手绘轨迹;
若该线段的前后两点的距离未大于该半径,直接清除该第二手绘轨迹。
9.如权利要求1所述的图表绘制方法,其特征在于,其中该第一手绘轨迹对应的该预设图表类型为一矩形,其对应的该图表为一表格,其中显示该预设图表类型对应的该图表的步骤,更包括:
计算该第一手绘轨迹的一水平边的长度以及一垂直边的长度,其中该水平边相交于该垂直边;以及
依据该水平边的长度以及该垂直边的长度绘制该图表。
10.如权利要求9所述的图表绘制方法,其特征在于,其中根据该第二手绘轨迹将该图表划分为该些区域的步骤,更包括:
当该第二手绘轨迹位于该图表内时,且该第二手绘轨迹为一水平线段时,判断该水平线段的长度是否大于该图表的该水平边的长度的一半;
若该水平线段的长度大于该图表的该水平边的长度的一半,根据该第二手绘轨迹所在的位置在该图表中显示一水平网格线,以对该图表进行划分,并清除该第二手绘轨迹;
若该水平线段的长度未大于该图表的该水平边的长度的一半,直接清除该第二手绘轨迹;
当该第二手绘轨迹位于该图表内时,且该第二手绘轨迹为一垂直线段时,判断该垂直线段的长度是否大于该图表的该垂直边的长度的一半;
若该垂直线段的长度大于该图表的该垂直边的长度的一半,根据该第二手绘轨迹所在的位置在该图表中显示一垂直网格线,以对该图表进行划分,并清除该第二手绘轨迹;
若该垂直线段的长度未大于该图表的该垂直边的长度的一半,直接清除该第二手绘轨迹。
11.如权利要求1所述的图表绘制方法,其特征在于,其中该第一手绘轨迹对应的该预设图表类型为一三角形,其对应的该图表为一金字塔图表,其中显示该预设图表类型对应的该图表的步骤更包括:
计算该第一手绘轨迹的一底部边长,且计算该第一手绘轨迹中相对于该底部边长的一顶点,以该底部边长与该顶点绘制该图表。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
TW104117005 | 2015-05-27 | ||
TW104117005A TWI550519B (zh) | 2015-05-27 | 2015-05-27 | 圖表繪製方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106293436A true CN106293436A (zh) | 2017-01-04 |
Family
ID=57398888
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510300676.7A Pending CN106293436A (zh) | 2015-05-27 | 2015-06-04 | 图表绘制方法 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20160350951A1 (zh) |
CN (1) | CN106293436A (zh) |
TW (1) | TWI550519B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109325557A (zh) * | 2018-09-10 | 2019-02-12 | 四川正狐智慧科技有限公司 | 基于计算机视觉图像识别的数据智能采集方法 |
CN109656652A (zh) * | 2018-11-21 | 2019-04-19 | 平安科技(深圳)有限公司 | 网页图表绘制方法、装置、计算机设备和存储介质 |
WO2019140987A1 (zh) * | 2018-01-19 | 2019-07-25 | 广州视源电子科技股份有限公司 | 表格控制方法、装置、设备及存储介质 |
CN110956674A (zh) * | 2019-10-23 | 2020-04-03 | 广州视源电子科技股份有限公司 | 图形调整方法、装置、设备及存储介质 |
CN111310424A (zh) * | 2020-01-16 | 2020-06-19 | 海信视像科技股份有限公司 | 表格生成方法及显示设备 |
WO2023000613A1 (zh) * | 2021-07-20 | 2023-01-26 | 京东方科技集团股份有限公司 | 一种显示装置及其图表显示的方法 |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
TWI632486B (zh) * | 2016-12-29 | 2018-08-11 | 林伯剛 | 視覺形變偵測記錄方法 |
PT110892A (pt) * | 2018-07-31 | 2020-01-31 | Nuno Carneiro Pinto Henrique | Sistema e método digital de avaliação de categorias. |
JP2023127997A (ja) * | 2022-03-02 | 2023-09-14 | 株式会社日立製作所 | 作業記録抽出装置、作業記録抽出システム |
CN114935997B (zh) * | 2022-04-24 | 2023-11-07 | 阿里巴巴(中国)有限公司 | 图表交互方法及电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090278848A1 (en) * | 2008-05-12 | 2009-11-12 | Microsoft Corporation | Drawing familiar graphs while system determines suitable form |
US20130188877A1 (en) * | 2012-01-24 | 2013-07-25 | Microsoft Corporation | Sketch beautification and completion of partial structured-drawings |
CN103914504A (zh) * | 2012-12-28 | 2014-07-09 | 富士通株式会社 | 信息处理装置和用于生成图表的方法 |
CN104598436A (zh) * | 2013-10-31 | 2015-05-06 | 北京东方艾迪普科技发展有限公司 | 一种三维图表的动态生成方法及装置 |
Family Cites Families (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5619631A (en) * | 1995-06-07 | 1997-04-08 | Binaryblitz | Method and apparatus for data alteration by manipulation of representational graphs |
US7002559B2 (en) * | 2000-11-13 | 2006-02-21 | Anoto Ab | Method, system and product for information management |
US7503015B2 (en) * | 2004-09-21 | 2009-03-10 | Microsoft Corporation | System and method for editing ink objects |
US7487442B2 (en) * | 2004-12-20 | 2009-02-03 | Microsoft Corporation | Method, system, and computer-readable medium for the layout of automatically-placed elements and user-placed elements in a chart |
WO2006090406A1 (en) * | 2005-02-23 | 2006-08-31 | Hewlett-Packard Development Company, L.P. | System, method, and apparatus for automatic segmentation and analysis of ink stream |
TW200723113A (en) * | 2005-12-01 | 2007-06-16 | Ind Tech Res Inst | Trajectory recognition method |
TWI349888B (en) * | 2008-02-15 | 2011-10-01 | Avermedia Information Inc | Computer graphic method and modular thereof |
CN101593270B (zh) * | 2008-05-29 | 2012-01-25 | 汉王科技股份有限公司 | 一种手绘形状识别的方法及装置 |
US20110115814A1 (en) * | 2009-11-16 | 2011-05-19 | Microsoft Corporation | Gesture-controlled data visualization |
US9665259B2 (en) * | 2013-07-12 | 2017-05-30 | Microsoft Technology Licensing, Llc | Interactive digital displays |
CN103473010B (zh) * | 2013-09-02 | 2016-08-17 | 小米科技有限责任公司 | 一种辅助绘画的方法和装置 |
CN104424473A (zh) * | 2013-09-06 | 2015-03-18 | 北京三星通信技术研究有限公司 | 一种手绘草图识别和编辑的方法及装置 |
-
2015
- 2015-05-27 TW TW104117005A patent/TWI550519B/zh not_active IP Right Cessation
- 2015-06-04 CN CN201510300676.7A patent/CN106293436A/zh active Pending
- 2015-12-31 US US14/985,464 patent/US20160350951A1/en not_active Abandoned
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090278848A1 (en) * | 2008-05-12 | 2009-11-12 | Microsoft Corporation | Drawing familiar graphs while system determines suitable form |
US20130188877A1 (en) * | 2012-01-24 | 2013-07-25 | Microsoft Corporation | Sketch beautification and completion of partial structured-drawings |
CN103914504A (zh) * | 2012-12-28 | 2014-07-09 | 富士通株式会社 | 信息处理装置和用于生成图表的方法 |
CN104598436A (zh) * | 2013-10-31 | 2015-05-06 | 北京东方艾迪普科技发展有限公司 | 一种三维图表的动态生成方法及装置 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2019140987A1 (zh) * | 2018-01-19 | 2019-07-25 | 广州视源电子科技股份有限公司 | 表格控制方法、装置、设备及存储介质 |
CN109325557A (zh) * | 2018-09-10 | 2019-02-12 | 四川正狐智慧科技有限公司 | 基于计算机视觉图像识别的数据智能采集方法 |
CN109656652A (zh) * | 2018-11-21 | 2019-04-19 | 平安科技(深圳)有限公司 | 网页图表绘制方法、装置、计算机设备和存储介质 |
CN109656652B (zh) * | 2018-11-21 | 2023-10-20 | 平安科技(深圳)有限公司 | 网页图表绘制方法、装置、计算机设备和存储介质 |
CN110956674A (zh) * | 2019-10-23 | 2020-04-03 | 广州视源电子科技股份有限公司 | 图形调整方法、装置、设备及存储介质 |
CN110956674B (zh) * | 2019-10-23 | 2022-01-21 | 广州视源电子科技股份有限公司 | 图形调整方法、装置、设备及存储介质 |
CN111310424A (zh) * | 2020-01-16 | 2020-06-19 | 海信视像科技股份有限公司 | 表格生成方法及显示设备 |
CN111310424B (zh) * | 2020-01-16 | 2023-09-22 | 海信视像科技股份有限公司 | 表格生成方法及显示设备 |
WO2023000613A1 (zh) * | 2021-07-20 | 2023-01-26 | 京东方科技集团股份有限公司 | 一种显示装置及其图表显示的方法 |
Also Published As
Publication number | Publication date |
---|---|
TW201642181A (zh) | 2016-12-01 |
US20160350951A1 (en) | 2016-12-01 |
TWI550519B (zh) | 2016-09-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106293436A (zh) | 图表绘制方法 | |
US10235040B2 (en) | Controlling application windows in an operating system | |
US9367199B2 (en) | Dynamical and smart positioning of help overlay graphics in a formation of user interface elements | |
US10095389B2 (en) | Gesture-based on-chart data filtering | |
KR101922749B1 (ko) | 동적 컨텍스트 기반 메뉴 | |
US20180032168A1 (en) | Multi-touch uses, gestures, and implementation | |
US9134880B2 (en) | System and method for summoning user interface objects | |
US9026944B2 (en) | Managing content through actions on context based menus | |
US20160342779A1 (en) | System and method for universal user interface configurations | |
US20060001656A1 (en) | Electronic ink system | |
US20110246875A1 (en) | Digital whiteboard implementation | |
US8230358B1 (en) | Defining motion in a computer system with a graphical user interface | |
US20080313538A1 (en) | Visual Feedback Display | |
US20130019175A1 (en) | Submenus for context based menu system | |
CN103324674B (zh) | 网页内容选取方法及装置 | |
US20140059455A1 (en) | System and method for efficiently selecting data entities represented in a graphical user interface | |
KR102075433B1 (ko) | 필기 입력 장치 및 그 제어 방법 | |
CN106775182A (zh) | 一种悬浮控件的处理方法和装置 | |
US20230342729A1 (en) | Method and Apparatus for Vehicle Damage Mapping | |
TW201643683A (zh) | 資料處理方法 | |
CN101833411B (zh) | 用于笔迹输入的方法和设备 | |
US20120299837A1 (en) | Identifying contacts and contact attributes in touch sensor data using spatial and temporal features | |
KR101920332B1 (ko) | 터치스크린을 포함하는 스마트 디바이스 상에서의 문자 편집 방법 및 이를 구현한 스마트 디바이스 | |
CN111008080A (zh) | 信息处理方法、装置、终端设备及存储介质 | |
US7703038B1 (en) | Methods and apparatus for creating a quick canvas |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20170104 |
|
WD01 | Invention patent application deemed withdrawn after publication |