用于数据分析的图形用户交互方法和装置以及网络系统的制作方法_3

文档序号:9929575阅读:来源:国知局
快速、直观地看到数据分析结果,显示的方式可 W是如图4所示中所显示的曲线,也可W是柱状图、饼状图等,根据用户选择的显示参数而 定。运样,一方面,用户使用友好度增加,另一方面,可W使用户参考所显示的数据分析结果 决定是否需要将此查询条件和显示参数保存为书签。
[0072] 另外,在步骤213将所述字符串化的查询条件和显示参数保存为书签之后,还可W 执行如下步骤:在图形界面中显示所保存的书签的页面,其中书签的页面中显示所保存的 书签的第一书签信息,该第一书签信息包括书签名称、W及与该书签对应的查询条件和显 示参数,还显示与选定的查询条件和显示参数对应的数据分析结果等信息,如图5所示,在 界面上端显示了书签名称"买入黄金的总次数,按总体查看",在后面的选择框中显示选定 的查询条件和显示参数、W及作为数据分析结果而显示的曲线图,在界面中的曲线图下方 还展示对应的数据表(图5中只示出了一部分)。
[0073] 在步骤210中将用户选定的查询条件和显示参数保存为书签之后,执行步骤220, 在步骤220中,将所保存的书签添加到预先设置的一个或多个所述书签概览组中。
[0074] 在本发明中,预先设置有至少一个书签概览组。所述书签概览组用于存放所保存 的书签,当设置有多个书签概览组时,可W将所保存的书签分别按类别等分别存放于不同 的书签概览组,便于对所保存的书签进行归类,也方便用户进行查看。
[0075] 如图3中所示的例子,其中预先设置有名称为"我的数据概览"的书签概览组。当预 先只设置有一个书签概览组时,可W将所保存的书签自动存放到所述书签概览组中,也可 W专口添加到其中。另外,在本发明中,根据用户需要还可W预先设置更多的书签概览组, W便将不同类型的书签分别添加到不同的书签概览组中,方便对书签进行分组预览。
[0076] 另外,书签概览组也可W根据需要新添加一个或多个书签概览组,根据本发明的 一种实施方式,其可W通过如下步骤来实现:
[0077] 在所述图形界面中加载一书签概览组添加按钮,例如图3中左上角的V'按钮。响 应于用户对所述书签概览组添加按钮的一次点击,新添加一个书签概览组,例如点击图3中 左上角的V'按钮,会弹出一个窗口,用户输入书签概览组的名称即可在左上角的位置新增 一个书签概览组。
[0078] 所保存的书签可W通过多种方式添加到书签概览组中。例如,一种方式是,在创建 (或保存)所述书签的同时,就添加到设置的一个或多个所述书签概览组中。具体地,在保存 书签前,可W选择是否将欲创建的书签加入到书签概览组中,如果确定加入,则可W在现有 已经设置的书签概览组中选择一个或多个书签概览组,运样,在保存书签时,书签就同时被 加入到所选定的书签概览组中。如图6所示,在界面中点击"保存为书签"时弹出的窗口中, 用户可W选择是否将要创建的书签添加到书签概览组中。
[0079] 可选地,将书签添加到书签概览组中的另一种方式,可W在所述书签被创建之后, 通过编辑所创建的书签而将其添加到设置的一个或多个所述书签概览组中。通常在书签被 保存后,会显示包含被保存的书签名、被保存的书签对应的查询条件和显示参数的界面,同 时会显示与所述查询条件与显示参数对应的数据分析结果,例如如图5所示。点击图5所示 界面中上部所保存的书签名"买入黄金的总次数,按总体查看",会弹出一个窗口,在该窗口 中可W选择将该保存的书签加入到一个或多个已设置的书签概览组中。可选地,每个被创 建的书签无论是否已添加至书签概览组中,都存入预设的书签组中,该书签组中的每个书 签均可编辑。当需要将某一书签加入某一个或多个书签概览组中时,可W从书签组中选择 要添加的书签名,然后编辑该书签名对应的内容,将所述书签名对应的书签添加到所述一 个或多个书签概览组中。例如,如图7所示,在界面中设置有一"书签"选项(在界面的左下 角),其对应于书签组。点击界面左下角的"书签",则弹出一个窗口,其中显示所有书签的书 签名列表,在所述书签名列表中选择欲添加的书签名,点击所述书签名后面的编辑按钮,进 入编辑该书签名对应的书签内容的窗口,在该窗口中可选择将该书签加入到一个或多个书 签概览组中。
[0080] 可选地,将书签添加到书签概览组中的又一种方式,选定一个书签概览组,然后将 所创建的书签添加到该书签概览组中。运里,选定的书签概览组是已经设置好的,其既可W 是原始设置好的,也可W是后来添加的,例如可W在书签创建之前或之后添加的书签概览 组。每一个书签概览组的显示界面中都设置有书签添加功能,所有未被添加至该书签概览 组中的书签都可W通过该书签添加功能添加至其中。例如,如图8所示,选定"我的数据概 览",点击图8所示界面右上角的V'按钮,会在弹出的窗口中列出所有没有被添加进"我的 数据概览"的书签名,选择要添加入的书签名,则可W将该书签名对应的"书签"添加到"我 的数据概览"运一书签概览组中。图8只是给出了通过选定书签概览组添加书签的一种方 式,本发明并不限定用图8所示的方式添加书签。
[0081] 接下来,执行步骤230,在所述书签概览组中显示所保存的书签的概览。
[0082] 在所保存的书签被添加到书签概览组中之后,在所述书签概览组中可W显示所保 存的书签的概览。所述书签的概览可W包含基于查询条件和显示参数获得的数据而绘制的 缩略图或者数据列表等,用W表示数据分析结果变化情况,供用户概略浏览。
[0083] 可选地,步骤230可W通过如下步骤来实现,如图9A所示:
[0084] 在步骤231,基于用户对所述书签概览组之一的选中的触发,获取所选中的书签概 览组的信息。所述书签概览组的信息包括所述书签概览组自身的信息W及其包含的所有书 签的第二书签信息,所述第二书签信息包含第一书签信息、书签位置、书签的缩略图或数据 列表的配置文件。具体地,如前面在步骤220中所述,每个书签在被添加到书签概览组时,其 所携带的第一书签信息就被添加入到所述书签概览组中,另外,在每个书签被添加到书签 概览组中时,每个书签还被附加了书签位置、书签的缩略图或数据列表的配置文件等信息, 运些信息构成所述第二书签信息。对于所述书签概览组,除了包含新添加进来的书签的第 二书签信息之外,还包含之前已经添加到该书签概览组中的所有书签的第二书签信息。所 述书签概览组自身的信息包括书签概览组的标识号ID、书签概览组名称、创建时间、创建的 用户标识号ID、显示状态、W及所包含的书签的书签标识号id集合等。
[0085] 其中,所述书签的缩略图的配置文件是用于显示书签缩略图时的配置文件,即有 关如何显示书签缩略图的文件。例如对于事件分析,书签的缩略图的配置文件Config中可 W包括:展现的时间单位(合计、按小时、按天等)、展现形式(线图、柱图、饼图)、分组和/或 切换时间。当展示的是线图或柱图时,鼠标在线图或柱图上移动时,在鼠标停留的位置附近 的点或柱图上会显示竖线、且缩略图的上部显示与之对应的数据等的信息,从而使用户能 够明确知道其正在查看的点和柱图的位置及详细数据。同理,所述书签的数据列表的配置 文件是指有关如何显示书签的数据列表的文件。
[0086] 接下来,在步骤232,基于所述书签概览组中每个书签的所述第一书签信息获取符 合每个书签的查询条件的数据。
[0087] 当显示书签对应的数据列表或者书签缩略图时,所显示的内容都包含书签名、基 于在选定的时间区间的数据而形成的列表或图W及其它相关信息。其中,选定的时间区间 是一个动态区间,例如,本周、上月、昨日,当2015年12月22日查看本周的数据分析结果时, 贝IJ只包含12月21日与12月22日两天的数据,而当2015年12月31日查看本周的数据分析结果 时,则包含12月28日到12月31日四天的数据。所W,随着时间的推移,在所述书签中所选定 的时间区间包含的时段会有所变化,相应地,其所需要的数据也会变化。因此,每当显示书 签缩略图或数据列表时,其需要显示的在选定的时间区间的数据,都要基于所述书签的第 一书签信息(例如查询条件等)从后端服务器获取,或者从客户端侧存储器(其在预定时间 段之间从后端服务器获取而暂时存储在客户端侧缓冲存储器中)获取。
[0088] 下面给出一个实现获取"我的数据概览"运一书签概览组的信息及其所包含的所 有书签的第二书签信息的实现代码实例:
[0089]
[0090] 从上面的代码可知,名称为"我的数据概览"、ID号为159的书签概览组,创建时间 是2015.09.09在15:13:40,其为默认的缺省的数据概览组,由用户标识号ID为18的用户创 建的,其中包括书签标识号ID分别为93和109的两个书签(包含于Items中)。另外,每个书签 包含有如下信息:书签标识号ID、数据分析类型type、书签名称name、书签的缩略图的配置 文件config。运只是一个例子,本发明不限于所述例子。
[0091] 接下来,在步骤233,基于所述第二书签信息W及基于所述第一书签信息获取的数 据,擅染对应书签的缩略图或数据列表。例如,本发明对书签概览组及其所包含的各信息的 显示可W基于浏览器进行擅染。
[0092] W书签的缩略图为例进行说明,根据所述第二书签信息中的书签位置,确定各书 签的缩略图擅染在书签概览组的页面中的位置,例如,在步骤232中代码所实现的例子中, 在每个书签前面的数字表示该书签在页面中被擅染的位置,即,ID为93的书签擅染在页面 中0的位置,ID为109的书签擅染在页面中1的位置。而不同的数字都被预先设置了其所代表 的不同的位置信息。运样,基于所述第二书签信息中包含的书签缩略图的配置文件、书签位 置、W及获取的每个书签缩略图展现所需的数据分析结果数据,可W将各书签的缩略图擅 染在页面中相应的位置。
[0093] 在上面关于图9A所示的实施方式中,所述书签概览组自身的信息基于用户的点击 而加载到图形界面中,可选地,所述书签概览组自身的信息也可W事先加载到图形界面中, 具体地,在步骤220之前或之后,还可W包括步骤:在图形用户界面中加载一个或多个书签 概览组。运时,会加载所述书签概览组自身的信息,例如书签概览组的标识号ID、书签概览 组名称、创建时间、创建的用户标识号ID、和显示状态中的一个或多个。其中"显示状态"例 如包括缺省显示状态或者非缺省显示状态,通常在包含多个书签概览组时,会设置其中一 个书签概览组为缺省显示状态。在书签概览组被创建之后,书签概览组的有关信息都被存 储在后端服务器中。例如,通过如下代码来实现加载名称分别为"样例数据概览"、"我的数 据概览"两个书签概览组:
[0094] {"id":63, "name":"样例数据概览","create_time": "2015-08-17
[0095] 15:18:21","use;r_id": 16,"is_default": 1},
[0096] {"id": 159, "name":"我的数据概览","create_time": "2015-09-09
[0097] 15:13:40","use;r_id": 18,"is_default":0}
[009引其中/'样例数据概览"的ID号为63,创建时间是2015年8月17日15点18分21秒,是 由用户标识号ID为16的用户创建的,其显示状态为1,表示非缺省状态,"我的数据概览"的 显示状态为0,表示缺省状态。在运种情形下,在上面的步骤231中,就无需再加载书签概览 组自身的信息了。
[0099] 可选地,在步骤230中在所述书签概览组中显示所保存的书签的概览之后,可W执 行步骤240,在步骤240,生成与所述书签概览或者其中一部分相关联的书签的页面的链接 地址。所述链接地址可W包括书签所包含的第一书签信息、书签标识号ID、W及书签获得数 据的时间区间等信息。
[0100] 当所述书签概览是W列表形式显示在所述书签概览组中时,每个书签概览显示为 列表中的一个条目,则可W将该书签概览整个条目或者条目中的书签名或者其它信息与该 书签的页面的链接地址相关联,例如,如果与书签概览整个条目相关联,则点击该书签概览 整个条目的任何位置,就可W进入该书签的页面;如果与该书签概览条目中显示的书签名 相关联,则点击该书签名时,进入该书签的页面。
[0101] 当所述书签概览W书签的缩略图显示于所述书签概览组的页面中时,基于书签的 信息(包括书签名、选定的查询条件和显示参数、书签标识号ID、选定的时间区间等)生成与 所述缩略图或其中的一部分对应的书签的页面的链接地址。例如,对于前面提及的"买入黄 金'事件的"总次数"按"城市'进行查询、按"小时"和"线图"进行显示而存储的书签,其在 "我的数据概览"中呈现缩略图时,生成的链接地址如下:
[0102] http : //123.59.60.60 :8899/se卵6111日1:;[0]1/#1116日3肥63%580%加%586¥6]11:_ name % SD = BuyG old&measures % 5B0 % 5D % SBaggregator % 5D = general&uni t = hour& f ilter % SBrelation% 5D = &f i I ter % SBconditions % 5D = &by_f ields % 5B%5D = event. BuyGold . % 24province&by_f ields %5B%5D = event. BuyGold . % 24city& chartsType = line&to_
当前第3页1 2 3 4 5 6 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1