CN113052942A - 图表生成方法、装置、存储介质及电子设备 - Google Patents

图表生成方法、装置、存储介质及电子设备 Download PDF

Info

Publication number
CN113052942A
CN113052942A CN202110351411.5A CN202110351411A CN113052942A CN 113052942 A CN113052942 A CN 113052942A CN 202110351411 A CN202110351411 A CN 202110351411A CN 113052942 A CN113052942 A CN 113052942A
Authority
CN
China
Prior art keywords
graph
chart
layer
target
data
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.)
Granted
Application number
CN202110351411.5A
Other languages
English (en)
Other versions
CN113052942B (zh
Inventor
杨文海
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN202110351411.5A priority Critical patent/CN113052942B/zh
Publication of CN113052942A publication Critical patent/CN113052942A/zh
Application granted granted Critical
Publication of CN113052942B publication Critical patent/CN113052942B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/20Drawing from basic elements, e.g. lines or circles
    • G06T11/206Drawing of charts or graphs
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/60Editing figures and text; Combining figures or text

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Image Generation (AREA)

Abstract

本公开涉及一种图表生成方法、装置、存储介质及电子设备,以实现图表生成的功能解耦,便于功能扩展。其中,图表生成方法包括:根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过图表层获取所述图表定义数据,并根据图表定义数据中每一数据的类型,生成至少一个图表对象,将至少一个图表对象转换为通过图形语法描述的图形数据;根据图形数据调用图形语法层,以通过图形语法层将图形数据转换为待渲染的绘图元素,并生成用于表征绘图元素在目标图表中位置关系的图形结构;根据图形结构调用渲染层,以通过渲染层根据图形结构进行渲染,得到目标图表。

Description

图表生成方法、装置、存储介质及电子设备
技术领域
本公开涉及计算机技术领域,具体地,涉及一种图表生成方法、装置、存储介质及电子设备。
背景技术
相关技术中的统计图表生成技术,大多如Echarts,能生成的图表类型以及可使用的特性严重依赖原始图表库的功能实现,较难进行功能扩展。并且图表生成的底层框架通常采用“图表业务”加“render”的两层模式,灵活性和扩展能力都比较弱。但是,随着互联网大数据的发展,人们对统计图表的需求更加多样化,因此需要提供更加易用、灵活、快速的图表生成方式。
发明内容
提供该发明内容部分以便以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。该发明内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
第一方面,本公开提供一种图表生成方法,所述方法包括:
根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;
根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;
根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
第二方面,本公开提供一种图表生成装置,所述装置包括:
第一调用模块,用于根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;
第二调用模块,用于根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;
第三调用模块,用于根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
第三方面,本公开提供一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现第一方面所述方法的步骤。
第四方面,本公开提供一种电子设备,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现第一方面所述方法的步骤。
通过上述技术方案,可以通过依次调用图表层、图形语法层和渲染层实现图表生成。相较于相关技术中的两层模式,将图形语法的功能进行解耦,不仅可以实现图形语法功能的复用,还可以更加灵活的实现图表生成过程中的功能扩展,从而提升图表生成对于不同场景的适用性。
本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。在附图中:
图1是根据本公开一示例性实施例示出的一种图表生成方法的流程图;
图2是根据本公开一示例性实施例示出的一种图表生成方法中目标图表的示意图;
图3是根据本公开一示例性实施例示出的一种图表生成方法中用于描述图2所示的目标图表的图表定义数据的示意图;
图4是根据本公开一示例性实施例示出的一种图表生成方法的过程示意图;
图5是根据本公开一示例性实施例示出的一种图表生成装置的框图;
图6是根据本公开一示例性实施例示出的一种电子设备的框图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。另外需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
正如背景技术所言,相关技术中的统计图表生成技术,大多如Echarts,能生成的图表类型以及可使用的特性严重依赖原始图表库的功能实现,较难进行功能扩展。并且图表生成的底层框架通常采用“图表业务”加“render”的两层模式,灵活性和扩展能力都比较弱。
具体地,按照相关技术中的方式,图表库开发成什么样子用户可使用的图表功能就是什么样子。但用户使用图表库的过程中,可能会有不满足需求的功能。对于这些不满足用户需求的功能,如果用户想要进行功能扩展则必须依赖图表库的研发方去升级更新这种功能。但是,不同的用户可能会有不同的功能使用需求,则需要在原有图表库的基础上进行多种功能扩展,从而导致图表库的功能配置变得非常复杂,且容易在功能扩展过程中出现错误。
并且,发明人研究发现相关技术中的两层模式,在通过图表业务层获取到用户配置的图表定义数据后直接传入“render”层进行图表渲染。与图表渲染相关的所有功能均通过“render”层实现,功能扩展较难实现。并且,发明人进一步研究发现,在图表生成中,图形语法的转换具有独立的处理逻辑,因此可以将图形语法的相关功能进行解耦,以提高图表生成的灵活性和功能扩展性。
综上,本公开提供一种图表生成方法,以实现图表生成的功能解耦,便于功能扩展,提升图表生成的灵活性和功能扩展性,从而提升图表生成对于不同场景的适用性。
图1是根据本公开一示例性实施例示出的一种图表生成方法的流程图。参照图1,该图表生成方法包括:
步骤101,根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过图表层获取所述图表定义数据,并根据图表定义数据中每一数据的类型,生成至少一个图表对象,将至少一个图表对象转换为通过图形语法描述的图形数据。
步骤102,根据图形数据调用图形语法层,以通过图形语法层将图形数据转换为待渲染的绘图元素,并生成用于表征绘图元素在目标图表中位置关系的图形结构。
步骤103,根据图形结构调用渲染层,以通过渲染层根据图形结构进行渲染,得到目标图表。
通过上述方式,可以通过依次调用图表层、图形语法层和渲染层实现图表生成。相较于相关技术中的两层模式,将图形语法的功能进行解耦,不仅可以实现图形语法功能的复用,还可以更加灵活的实现图表生成过程中的功能扩展,从而提升图表生成对于不同场景的适用性。
为了使得本领域技术人员更加理解本公开提供的图表生成方法,下面对上述各步骤进行详细举例说明。
示例地,用户可以通过配置图表定义语言(CDL,Chart Definition Language)来描述目标图表,如用户可以通过配置JSON结构的数据来描述目标图表,本公开实施例对此不作限定。例如,图2所示的目标图表,用户可以配置图3所示的JSON结构的数据进行描述,即目标图表如图2所示,图表定义数据可以如图3所示。
示例地,在传入配置好的图表定义数据后,可以通过该图表定义数据调用图表层,从而通过图表层获取该图表定义数据,并对该图表定义数据进行数据转换。首先,由于图表定义数据是用户配置的例如JSON结构的数据,无法由计算机直接执行相应的程序操作,因此可以按照数据类型将图表定义数据转换为可供计算机执行的图表对象。例如,参照图3所示的图表定义数据,包括用于描述目标图表具体数据内容的“data”类型的数据、用于描述坐标轴的“axes”类型的数据等。在此情况下,按照数据类型将图表定义数据进行图表对象的转换,可以分别得到data对象、轴对象等。
应当理解的是,在其他可能的方式,若图表定义数据包括用于描述图元、图例、图表提示信息(tooltip)等内容的数据,则按照数据类型将图表定义数据进行图表对象的转换,还可以分别得到图元对象、图例对象等,本公开实施例对此不作限定。需要说明的是,在本公开具体实施时,考虑到图元、图例等图表对象的具体表征含义与图表具体数值内容相关,因此可以先初始化data对象和用于表征图表具体数值范围的scale对象。然后根据data对象和scale对象初始化例如图例对象、图元对象等其他图表对象。
进一步,可以将图表对象转换为通过图形语法描述的图形数据。其中,图形语法是用来描述所有统计图表深层特性的语法规则,在本公开实施例中将图表对象转换为通过图形语法描述的图形数据,可以提取出目标图表的深层图形特性,便于后续渲染层的渲染。
在可能的方式中,可以调用每一图表对象对应的编译模块对图表对象进行编译,得到每一图表对象对应的图形编译结果,该编译模块用于根据预设的图形语法规则将图表对象编译为对应的图形数据。然后,将每一图表对象对应的图形编译结果进行整合,得到通过图形语法描述的图形数据。
应当理解的是,对于每一种类型的图表对象,可以预先设定对于的编译模块。该编译模块可以与渲染层的渲染机制相适配,从而通过编译模块后可以得到与渲染层的渲染机制相适配的图形数据,便于渲染层的渲染。因此,编译模块中预设的图形语法规则可以是根据渲染层的渲染机制确定的。
在本公开实施例中,在得到图表对象,可以分别通过对应的编译模块对图表对象进行同步编译,然后再将每一图表对象对应的图形编译结果进行整合,得到目标图表对应的通过图形语法描述的图形数据。由此,相较于对所有图表对象进行依次编译的方式,可以提高编译效率,从而提高图表生成效率。并且,实现了编译过程中的功能解耦,便于灵活的对每个图表对象进行图形编译,且易于功能扩展。
在可能的方式中,还可以根据用户配置的用于描述目标图表的图表定义数据调用图表定义层,以通过图表定义层获取图表定义数据,然后根据图表定义数据调用领域模型层,以通过领域模型层根据图表定义数据中每一数据的类型,生成至少一个图表对象,并将至少一个图表对象转换为通过图形语法描述的图形数据。
也即是说,本公开实施例还可以通过依次调用图表定义层、领域模型层、图形语法层和渲染层实现图表生成,相较于图表层、图形语法层和渲染层的三层架构,此种四种架构的方式可以进一步实现功能的解耦,从而更加灵活的实现图表生成的功能扩展,进一步提升图表生成对于不同场景的适用性。
在得到图形数据后,可以通过图形数据调用图形语法层,从而通过图形语法层将图形数据转换为待渲染的绘图元素,并生成用于表征绘图元素在目标图表中位置关系的图形结构。其中,绘图元素比如可以是目标图表中的图元、图例、折线等用于组成目标图表的元素,后续渲染层通过渲染该绘图元素,可以将目标图表显示给用户。图形结构可以用于表征绘图元素在目标图表中的位置关系,可以是场景树的形式,由下至上表征各绘图元素间的从属关系,渲染层通过该从属关系即可以确定各绘图元素在目标图表中的位置关系,从而渲染出目标图表。
示例地,渲染层可以通过例如canvas 2d、webgl等绘图方式(即图表渲染机制)根据图形结构进行渲染,得到目标图表。或者,渲染层可以同时设置多种图表渲染机制,并通过统一的接口进行调用。
也即是说,在可能的方式中,渲染层可以设置有至少两种图表渲染机制,该至少两种图表渲染机制通过同一接口被调用,则根据图形结构调用渲染层,以通过渲染层根据图形结构进行渲染,得到目标图表可以是:根据图形结构调用渲染层,以通过渲染层调用接口在至少两种图表渲染机制中确定目标图表渲染机制,并根据目标图表渲染机制和图形结构进行渲染,得到目标图表。由此,可以根据不同的场景选择对应的图表渲染机制进行图表渲染,以适应不同场景下的图表渲染需求,提升图表生成对于不同场景的适用性。
在可能的方式中,还可以通过渲染层捕获用户针对目标图表的操作事件,然后在图表层和图形语法层中确定用于响应操作事件的目标业务层,以便渲染层通过事件回调机制将操作事件反馈至目标业务层。
应当理解的是,渲染层为图表生成框架中的最底层,可以理解为是用于向用户显示目标图表的显示画布,因此用户对目标图表的操作,可以被渲染层捕获到,形成操作事件。在此情况下,由于本公开实施例进行了功能解耦,用于响应操作事件的业务层可能是图表层或图形语法层,因此可以先在图表层和图形语法层中确定用于响应操作事件的目标业务层,从而使得渲染层可以通过事件回调机制将操作事件反馈至目标业务层,最终由目标业务层响应该操作事件,实现相应的操作功能。
在可能的方式中,图表层可以设置有用于修改目标图表中部分图表内容的更新配置接口,因此在通过渲染层捕获到用户针对目标图表中部分图表内容的修改操作事件的情况下,可以在图表层和图形语法层中确定用于响应修改操作事件的目标业务层为图表层,以便渲染层通过事件回调机制将修改操作事件反馈至图表层。相应地,可以通过图表层调用更新配置接口实现对目标图表中部分图表内容的修改。
由此,通过更新配置接口可以提供对目标图表中部分内容的修改功能,从而无需用户重新配置目标图表的全部内容,可以提升图表生成效率,并且可以提供更加灵活快速的图表生成方式,从而提升图表生成对于不同场景的适用性。
在可能的方式中,图表层还可以设置有以下至少一种类型的对外接口:用于定义目标图表显示样式的接口,用于将目标图表导出到指定用户设备的接口,用于对用户配置的自定义监听事件进行注册的接口,用于获取图表层、图形语法层和渲染层数据处理过程中产生的任意数据的接口。
示例地,用于定义目标图表显示样式的接口比如可以是主题色系接口、用于功能提示的自定义tooltip接口等,本公开实施例对此不作限定。用于将目标图表导出到指定用户设备的比如可以是用于下载目标图表到指定用户设备的接口等,本公开实施例对此不作限定。针对用于对用户配置的自定义监听事件进行注册的接口,比如可以是想要在用户点击目标图表中图元的情况下,监听用户的该点击事件,并对该点击事件进行响应,以放大显示该图元,则可以通过该接口进行事件注册,实现上述功能。
另外,应当理解的是,本公开实施例实现了图表生成的功能解耦,但在实际应用中可能需要获取各业务层(比如图表层、图形语法层和渲染层)数据处理过程中产生的数据进行数据分析或者业务查错等。对此,本公开实施例提供对应的数据获取接口,通过调用该数据获取接口可以获取到各业务层数据处理过程中产生的数据,从而在实现图表生成功能解耦的情况下,便于对各业务层内部数据的获取,进而提升图表生成对于不同场景的适用性。
当然,在其他可能的方式中,还可以提供自定义接口,便于用户根据不同的业务场景实现自定义功能。
下面参照图4,通过另一示例性实施例对本公开提供的图表生成方法进行说明。
如图4所示,该图表生成方式基于图表定义层、领域模型层、图形语法层和渲染层的四层架构。首先可以通过JSON结构配置目标图表,得到图表定义数据,然后可以通过该图表定义数据调用领域模型层,以通过该领域模型层将图表定义数据按照数据类型,转换为至少一个图表对象,比如图4所示,图表对象包括data对象、图元对象、图例对象等等。然后,通过该图表对象调用每一图表对象对应的编译模块,得到每一图表对象对应的图形编译结果。最后整合每一图表对象的图形编译结果得到图形数据。之后,可以根据该图形数据调用图形语法层,以通过该图形语法层将图形数据转换为待渲染的绘图元素,并生成场景树(即用于表征绘图元素在目标图表中位置关系的图形结构)。最后,可以根据该图形结构调用渲染层,以通过渲染层进行图形渲染,得到目标图表。其中,参照图4,渲染层可以设置canvas2d、和webgl两种绘图方式(即图表渲染机制),并通过统一的接口调用其中一种绘图方式实现图表渲染。
另外,参照图4,渲染层可以捕获用户针对目标图表的操作事件,然后通过事件回调机制将该操作事件反馈至用于响应该操作事件的图形语法层或领域模型层。其次,领域模型层可以提供丰富的接口,比如用于控制目标图表主题色系的接口、用于数据获取的接口、更新配置接口等等,对于每一接口的说明可以参照上文,这里不再赘述。
通过上述方式,可以在图表定义层、领域模型层、图形语法层和渲染层的四层架构下实现图表生成,相较于相关技术中的两层模式,进一步实现了图表生成的功能更接口,通过组件拼装的思想,可单独扩展图表每一个组件,解决了传统图表扩展困难的问题。并且,用户可以通过图表定义语言,比如JSON语言配置目标图表,提供了简单易于理解的配置语法,可以提升开发速度,解决传统图表配置复杂、难于使用的问题。另外,通过功能解耦,提供了丰富的对外接口,使得可以同时满足普通用户和开发者需求的问题,其中对于普通用户,配置简单,语义清晰,而对于开发者接口丰富,自定义能力强,可以更加灵活的进行图表生成。
基于同一发明构思,本公开还提供一种图表生成装置,该装置可以通过软件、硬件或两者结合的方式成为电子设备的部分或全部。参照图5,该图表生成装置500包括:
第一调用模块501,用于根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;
第二调用模块502,用于根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;
第三调用模块503,用于根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
可选地,所述第一调用模块501用于:
根据用户配置的用于描述目标图表的图表定义数据调用图表定义层,以通过所述图表定义层获取所述图表定义数据;
根据所述图表定义数据调用领域模型层,以通过所述领域模型层根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,并将所述至少一个图表对象转换为通过图形语法描述的图形数据。
可选地,所述第一调用模块501用于:
调用每一所述图表对象对应的编译模块对所述图表对象进行编译,得到每一所述图表对象对应的图形编译结果,所述编译模块用于根据预设的图形语法规则将所述图表对象编译为对应的图形数据;
将每一所述图表对象对应的图形编译结果进行整合,得到通过图形语法描述的所述图形数据。
可选地,所述渲染层设置有至少两种图表渲染机制,所述至少两种图表渲染机制通过同一接口被调用,所述第三调用模块503用于:
根据所述图形结构调用渲染层,以通过所述渲染层调用所述接口在所述至少两种图表渲染机制中确定目标图表渲染机制,并根据所述目标图表渲染机制和所述图形结构进行渲染,得到所述目标图表。
可选地,所述装置500还包括:
捕获模块,用于通过所述渲染层捕获用户针对所述目标图表的操作事件;
反馈模块,用于在所述图表层和所述图形语法层中确定用于响应所述操作事件的目标业务层,以便所述渲染层通过事件回调机制将所述操作事件反馈至所述目标业务层。
可选地,所述图表层设置有用于修改所述目标图表中部分图表内容的更新配置接口,在通过所述渲染层捕获到用户针对所述目标图表中部分图表内容的修改操作事件的情况下,所述反馈模块用于:
在所述图表层和所述图形语法层中确定用于响应所述修改操作事件的目标业务层为所述图表层,以便所述渲染层通过事件回调机制将所述修改操作事件反馈至所述图表层;
所述装置500还包括:
第四调用模块,用于通过所述图表层调用所述更新配置接口实现对所述目标图表中所述部分图表内容的修改。
可选地,所述图表层还设置有以下至少一种类型的对外接口:
用于定义所述目标图表显示样式的接口;
用于将所述目标图表导出到指定用户设备的接口;
用于对用户配置的自定义监听事件进行注册的接口;
用于获取所述图表层、所述图形语法层和所述渲染层数据处理过程中产生的任意数据的接口。
关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
基于同一发明构思,本公开实施例还提供一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现上述任一图表生成方法的步骤。
基于同一发明构思,本公开实施例还提供一种电子设备,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现上述任一图表生成方法的步骤。
下面参考图6,其示出了适于用来实现本公开实施例的电子设备600的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示,电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中,还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常,以下装置可以连接至I/O接口605:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607;包括例如磁带、硬盘等的存储装置608;以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置609从网络上被下载和安装,或者从存储装置608被安装,或者从ROM 602被安装。在该计算机程序被处理装置601执行时,执行本公开实施例的方法中限定的上述功能。
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,可以利用诸如HTTP(HyperText Transfer Protocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例,示例1提供了一种图表生成方法,所述方法包括;
根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;
根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;
根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
根据本公开的一个或多个实施例,示例2提供了示例1的方法,所述根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,并将所述至少一个图表对象转换为通过图形语法描述的图形数据,包括:
根据用户配置的用于描述目标图表的图表定义数据调用图表定义层,以通过所述图表定义层获取所述图表定义数据;
根据所述图表定义数据调用领域模型层,以通过所述领域模型层根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,并将所述至少一个图表对象转换为通过图形语法描述的图形数据。
根据本公开的一个或多个实施例,示例3提供了示例1或2的方法,所述将所述至少一个图表对象转换为通过图形语法描述的图形数据,包括:
调用每一所述图表对象对应的编译模块对所述图表对象进行编译,得到每一所述图表对象对应的图形编译结果,所述编译模块用于根据预设的图形语法规则将所述图表对象编译为对应的图形数据;
将每一所述图表对象对应的图形编译结果进行整合,得到通过图形语法描述的所述图形数据。
根据本公开的一个或多个实施例,示例4提供了示例1或2的方法,所述渲染层设置有至少两种图表渲染机制,所述至少两种图表渲染机制通过同一接口被调用,所述根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表,包括:
根据所述图形结构调用渲染层,以通过所述渲染层调用所述接口在所述至少两种图表渲染机制中确定目标图表渲染机制,并根据所述目标图表渲染机制和所述图形结构进行渲染,得到所述目标图表。
根据本公开的一个或多个实施例,示例5提供了示例1或2的方法,所述方法还包括:
通过所述渲染层捕获用户针对所述目标图表的操作事件;
在所述图表层和所述图形语法层中确定用于响应所述操作事件的目标业务层,以便所述渲染层通过事件回调机制将所述操作事件反馈至所述目标业务层。
根据本公开的一个或多个实施例,示例6提供了示例5的方法,所述图表层设置有用于修改所述目标图表中部分图表内容的更新配置接口,在通过所述渲染层捕获到用户针对所述目标图表中部分图表内容的修改操作事件的情况下,所述在所述图表层和所述图形语法层中确定用于响应所述操作事件的目标业务层,以便所述渲染层通过事件回调机制将所述操作事件反馈至所述目标业务层,包括:
在所述图表层和所述图形语法层中确定用于响应所述修改操作事件的目标业务层为所述图表层,以便所述渲染层通过事件回调机制将所述修改操作事件反馈至所述图表层;
所述方法还包括:
通过所述图表层调用所述更新配置接口实现对所述目标图表中所述部分图表内容的修改。
根据本公开的一个或多个实施例,示例7提供了示例1或2的方法,所述图表层还设置有以下至少一种类型的对外接口:
用于定义所述目标图表显示样式的接口;
用于将所述目标图表导出到指定用户设备的接口;
用于对用户配置的自定义监听事件进行注册的接口;
用于获取所述图表层、所述图形语法层和所述渲染层数据处理过程中产生的任意数据的接口。
根据本公开的一个或多个实施例,示例8提供了一种图表生成装置,所述装置包括:
第一调用模块,用于根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;
第二调用模块,用于根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;
第三调用模块,用于根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
根据本公开的一个或多个实施例,示例9提供了一种计算机可读介质,其上存储有计算机程序,该程序被处理装置执行时实现示例1-7任一项所述方法的步骤。
根据本公开的一个或多个实施例,示例10提供了一种电子设备,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现示例1-7任一项所述方法的步骤。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。关于上述实施例中的装置,其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。

Claims (10)

1.一种图表生成方法,其特征在于,所述方法包括;
根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;
根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;
根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
2.根据权利要求1所述的方法,其特征在于,所述根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,并将所述至少一个图表对象转换为通过图形语法描述的图形数据,包括:
根据用户配置的用于描述目标图表的图表定义数据调用图表定义层,以通过所述图表定义层获取所述图表定义数据;
根据所述图表定义数据调用领域模型层,以通过所述领域模型层根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,并将所述至少一个图表对象转换为通过图形语法描述的图形数据。
3.根据权利要求1或2所述的方法,其特征在于,所述将所述至少一个图表对象转换为通过图形语法描述的图形数据,包括:
调用每一所述图表对象对应的编译模块对所述图表对象进行编译,得到每一所述图表对象对应的图形编译结果,所述编译模块用于根据预设的图形语法规则将所述图表对象编译为对应的图形数据;
将每一所述图表对象对应的图形编译结果进行整合,得到通过图形语法描述的所述图形数据。
4.根据权利要求1或2所述的方法,其特征在于,所述渲染层设置有至少两种图表渲染机制,所述至少两种图表渲染机制通过同一接口被调用,所述根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表,包括:
根据所述图形结构调用渲染层,以通过所述渲染层调用所述接口在所述至少两种图表渲染机制中确定目标图表渲染机制,并根据所述目标图表渲染机制和所述图形结构进行渲染,得到所述目标图表。
5.根据权利要求1或2所述的方法,其特征在于,所述方法还包括:
通过所述渲染层捕获用户针对所述目标图表的操作事件;
在所述图表层和所述图形语法层中确定用于响应所述操作事件的目标业务层,以便所述渲染层通过事件回调机制将所述操作事件反馈至所述目标业务层。
6.根据权利要求5所述的方法,其特征在于,所述图表层设置有用于修改所述目标图表中部分图表内容的更新配置接口,在通过所述渲染层捕获到用户针对所述目标图表中部分图表内容的修改操作事件的情况下,所述在所述图表层和所述图形语法层中确定用于响应所述操作事件的目标业务层,以便所述渲染层通过事件回调机制将所述操作事件反馈至所述目标业务层,包括:
在所述图表层和所述图形语法层中确定用于响应所述修改操作事件的目标业务层为所述图表层,以便所述渲染层通过事件回调机制将所述修改操作事件反馈至所述图表层;
所述方法还包括:
通过所述图表层调用所述更新配置接口实现对所述目标图表中所述部分图表内容的修改。
7.根据权利要求1或2所述的方法,其特征在于,所述图表层还设置有以下至少一种类型的对外接口:
用于定义所述目标图表显示样式的接口;
用于将所述目标图表导出到指定用户设备的接口;
用于对用户配置的自定义监听事件进行注册的接口;
用于获取所述图表层、所述图形语法层和所述渲染层数据处理过程中产生的任意数据的接口。
8.一种图表生成装置,其特征在于,所述装置包括:
第一调用模块,用于根据用户配置的用于描述目标图表的图表定义数据调用图表层,以通过所述图表层获取所述图表定义数据,并根据所述图表定义数据中每一数据的类型,生成至少一个图表对象,将所述至少一个图表对象转换为通过图形语法描述的图形数据;
第二调用模块,用于根据所述图形数据调用图形语法层,以通过所述图形语法层将所述图形数据转换为待渲染的绘图元素,并生成用于表征所述绘图元素在所述目标图表中位置关系的图形结构;
第三调用模块,用于根据所述图形结构调用渲染层,以通过所述渲染层根据所述图形结构进行渲染,得到所述目标图表。
9.一种计算机可读介质,其上存储有计算机程序,其特征在于,该程序被处理装置执行时实现权利要求1-7任一项所述方法的步骤。
10.一种电子设备,其特征在于,包括:
存储装置,其上存储有计算机程序;
处理装置,用于执行所述存储装置中的所述计算机程序,以实现权利要求1-7任一项所述方法的步骤。
CN202110351411.5A 2021-03-31 2021-03-31 图表生成方法、装置、存储介质及电子设备 Active CN113052942B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110351411.5A CN113052942B (zh) 2021-03-31 2021-03-31 图表生成方法、装置、存储介质及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110351411.5A CN113052942B (zh) 2021-03-31 2021-03-31 图表生成方法、装置、存储介质及电子设备

Publications (2)

Publication Number Publication Date
CN113052942A true CN113052942A (zh) 2021-06-29
CN113052942B CN113052942B (zh) 2023-06-30

Family

ID=76516752

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110351411.5A Active CN113052942B (zh) 2021-03-31 2021-03-31 图表生成方法、装置、存储介质及电子设备

Country Status (1)

Country Link
CN (1) CN113052942B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115630622A (zh) * 2022-12-19 2023-01-20 西安葡萄城软件有限公司 一种基于矢量图元的画法实现方法及装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20160110895A1 (en) * 2014-10-21 2016-04-21 International Business Machines Corporation Generating a computer executable chart visualization by annotating a static image
CN107077752A (zh) * 2014-10-14 2017-08-18 微软技术许可有限责任公司 数据可视化可扩展架构
CN109241507A (zh) * 2018-07-27 2019-01-18 阿里巴巴集团控股有限公司 一种图表生成方法及装置、一种计算设备及存储介质
CN111061478A (zh) * 2019-12-11 2020-04-24 政采云有限公司 一种页面表单修改方法、装置、设备及可读存储介质
CN111611031A (zh) * 2019-02-26 2020-09-01 华为技术有限公司 一种图形绘制方法和电子设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107077752A (zh) * 2014-10-14 2017-08-18 微软技术许可有限责任公司 数据可视化可扩展架构
US20160110895A1 (en) * 2014-10-21 2016-04-21 International Business Machines Corporation Generating a computer executable chart visualization by annotating a static image
CN109241507A (zh) * 2018-07-27 2019-01-18 阿里巴巴集团控股有限公司 一种图表生成方法及装置、一种计算设备及存储介质
CN111611031A (zh) * 2019-02-26 2020-09-01 华为技术有限公司 一种图形绘制方法和电子设备
CN111061478A (zh) * 2019-12-11 2020-04-24 政采云有限公司 一种页面表单修改方法、装置、设备及可读存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
王改革: "基于数据驱动和图形语法的数据可视化引擎的研究与实现" *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115630622A (zh) * 2022-12-19 2023-01-20 西安葡萄城软件有限公司 一种基于矢量图元的画法实现方法及装置

Also Published As

Publication number Publication date
CN113052942B (zh) 2023-06-30

Similar Documents

Publication Publication Date Title
CN109634490B (zh) 一种列表显示方法、装置、设备及存储介质
CN110874217B (zh) 快应用的界面显示方法、装置及存储介质
CN110489323B (zh) 可视化的rpc api调试方法、装置、介质和设备
CN110457144A (zh) 一种实现前端应用的方法、装置、介质和设备
CN111324376B (zh) 功能配置方法、装置、电子设备及计算机可读介质
CN111581555A (zh) 一种文档加载方法、装置、设备及存储介质
US11818491B2 (en) Image special effect configuration method, image recognition method, apparatus and electronic device
CN110865863B (zh) 快应用的界面显示方法、装置及存储介质
CN113052942B (zh) 图表生成方法、装置、存储介质及电子设备
CN110377273A (zh) 一种数据处理的方法、装置、介质和电子设备
CN114997117A (zh) 文档编辑的方法、装置、终端及非暂时性存储介质
CN111752644A (zh) 接口模拟方法、装置、设备及存储介质
CN113391811A (zh) 函数编译方法、装置、电子设备及计算机可读存储介质
CN113391860A (zh) 服务请求处理方法、装置、电子设备及计算机存储介质
CN116775174A (zh) 一种基于用户界面框架的处理方法、装置、设备及介质
CN113885996A (zh) 用户界面的生成方法及装置
CN112965713A (zh) 可视化编辑器的开发方法、装置、设备及存储介质
CN113778566A (zh) 原生应用调用方法、装置、电子设备和计算机可读介质
CN112241999A (zh) 图像生成方法、装置、设备和计算机可读介质
CN111309323A (zh) 参数初始化方法、装置和电子设备
CN112445517B (zh) 入口文件生成方法、装置、电子设备和计算机可读介质
CN113469364B (zh) 一种推理平台、方法及装置
US20230215065A1 (en) Method, apparatus, device and medium for image special effect processing
CN111694557A (zh) 数据处理方法及装置、图像处理方法及装置、电子设备
CN111897989A (zh) 图像处理的方法及装置、终端和存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Tiktok vision (Beijing) Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: BEIJING BYTEDANCE NETWORK TECHNOLOGY Co.,Ltd.

Address after: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant after: Douyin Vision Co.,Ltd.

Address before: 100041 B-0035, 2 floor, 3 building, 30 Shixing street, Shijingshan District, Beijing.

Applicant before: Tiktok vision (Beijing) Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant