一种可视化图表生成方法及系统技术方案

技术编号:38387800 阅读:14 留言:0更新日期:2023-08-05 17:42
本发明专利技术属于数据处理技术领域,公开一种可视化图表生成方法,包括:预先配置图表编辑界面,图表编辑界面包括模板选择区域和界面显示区域,模板选择区域具有若干图表模板;接收用户输入的模板选择指令,从模板选择区域选中目标图表模板;并接收用户输入的图表拖拽指令,根据图表拖拽指令的轨迹将目标图表模板移动至界面显示区域,生成图表界面;接收用户输入的数据源绑定指令,根据数据源绑定指令从预先配置的数据库中调取对应的数据源,并将该数据源与所述图表界面进行绑定,生成数据图表。本发明专利技术能够快速的实现数据图表的生成,避免了现有技术通过各种组件进行数据表格绘制的麻烦,有效的提高了图表的生成效率,降低了图表的生成时间。成时间。成时间。

【技术实现步骤摘要】
一种可视化图表生成方法及系统


[0001]本专利技术涉及数据处理
,特别涉及一种可视化图表生成方法及系统。

技术介绍

[0002]图表元素能够清晰地表达数据展示信息,但展示的过程针对不同的图表类型,需要使用不同的组件,根据不同的组件的特点用户需要编程或者采用第三方产品实现,在实际应用中,由于使用组件繁多,经常出现各组件之间冲突,增加可视化图表生成难度,导致图表生成效率低下。
[0003]因此,如何提供一种能够可视化快速生成图表的方法和系统,是目前亟待解决的问题。

技术实现思路

[0004]本专利技术实施例提供了一种可视化图表生成方法及系统,以解决现有技术中的问题。
[0005]根据本专利技术实施例的第一方面,提供了一种可视化图表生成方法。
[0006]所述可视化图表生成方法,包括:
[0007]预先配置图表编辑界面,所述图表编辑界面包括模板选择区域和界面显示区域,所述模板选择区域具有若干图表模板;
[0008]接收用户输入的模板选择指令,从所述模板选择区域选中目标图表模板;并接收用户输入的图表拖拽指令,根据所述图表拖拽指令的轨迹将所述目标图表模板移动至界面显示区域,生成图表界面;
[0009]接收用户输入的数据源绑定指令,根据所述数据源绑定指令从预先配置的数据库中调取对应的数据源,并将该数据源与所述图表界面进行绑定,生成数据图表。
[0010]此外,所述可视化图表生成方法,还包括:
[0011]接收用户输入的图表拖拽指令,对所述图表的位置、大小和字段进行对应调整。
[0012]接收用户输入的图表显示指令,并根据所述图表显示指令,将所述数据图表生成web链接,并通过所述web链接对所述数据图表进行网页显示。
[0013]另外,所述可视化图表生成方法,还包括:
[0014]接收用户输入的语句显示指令,根据所述语句显示指令,将所述数据图表生成对应的SQL语句信息;并同步显示所述数据图表和所述SQL语句信息。
[0015]接收用户输入的源码显示指令,根据所述源码显示指令,将所述数据图表生成对应的JSON格式源码,并通过显示所述数据图表和所述JSON格式源码。
[0016]此外,所述图表编辑界面还包括界面渲染区域和属性显示区域,所述界面渲染区域包括背景色渲染模板,所述属性显示区域包括用于显示图表高度、图表宽度以及图表颜色的图表属性信息。
[0017]另外,所述可视化图表生成方法,还包括:
[0018]接收用户输入的背景色调整指令,根据所述背景色调整指令,在所述界面渲染区域选择背景色渲染模板,并所述背景色渲染模板与所述数据图表进行融合显示;
[0019]识别用户输入的图表拖拽结束指令,并在识别出图表拖拽结束指令后,读取所述目标图表模板的图表属性信息,将所述图表属性信息推送至所述属性显示区域进行显示。
[0020]根据本专利技术实施例的第二方面,提供了一种可视化图表生成系统。
[0021]所述可视化图表生成系统,包括:
[0022]界面配置模块,用于预先配置图表编辑界面,所述图表编辑界面包括模板选择区域和界面显示区域,所述模板选择区域具有若干图表模板;
[0023]图表生成模块,用于接收用户输入的模板选择指令,从所述模板选择区域选中目标图表模板;并接收用户输入的图表拖拽指令,根据所述图表拖拽指令的轨迹将所述目标图表模板移动至界面显示区域,生成图表界面;
[0024]数据绑定模块,用于接收用户输入的数据源绑定指令,根据所述数据源绑定指令从预先配置的数据库中调取对应的数据源,并将该数据源与所述图表界面进行绑定,生成数据图表。
[0025]此外,所述可视化图表生成系统,还包括:
[0026]图表调整模块,用于接收用户输入的图表拖拽指令,对所述图表的位置、大小和字段进行对应调整。
[0027]图表显示模块,用于接收用户输入的图表显示指令,并根据所述图表显示指令,将所述数据图表生成web链接,并通过所述web链接对所述数据图表进行网页显示。
[0028]另外,所述可视化图表生成系统,还包括:
[0029]语句显示模块,用于接收用户输入的语句显示指令,根据所述语句显示指令,将所述数据图表生成对应的SQL语句信息;并同步显示所述数据图表和所述SQL语句信息。
[0030]源码显示模块,用于接收用户输入的源码显示指令,根据所述源码显示指令,将所述数据图表生成对应的JSON格式源码,并通过显示所述数据图表和所述JSON格式源码。
[0031]此外,所述图表编辑界面还包括界面渲染区域和属性显示区域,所述界面渲染区域包括背景色渲染模板,所述属性显示区域包括用于显示图表高度、图表宽度以及图表颜色的图表属性信息。
[0032]另外,所述可视化图表生成系统,还包括:
[0033]颜色渲染模块,用于接收用户输入的背景色调整指令,根据所述背景色调整指令,在所述界面渲染区域选择背景色渲染模板,并所述背景色渲染模板与所述数据图表进行融合显示;
[0034]属性显示模块,用于识别用户输入的图表拖拽结束指令,并在识别出图表拖拽结束指令后,读取所述目标图表模板的图表属性信息,将所述图表属性信息推送至所述属性显示区域进行显示。
[0035]本专利技术实施例提供的技术方案可以包括以下有益效果:
[0036]本专利技术通过配置图表编辑界面和图表模板,从而可通过快速的拖拽动作,生成图表,并将图表与数据进行绑定,进而能够快速的实现数据图表的生成,避免了现有技术通过各种组件进行数据表格绘制的麻烦,有效的提高了图表的生成效率,降低了图表的生成时间。
[0037]应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本专利技术。
附图说明
[0038]此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本专利技术的实施例,并与说明书一起用于解释本专利技术的原理。
[0039]图1是根据一示例性实施例示出的一种可视化图表生成方法的流程示意图;
[0040]图2是根据一示例性实施例示出的一种可视化图表生成系统的结构框图;
[0041]图3是根据一示例性实施例示出的一种可视化图表生成系统的图表编辑界面展示图。
具体实施方式
[0042]以下描述和附图充分地示出本文的具体实施方案,以使本领域的技术人员能够实践它们。一些实施方案的部分和特征可以被包括在或替换其他实施方案的部分和特征。本文的实施方案的范围包括权利要求书的整个范围,以及权利要求书的所有可获得的等同物。本文中,术语“第一”、“第二”等仅被用来将一个元素与另一个元素区分开来,而不要求或者暗示这些元素之间存在任何实际的关系或者顺序。实际上第一元素也能够被称为第二元素,反之亦然。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的结构、装置或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种可视化图表生成方法,其特征在于,包括:预先配置图表编辑界面,所述图表编辑界面包括模板选择区域和界面显示区域,所述模板选择区域具有若干图表模板;接收用户输入的模板选择指令,从所述模板选择区域选中目标图表模板;并接收用户输入的图表拖拽指令,根据所述图表拖拽指令的轨迹将所述目标图表模板移动至界面显示区域,生成图表界面;接收用户输入的数据源绑定指令,根据所述数据源绑定指令从预先配置的数据库中调取对应的数据源,并将该数据源与所述图表界面进行绑定,生成数据图表。2.根据权利要求1所述的可视化图表生成方法,其特征在于,还包括:接收用户输入的图表拖拽指令,对所述图表的位置、大小和字段进行对应调整;接收用户输入的图表显示指令,并根据所述图表显示指令,将所述数据图表生成web链接,并通过所述web链接对所述数据图表进行网页显示。3.根据权利要求1所述的可视化图表生成方法,其特征在于,还包括:接收用户输入的语句显示指令,根据所述语句显示指令,将所述数据图表生成对应的SQL语句信息;并同步显示所述数据图表和所述SQL语句信息。接收用户输入的源码显示指令,根据所述源码显示指令,将所述数据图表生成对应的JSON格式源码,并通过显示所述数据图表和所述JSON格式源码。4.根据权利要求1所述的可视化图表生成方法,其特征在于,所述图表编辑界面还包括界面渲染区域和属性显示区域,所述界面渲染区域包括背景色渲染模板,所述属性显示区域包括用于显示图表高度、图表宽度以及图表颜色的图表属性信息。5.根据权利要求4所述的可视化图表生成方法,其特征在于,还包括:接收用户输入的背景色调整指令,根据所述背景色调整指令,在所述界面渲染区域选择背景色渲染模板,并所述背景色渲染模板与所述数据图表进行融合显示;识别用户输入的图表拖拽结束指令,并在识别出图表拖拽结束指令后,读取所述目标图表模板的图表属性信息,将所述图表属性信息推送至所述属性显示区域进行显示。6.一种可视化图表生成系统,其特征在于,包括:界面配置模块,用于预先配置图表编辑界面,所述图表编...

【专利技术属性】
技术研发人员:温鹏远王洪涛王月缤
申请(专利权)人:吉林智碳科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1