Document
拖动滑块完成拼图
首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

一种基于vue的图表配置方法、装置、设备和介质 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

摘要:本发明提供一种基于vue的图表配置方法、装置、设备和介质,方法包括下述步骤:S1、提供图表控件,在图表控件被选择时响应一图表类型选择框;当图表类型选择框被选中时,图表配置区显示相应的配置项以供配置,所述配置项包括以切换开关、选择框或输入框为配置方式的基础配置项;S2、提供三种数据源获取方式供选择:通过本地数据集sql编写脚本形成的脚本列表来选择已经编写好的展示数据;通过访问数据接口地址直接获;通过代码块访问获取;S3、渲染获取到的展示数据。本发明是在v‑charts的基础上,将配置项文字化,取消用户初始化自定义过程,统一数据格式,不需要对前端技术有太多的了解即可以实现常见的图表展示。

主权项:1.一种基于vue的图表配置方法,其特征在于:包括下述步骤:S1、提供图表控件,在图表控件被选择时响应一图表类型选择框;当图表类型选择框被选中时,图表配置区显示相应的配置项以供配置,所述配置项包括以切换开关、选择框或输入框为配置方式的基础配置项;所述基础配置项的内容预先在内部已经定义好,并通过vue的v-model双向绑定功能,且能根据配置内容在图表展示区实时显示配置效果;S2、提供三种数据源获取方式供选择:第一种,通过本地数据集sql编写脚本形成的脚本列表来选择已经编写好的展示数据;第二种,通过访问数据接口地址直接获取展示数据;第三种,通过代码块访问获取展示数据;S3、根据图表配置区的配置项的配置内容,渲染获取到的展示数据,在所述图表展示区进行图表展示;所述步骤S2中,当获取到展示数据时,数据整理成如下两种格式:(1)、针对都只有一个指标且只一个维度的情况,将维度值存在name属性中,将指标值存在value属性中,使内容随着标维度值的变换而变换;(2)、针对其它情况,将维度值存在name属性上动态展示,在查询成功后通过相应的api接口函数获取查询返回的值以及获取当前图表控件所有属性,找到指标存放的地方,并根据实际业务需求动态调整显示的指标;或者是将指标值存在name属性上动态展示,在查询成功后通过相应的api接口函数获取查询返回的值以及获取当前图表控件所有属性,找到维度存放的地方,并根据实际业务需求动态调整显示的维度。

全文数据:

权利要求:

百度查询: 福建亿能达信息技术股份有限公司 一种基于vue的图表配置方法、装置、设备和介质

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。