BQ8.2仪表板第三方控件封装说明演示文稿.pptx

仪 表 板第三方控件 介绍 数据展现类：树图、标签云、力导向树图、力导向关系图、温度计式条形图、玫瑰饼图等 数据分析类：趋势线、正态分布 地图分析类：3D全球地图、中国省市县钻取地图、平铺世界地图、全景地图等 使用流程 -------------------必须文件------------------------- json文件：仪表板属性面板配置 Html文件：主要显示页面 -------------------非必须文件----------------------- 图片文件：仪表板部件选择器示意图 其他文件：实现第三方控件功能的一些资源文件，如css、js，资源文件夹等 导入 BQ平台 仪表板 引用 部件选择器选择已导入的第三方控件，拖拽到画布，设置数据及属性，轻量预览使用。 在BQ平台中启用“导入第三方插件”节点； 打开辅助工具-BQ第三方插件节点，导入即可； 制作过程 1、找到开源图表并下载。查找各种开源控件网站，如echarts、highchart、ucharts等； 2、制作控件。要使第三方控件能够通过仪表板提供数据及各种属性，则需要运用仪表板提供的bqconfig属性面板及加载数据和属性的API方法； bqconfig.json文件为仪表板认识的属性面板设置。导入到BQ8.2后，仪表板会通过此文件进行编译生成属性面板；参考后面章节bqconfig文件配置说明。 仪表板按照bqconfig生成的属性面板给值之后传递给第三方控件的API方法；参考后面章节API方法。 3、压缩成zip包。注意：不能用文件夹压缩； 第三方控件制作及使用介绍： 4、打开BQ8.2节点“导入第三方插件”，将第三方zip包导入； 5、设计仪表板，在部件选择器中选择第三方控件； 6、创建数据集，在第三方控件的属性面板中绑定数据集，并匹配数据列； 7、设置属性，属性可以是文本值，也可以是通过仪表板参数提供，如在文本输入地方编写param(paramname)即可将参数值传给属性； 8、获取控件事件消息。在仪表板的任意部件中的onMessage方法中的message即为控件发出的消息，使用时需指定from为第三方控件名； 9、轻量预览仪表板。 配置文件 {    “compObjectName”: “bqmap”,     ----------第三方部件对象名称 “htmlName”: “bmap.html”, -----------主页名字 “iconNormal”:“iconNormal.png”, ----------调色板图标文件 “iconSmall”:“iconSmall.png”, ---------------部件树图标文件 “Properties”: {---------属性编辑器开始         groupName1: {-----属性编辑器分组，若属性很多，或者根据属性用途。可以考虑分若干个组             pName1: {--------属性Code ，属性间唯一标识                 showName: 属性名称1“,----------属性名称，在仪表板编辑器上显示的内容，可以与code不同                 editorType : “text”,---编辑器类型，可以是text、combobox、dataset、table、boolean。未知类型都按text类型处理                 “range”: [ “v1”,“v2”],-------------编辑器取值范围，对于text ，boolean，boolean 此信息无意义，可以不写range 字段，对于dataset，此信息是字段名信息，必须写                     “defaultValue”: “v1”------编辑器默认值。  对于dataset，这个信息也无意义，也可以不写             },   pName4: {                 showName: Dataset,                 editorType: dataset,                 “range”: [“columA”,  “columB”, “columC”,  “columD ”]------字段名             }      }          } } 主要配置文件bqconfig.json：描述了部件的对象信息，html信息，图标、属性编辑器信息等。此文件不能改名，是读取配置信息的入口。格式和说明如下：  API方法 function thirdclass() {-------