数据可视化平台应用实践分享.pptx
360-02 2020数据可视化平台应用实践分享分享人：周全 1.前言2.PC端平台应用分享3.大屏端平台应用分享4.Q&A4股票简称：赛意信息 股票代码：3006874/公司A的业务量越来越庞大，伴随着产生了海量的业务数据，这时候数据仓库和数据分析应运而生。数据分析后需要生成各种指标的报表（如月报 季报 年报等），以往的Excel报表乏味且不好分析比较。这时候数据可视化分析平台应运而生，需要能在PC端和移动大屏端其能通过各种图表(柱状图 混合折线图，饼图，瀑布图等)生动一目了然的形式展现公司的各种指标的运营数据及变化情况。公司领导可实时的查看公司运营数据 为制定新的方案提供数据支撑.1.前言5股票简称：赛意信息 股票代码：3006875/2.PC端平台应用分享PC端平台浏览器可视化网站PC端卡片1PC端卡片2PC端卡片n.数据服务1数据服务2数据服务n数据库分区1数据库分区n数据库分区2RedisRedis6股票简称：赛意信息 股票代码：3006876/2.PC端平台应用分享l是开发数据可视化的组件 以图表的形式展示数据报表。lPC端卡片可分为大卡片和小卡片 大卡片可用于制作一张完整的可视化网页，可包含多个图表组件 通过拖拉的方式布局即可形成一个完成的可视化网页。也可以一个卡片只包含一个图表组件则为小卡片，通过代码布局的方式引入多个小卡片也可以形成一个完整的可视化网页l开发卡片图表可使用平台图表，第三方发布图表，或自己开发图表l平台底层是基于VUE和JQuery实现，编写代码时可使用vue和Jqueryl平台图表使用百度echarts API提供的各种图表，第三方发布卡片和自开发卡片也需遵循该API制作图表，如使用其他第三方API开发图表则需要平台上传所依赖的库文件l平台图表，第三方发布图表都能通过属性设置或者编辑代码的方式改变其展现形式。自开发图表只能通过编写代码的方式修改其展现形式l卡片与卡片之间通过事件监听的方式进行消息传递来实现卡片的交互和事件响应 平台提供配置和标准事件监听的方法l卡片可发布到卡片生态市场H 共享给其他应用使用从而实现卡片消费 卡片消费是华为今后的发展趋势。PC端卡片7股票简称：赛意信息 股票代码：3006877/2.PC端平台应用分享平台服务是一种数据服务，有点类似于微服务中的服务API，但是其无需发布到API市场 发布到数据服务平台l 数据服务分为原子服务和组合服务，原子服务是指单个服务 组合服务是在服务里面可以调用多个原子服务 并对取得的原子服务进行数据加工处理的服务l 原子服务的脚本是SQL脚本 组合服务的脚本可以是SQL脚本 也可以是java脚本l 原子数据服务输出的数据格式是简单的json数据 如a:a1,b:b1,a:a2,b:b2 java脚本的组合服务可以输出数据结构丰富的json数据l 数据服务可支持启用缓存和设置刷新时间 缓存是以数据服务的入参的值为key存储的 其key是入参的笛卡尔集，所以入参越多 每一个入参的值越多 服务缓存的key就越多 缓存命中率越低l 数据服务可以跨应用调用 只需要数据服务对消费放应用的APP ID授权数据服务平台：8股票简称：赛意信息 股票代码：3006878/2.PC端平台应用分享卡片访问数据服务的方式：卡片自己发送请求卡片调用服务方式卡片绑定服务1 事件触发方发送监听事件名 传递参数 2卡片配置监听事件名 即可接收参数 发起请求1 事件触发方发送监听事件名 传递参数 2卡片写代码监听事件名 接收参数 发起请求9股票简称：赛意信息 股票代码：3006879/2.PC端平台应用分享开发好的可视化平台，为了统计平台的访问数据 卡片的访问数据 用户的行为习惯 为平台做持续优化提供数据支撑 我们需要对卡片进行监控埋码处理。埋码可添加在任何一个卡片的任何一个有交互事件的地方 卡片埋码：04030201注 册 应 用去日志平台根据自己的APP ID注册登记自己的应用 开通记录日志的权限添 加 埋 点在页面或者卡片有交互的地方添加代码 调用js方法 保存用户行为引 入 j s 脚 本在页面不是单个卡片里引入埋码所依赖的js提 取 数 据去日志数据平台提取页面或者卡片的访问结果数据10股票简称：赛意信息 股票代码：30068710/2.PC端平台应用分享当数据服务出现报错的时候 我们需要去查询数据服务的日志分析解决问题，服务日志分析平台S提供了服务的详细日志信息 关键信息下：服务监控-分析错误和预防故障：A服务入参数据B执行结果C执行耗时D具体错误信息11股票简称：赛意信息 股票代码：30068711/2.PC端平台应用分享当数据服务出现耗时比较长 可能给服务器造成压力或者宕机 导致大量数据据服务不可用 日志平台会对服务进行预防和告警处理日志平台S的架构。服务监控-分析错误和预防故障：12股票简称：赛意信息 股票代码：30068712/2.PC端平台应用分享权限控制，服务治理：权 限卡 片 权 限服 务 权 限数 据 权 限控制卡片是否展示控制数据服务是否可访问控制数据维度和范围13股票简称：赛意信息 股票代码：30068713/3.大屏端平台应用分享大屏端平台移动大屏可视化屏幕大屏端卡片1大屏端卡片2大屏端卡片n.数据服务1数据服务2数据服务n数据库分区1数据库分区n数据库分区2MongoDBMongoDB大屏后台管理14股票简称：赛意信息 股票代码：30068714/3.大屏端平台应用分享l是开发数据可视化的组件 以图表的形式展示数据报表。l开发卡片图表可使用平台图表或自己开发图表l平台底层是基于VUE和JQuery实现，编写代码时可使用vue和Jqueryl平台图表使用百度echarts API提供的各种图表，自开发卡片也需遵循该API制作图表，如使用其他第三方API开发图表则需要平台上传所依赖的库文件l平台图表能通过属性设置或者编辑代码的方式改变其展现形式。自开发图表只能通过编写代码的方式修改其展现形式l卡片与卡片之间通过事件监听的方式进行消息传递来实现卡片的交互和事件响应 平台提供标准事件监听的方法 需要写代码监听事件发送请求l卡片可发布到卡片生态市场H 共享给其他应用使用从而实现卡片消费 卡片消费是华为今后的发展趋势。大屏端卡片15股票简称：赛意信息 股票代码：30068715/3.大屏端平台应用分享数据服务和PC端采用相同的数据服务方式 除此之外还可以调用API市场发布的任一REST服务，大屏平台的APP ID订阅服务提供方的服务API编码即可 鉴权走的是微服务的鉴权流程 采用app 动态token认证数据服务平台：16股票简称：赛意信息 股票代码：30068716/3.大屏端平台应用分享开启服务主动缓存可以极大的提高大屏响应速度，其是一种数据预加载的机制 平台使用提前配置好的服务参数，通过定时任务调度的方式主动请求服务数据 载入内存 避免数据服务直接访问数据库 提高大屏性能服务主动缓存：17股票简称：赛意信息 股票代码：30068717/3.大屏端平台应用分享回看功能可实现用户根据日期查看大屏过往的数据，是大屏过往的数据快照。其是基于MongoDB在海量数据的缓存方面的高性能和数据持久化在硬盘的优点 以实现将大屏的数据按天 按参数的迪卡尔集做为key存储在缓存 性能快 数据稳定可靠不丢失大屏回看：18股票简称：赛意信息 股票代码：30068718/3.大屏端平台应用分享权限控制，服务治理：权 限大 屏 权 限服 务 权 限控制大屏否展示控制数据服务是否可访问19股票简称：赛意信息 股票代码：30068719/3.大屏端平台应用分享大屏后台管理：后 台 管 理配置服务的参数值 预加载服务数据到缓存主 动 缓 存 参 数 配 置生成大屏的菜单链接地址 在大屏上生成切换屏幕的菜单导航菜 单 配 置如地图资源文件配置等资 源 文 件 配 置配置用户角色的屏幕权限屏 幕 权 限 配 置20股票简称：赛意信息 股票代码：30068720/Q&A字体：微软雅黑(姓名)粗体/(联系方式)正常字号：13pt字体颜色：反白
