3.0 版白皮书
1、背景
引言
今天，大数据已经无处不在，并且不仅被广泛的应用到科学、政治、历史、经济、商业等领域，甚至普及到我们生活中的方方面面，在这个大数据的时代，每天的信息量成爆炸式的增长，因此，怎样将这些数据价值应用到我们的生产决策中，或者通过数据去改善人们的生活便成了当前信息业普遍看好的领域，这个领域便是--数据可视化。
研发背景
伴随着数据不断增长的趋势，从数据的另一面去发掘价值，最好的手段就是将数据转换为图表等可视化元素。
科学研究证明，人类获取信息的途径80%靠视觉，现在地图可视化和3D物理结构可视化已经很好的应用在各个领域，然而随着信息量越来越大，图表的结构必然越来越复杂，更科学简单的可视化工具就越来越重要。
探究隐藏在大数据背后的价值，用技术的手段更简单，科学、合理的将数据转换成可视化元素是ChartBuilder立命之本，因此ChartBuilder在数据的接入、图表的选择、布局的设计、过程的操控上都投入巨大的研究和设计成本。
2、产品概述
ChartBuilder技术架构
ChartBuilder前端采用Vue架构，进行模块化开发，图表模块直接引入Echarts4.X和Highcharts6.X，除此之外，产品发布的同时还自带原厂开发的20多类其它类别的图和表。
ChartBuilder的后端采用SpringCloud微服务的架构+MongoDB 双机双活模式，让用户访问更迅速的同时也提供更安全的环境，从而保证用户信息的安全性。
ChartBuilder离线版采用SpringBoot作为后台服务开发
组件平台
组件平台主要负责处理大屏场景中的数据接入，组件间数据交互、处理等，脚本的调度执行，动画编辑编排及执行，组件布局控制图层控制，组件属性操作及属性编辑等。
编辑器
编辑器主要通过画布管理器来连接组件平台的各项功能，实现从数据到可视化元素的过程。
视图器
视图器中不可对场景进行编辑，但可以对场景进行有限的脚本控制，视图器和编辑器相比更加轻便，场景执行速度更快效率更高，从而可以使生产投屏达到更好的效果
后端
后端即ChartBuilder的服务器端，主要为ChartBuilder的前端场景编辑，投产提供数据接口服务，是ChartBuilder的核心模块，后端的部署目前采用1+1双活方式进行部署。
部署模式
数据库服务器采用1+1双活模式
后端服务器采用1+1双活模式
前端服务器Nginx采用LBS方式双活
投屏桌面PC建议将显卡升级为GT960或者以上，以达到更好的动效
另外：ChartBuilder也可以部署到客户本地，部署结构更为灵活，支持单机和多活方式部署
3、产品功能介绍
升级后的交互体验
增加快捷键
增加ctrl+s保存，ctrl+z撤销，ctrl+y恢复撤销等快捷键操作
增右键件菜单
支持图层管理器对图层排序的同时，还将图层排序功能放到右键菜单中
画布操作控制
优化了组件移动、打组移动，2.0版本的缩小画布后移动组件不跟随鼠标将成为历史 增加键盘上下左右键移动组件，按一次移动1px,ctrl+方向键移动一次10个像素 优化组件尺寸调整工具，组件选中后四周和四个顶点均有调整大小柄，如下图
组件选中后可精准修改组件容器大小，无需打开组件控制中心，并支持鼠标上下键进行+1-1操作如下图：
优化图层排序体验，2.0版本图层排序后整个场景重新渲染一边造成卡顿的现象将成为历史，排序性能可和抖音加载速度媲美 增加组件双击功能，双击后打开组件控制中心，想你所想，做你所做。
新增组件控制中心
组件控制中心包含3个部分，分别为：属性配置、Options配置、Javascript 属性配置：通过可视化的操作来定义图表的 样式，如下图
Options配置： 通过JSON对象的形式来配置图表，因为Echarts和Highcharts配置项高达2000多项，通过可视化页面配置没那么容易找到，因此此处可以直接通过Option的方式手动写到这里
Javascript: 实施人员可以对每个组件写Javascript来控制组件的样式，数据的二次处理，动画的执行等动作（见API手册），从而全方位的控制从数据到图表可视化的过程，如下图：
全新的组件平台
丰富的组件库
官方全新3.0版本图表达到64种，涵盖Echarts和Highcharts常用图表，增加了以往不常用的瀑布图，词云图，甘特图，桑基图，平行坐标图等，如果这些还不够，ChartBuilder提供空白图表，你可以在空白图表上自行绑定DOM和数据，自行写JavaScript控制，形成自己的图表库
灵活好用的画图板
ChartBuilder3.0版本增加了画图板功能，在画图板上你可以画线、圆、矩形框、椭圆等简单的图形，但是复杂的图形基本上都是由这几种简单的图形搭建起来的不是吗，如下图：
强势而来的2D地图
ChartBuilder3.0发布携带2D中国地图，2D世界地图，用户可以很方便的在地图上附加飞线效果，热力图效果，饼图，柱图等
丰富多彩的色系设置
系统预定义5中色系，通过选择不同的色系，可以让你的可视化设置更为便捷，如果5种不够怎么办？么事么事，ChartBuilder提供你在Javascript种自定义色系来覆盖原有色系控制系统
流畅的动画编排系统
3.0版本的新ChartBuilder完全抛弃2.0版本的动画机制，全新的动画引擎及编排机制，让你的动画比PPT还好看
全新的权限控制
场景列表按照权限划分为：
演示场景
演示场景列表中的场景是ChartBuilder开发团队制作的Demo场景，用户可以查看制作过程，为用户提供学习模板
机构场景
我所在的机构中所有人员制作的场景，一个人可以隶属于多个机构
我的场景
我的私有场景，如果用户加入到某个机构下，该用户的场景将在机构内部公开，例如优锘所有同事的场景可以相互查看和编辑
完全兼容所有2.0版本的ChartBuilder场景
完全兼容2.0版本的所有场景，并且2.0版本场景在3.0版本种打开新能会更流畅，并且2.0版本的组件在3.0版本种有依然可以使用，我们将会在3.0版本发布稳定版以后下架所有2.0版本的组件：
4、产品特点
五步法快速构建大屏
1.选择合适的场景模板，从模板开始快速创建
2.在场景中选择合适的图形组件来表达我们的业务指标数据
3.在可视化的组件控制中心调整图表组件的大小、颜色等样式
4.系统提供可视化的动画编排中心，在可视化的页面上完成轮播动画，数据驱动动画等功能
5.接数据分为线上和线下，线上无需接数，编辑完场景后，下载离线包，到生产环境中运行接入生产数据即可
稳定可靠的数据处理中心
快速组件定制化能力
任何可视化平台都不可能提供包罗万象所有的可视化元素需求，因此当客户需要的可视化元素在平台上没有提供时，ChartBuilder可以提供提供快速的组件开发功能，定制化能力来自于2个方面
1.通过现有组件拼接或者画版进行可视化绘制方式
2.通过在空白组件上进行脚本逻辑开发
不管是基于那种能力形成的新组件，在ChartBuilder上都会自动接入组件平台提供的如下功能：
1.数据接入和绑定功能
2.动画编排功能
3.参与布局功能
4.组件分享功能
5、客户收益
展示企业文化和形象
企业可以在大屏上形象的描绘企业文化，树立可视化的企业形象，透过大屏来为企业做宣传已经是行业常规案例。
例如：阿里巴巴双11通过大屏展示交易信息，从而刺激和促进消费的同时，也能更好的展示阿里巴巴的科技形象。
辅助企业决策
通过大数据分析，将分析结果通过可视化的元素展现，可以直观反应当前业务的运行状态，从而为企业的决策提供强有力的支持。
业务场景可视化
信息依赖度较高的企业一般还会对业务进行可视化描绘，例如银行数据中心在年终结算时，一般会将结算的进度，结算任务列表通过可视化的手段投放到大屏上，再如数据中心每年一般会进行一次网络切换的应急演练，企业在应急演练时一般会将应急切换过程动态实时的投放到大屏上。
