基于Wyn商业智能自定义可视化组件方法、装置及存储介质与流程

基于wyn商业智能自定义可视化组件方法、装置及存储介质
技术领域
1.本技术涉及商业智能技术领域，尤其涉及一种基于wyn商业智能自定义可视化组件方法、装置及存储介质。


背景技术：

2.商业智能指用现代数据仓库技术、线上分析处理技术、数据挖掘和数据展现技术进行数据分析以实现商业价值。wyn商业智能仪表板已经内置了大量的、标准的基础可视化组件来供用户使用，例如折线图、柱状图、散点图、饼图以及雷达图等。
3.现有的智能仪表板内置的基础可视化图标在一些情况下无法满足客户的需求，并且不能由用户自己设计。现有的商业智能大屏可视化系统一般有两种设计方案，一种是通过提供自由配置页面元素的可视化编辑平台，由大屏设计人员按照用户的需求进行大屏页面设计；一种是通过web功能页面开发，根据用户的需求，进行功能页面的定制。然而现实中，用户的需求大多只能解决当下的问题，而不能对长远的需求做出设计，因此不能灵活的根据用户的需求进行可视化展示是现有技术中一个重要问题。


技术实现要素：

4.本技术实施例通过提供一种基于wyn商业智能自定义可视化组件方法、装置及存储介质，解决了现有技术中用户不能自己进行自主设计页面数据交互，进而进行数据可视化的问题，实现了用户能够自由进行数据关联、数据交互，并且将对所关注的数据进行可视化，从而获得清晰的数据分析效果。
5.第一方面，本发明实施例提供了一种基于wyn商业智能自定义可视化组件方法，该方法包括：
6.创建可视化插件工程，并添加数据绑定功能；
7.在用户可视化界面中添加调试自定义组件；
8.点击所述调试自定义组件，在画布上添加调试工具组件；
9.将数据添加至所述调试工具组件中，进行可视化绘制。
10.结合第一方面，在一种可能的实现方式中，在创建可视化插件工程之前，包括：进行全局安装需要的软件包管理工具。
11.结合第一方面，在一种可能的实现方式中，所述创建可视化插件工程，包括：输入初始化命令，创建一个自定义可视化的项目。
12.结合第一方面，在一种可能的实现方式中，所述并添加数据绑定功能，包括：打开需要的json文件，添加数据绑定能力。
13.结合第一方面，在一种可能的实现方式中，所述在用户可视化界面中添加调试自定义组件，包括：
14.引入图像绘制库；
15.获取绑定的数据值，并自动与可视化前端建立连接，提供绑定数据的抓取能力；
16.获取抓取的数据进行可视化绘制。
17.第二方面，本发明实施例提供了一种基于wyn商业智能自定义可视化组件装置，该装置包括：
18.初始化单元，用于创建可视化插件工程，并添加数据绑定功能；
19.调试接口添加单元，用于在用户可视化界面中添加调试自定义组件；
20.调试测试单元，用于点击所述调试自定义组件，在画布上添加调试工具组件；
21.可视化绘制单元，用于将数据添加至所述调试工具组件中，进行可视化绘制。
22.结合第二方面，在一种可能的实现方式中，所述初始化单元，用于进行全局安装需要的软件包管理工具。
23.结合第二方面，在一种可能的实现方式中，所述初始化单元还用于输入初始化命令，创建一个自定义可视化的项目。
24.结合第二方面，在一种可能的实现方式中，所述初始化单元还用打开需要的json文件，添加数据绑定能力。
25.结合第二方面，在一种可能的实现方式中，所述调试接口添加单元，用于引入图像绘制库；获取绑定的数据值，并自动与可视化前端建立连接，提供绑定数据的抓取能力；获取抓取的数据进行可视化绘制。
26.第三方面，本发明实施例提供了一种基于wyn商业智能自定义可视化组件服务器，包括存储器和处理器；
27.所述存储器用于存储计算机可执行指令；
28.所述处理器用于执行所述计算机可执行指令，以实现第一方面和第一方面任一项所述的方法。
29.第四方面，本发明实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有可执行指令，计算机执行所述可执行指令时能够实现第一方面和第一方面任一项所述的方法。
30.本发明实施例中提供的一个或多个技术方案，至少具有如下技术效果或优点：
31.本发明实施例通过采用了一种基于wyn商业智能自定义可视化组件方法、装置及存储介质，该方法包括：创建可视化插件工程，并添加数据绑定功能；在用户可视化界面中添加调试自定义组件；点击调试自定义组件，在画布上添加调试工具组件；将数据添加至调试工具组件中，进行可视化绘制；在该方法中，对可视化插件工程中的数据进行绑定，使得在后续用户进行自由设计关联数据，并将其关联结果进行可视展示，在用户界面上设置有调试自定义组件，能够使用户在页面上改变组件自定义绘制逻辑以及实现数据绑定，基于这个机制用户可以实现非常强大的定制能力。本技术提出的方法解决了现有技术中用户不能自己进行自主设计页面数据交互，进而进行数据可视化的问题，实现了用户能够自由进行数据关联、数据交互，并且将对所关注的数据进行可视化，从而获得清晰的数据分析效果，极大扩展了仪表板的数据可视化能力，借助可视化插件曝露出的接口/能力，用户可以根据自身需求，深度定制可视化插件，一比一高度还原设计稿，让用户更好的理解数据，挖掘数据中的价值。
附图说明
32.为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对本发明实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
33.图1为本技术实施例提供的基于wyn商业智能自定义可视化组件方法的步骤流程图；
34.图2为本技术实施例提供的可视化工程目录生成示意图；
35.图3为本技术实施例提供的数据绑定代码示意图；
36.图4为本技术实施例提供的绑定数据至可视化组件上示意图；
37.图5为本技术实施例提供的添加调试自定义组件的步骤流程图；
38.图6为本技术实施例提供的wyn商业智能后台管理画面中开启开发调试能力前端显示图；
39.图7为本技术实施例提供的画布添加自定义可视化组件示意图；
40.图8为本技术实施例提供的画布调试自定义可视化组件示意图；
41.图9为本技术实施例提供的自定义可视化组件前段页面设计图；
42.图10为本技术实施例提供的数据与可视化组件关联前端页面示意图；
43.图11为本技术实施例提供的基于wyn商业智能自定义可视化组件装置示意图；
44.图12为本技术实施例提供的基于wyn商业智能自定义可视化组件服务器示意图。
具体实施方式
45.下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述。显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
46.商业智能(business intelligence，简称：bi)指用现代数据仓库技术、线上分析处理技术、数据挖掘和数据展现技术进行数据分析以实现商业价值。wyn商业智能仪表板已经内置了大量常见的、标准的基础可视化图表组件来供用户使用，例如折线图，柱状图，散点图，饼图，雷达图等等。
47.除了提供基础的核心可视化组件之外，wyn商业智能仪表板还提供了开发工具和开发sdk，来帮助用户可以开发出专有的、自定义的可视化组件。自定义可视化组件是一种高级的商业智能数据可视化机制，允许用户借助系统提供的可视化图表机制，自定义可视化图表，包含对图表数据模型的定制，图表样式属性的定制以及图表渲染效果和分析行为的定制。
48.本发明实施例提供了一种基于wyn商业智能自定义可视化组件方法，该方法包括一下步骤s101至s104。
49.s101，创建可视化插件工程，并添加数据绑定功能。在创建可视化插件工程之前，包括：进行全局安装需要的软件包管理工具。创建可视化插件工程，包括：输入初始化命令，创建一个自定义可视化的项目。
50.在本技术提供的一个具体的实施例中，在nmp全局安装cli工具，即输入：npm install@grapecity/wyn-visual-tools-g。在工作目录下创建一个可视化插件工程，即输入：wyn-visual-tools init，初始化命令输入后，会创建一个自定义可视化组件的项目，目录如图2所示。本技术提供的一个具体的实施例中，该项目是基于webpack，可以进行开发调试，以及打包发布。
51.添加数据绑定功能，包括：打开需要的json文件，添加数据绑定能力。定义数据绑定能力，具体的打开capabilities.json文件，添加数据绑定能力如图3所示。通过上述的声明，wyn商业智能仪表板编辑器可以得知这个自定义组件的数据声明，生成数据绑定的画面。用户可以把任意的数值字段放到value上，实现数据的抓取，如图4所示将总保额绑定到value。
52.s102，在用户可视化界面中添加调试自定义组件。如图5所示包括步骤s501至s503。
53.s501，引入图像绘制库。具体的可以引入d3这个图形绘制库。
54.s502，获取绑定的数据值，并自动与可视化前端建立连接，提供绑定数据的抓取能力。通过项目中的update方法的参数options来获取绑定的数据值，options参数自动与仪表板服务建立连接，提供绑定数据的抓取能力。
55.s503，获取抓取的数据进行可视化绘制。获取到抓取的数据后使用d3来绘制该数据。
56.s103，点击调试自定义组件，在画布上添加调试工具组件。在本技术提供的一个具体的实施例中，调试自定义组件中，还包括有重绘的功能，支持在可视化组件大小发生变化的时候，刷新组件，以适应新的可视化组件的大小。
57.s104，将数据添加至调试工具组件中，进行可视化绘制。如图6所示，在wyn商业智能仪表板设计器中调试自定义组件，首先在wyn商业智能后台管理画面中开启开发调试能力。
58.在本技术提供的一个具体的实施例中，第一步在自定义组件项目的文件夹下执行“wyn-visual-tools develop-p 3000”命令，该命令会在端口启动一个web服务，用于将自定义组件推送至wyn商业智能仪表板设计器。第二步开wyn商业智能仪表板设计器，在画布上添加一个调试工具组件，点击刷新按钮加载可视化插件，如图7所示。为自定义组件建立数据绑定，该组件会进行自定义的绘制，如图8所示。第三步整个自定义组件的开发，调试环境构建完成，用户可以继续编辑visual.ts以及capabilities.json来改变组件自定义绘制逻辑以及数据绑定能力。基于这个机制用户可以实现非常强大的定制能力。第四步，更新assets文件夹下的icon.png文件，要求大小为72*72，将来这个图表会出现在仪表板的组件库列表上。第五步，更新package.json中的版本信息，执行打包命令“wyn-visual-tools package”，会生成一个特定格式的，以viz为后缀的自定义组件文件。第六步，如图9所示，将第五步中的viz文件上传至wyn商业智能后台，所有的仪表板设计器都可以使用这个组件。第七步，如图10所示自定义组件上传后，会出现在仪表板组件库中，将该组件拖至仪表板设计区，该组件会被加入到仪表板，而后进行数据绑定，属性设定。
59.wyn商业智能仪表板提供了javascript sdk，自定义可视化组件需要实现在sdk中定义好的契约，可以任意选用d3，echart等其他的前端图形来进行自定义的绘制。智能仪表
盘内置的基础可视化图标在一些情况下无法满足客户的需求，而自定义可视化组件提供了一种机制，用户只需要实现自定义组件的契约，可以使用任意的外部的可视化组件库来实现可视化，可以满足特定的需求。另外用户还可以将已经完成后的可视化插件共享，让更多的用户了解并使用。
60.wyn商业智能仪表板还提供了javascript开发sdk以及对应的开发调试工具便于跟wyn商业智能服务集成，使得用户可以很容易的进行可视化组件的开发。
61.本发明实施例提供了一种基于wyn商业智能自定义可视化组件装置1100，如图11所示该装置包括：
62.初始化单元1101，用于创建可视化插件工程，并添加数据绑定功能。用于进行全局安装需要的软件包管理工具。还用于输入初始化命令，创建一个自定义可视化的项目。打开需要的json文件，添加数据绑定能力。
63.调试接口添加单元1102，用于在用户可视化界面中添加调试自定义组件；用于引入图像绘制库；获取绑定的数据值，并自动与可视化前端建立连接，提供绑定数据的抓取能力；获取抓取的数据进行可视化绘制。
64.调试测试单元1103，用于点击调试自定义组件，在画布上添加调试工具组件。
65.可视化绘制单元1104，用于将数据添加至调试工具组件中，进行可视化绘制。
66.在本技术提供的装置中，首先在初始化单元1101对所需的工具包进行配置，确定安装和运行环境；在调试接口添加单元1102中设计数据的绑定和前段可调试自定义组件的按钮；在调试测试单元1103中，用户自定义的可视化组件可以与数据进行关联，并且可以进行调试，展示可视化效果；在可视化绘制单元1104中，对上述自定义的可视化组件的关联数据进行可视化绘制，展示用户自定义的可视化组件的整体效果。
67.上述实施例阐明的装置或模块，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。为了描述的方便，描述以上装置时以功能分为各种模块分别描述。在实施本技术时可以把各模块的功能在同一个或多个软件和/或硬件中实现。当然，也可以将实现某功能的模块由多个子模块或子单元组合实现。
68.本技术中所述的方法、装置或模块可以以计算机可读程序代码方式实现控制器按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(英文：application specific integrated circuit；简称：asic)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：arc 625d、atmel at91sam、microchip pic18f26k20以及silicone labs c8051f320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内部包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
69.本技术所述装置中的部分模块可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类
型的例程、程序、对象、组件、数据结构、类等。也可以在分布式计算环境中实践本技术，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
70.本发明实施例提供了一种基于wyn商业智能自定义可视化组件服务器，包括存储器1201和处理器1202；存储器1201用于存储计算机可执行指令；处理器1202用于执行计算机可执行指令，以实现基于wyn商业智能自定义可视化组件方法和其任一项的方法。
71.本发明实施例提供了一种计算机可读存储介质，计算机可读存储介质存储有可执行指令，计算机执行可执行指令时能够实现基于wyn商业智能自定义可视化组件方法和其任一项的方法。
72.上述存储介质包括但不限于随机存取存储器(英文：random access memory；简称：ram)、只读存储器(英文：read-only memory；简称：rom)、缓存(英文：cache)、硬盘(英文：hard disk drive；简称：hdd)或者存储卡(英文：memory card)。所述存储器可以用于存储计算机程序指令。
73.虽然本技术提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。本实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的装置或客户端产品执行时，可以按照本实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。
74.通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本技术可借助软件加必需的硬件的方式来实现。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，也可以通过数据迁移的实施过程中体现出来。该计算机软件产品可以存储在存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，移动终端，服务器，或者网络设备等)执行本技术各个实施例或者实施例的某些部分所述的方法。
75.本说明书中的各个实施方式采用递进的方式描述，各个实施方式之间相同或相似的部分互相参见即可，每个实施方式重点说明的都是与其他实施方式的不同之处。本技术的全部或者部分可用于众多通用或专用的计算机系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、移动通信终端、多处理器系统、基于微处理器的系统、可编程的电子设备、网络pc、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。
76.以上实施例仅用以说明本技术的技术方案，而非对本技术限制；尽管参照前述实施例对本技术进行了详细的说明，本领域普通技术人员应当理解：其依然可以对前述实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本技术技术方案的范围。