多媒体图形
81
基于ECharts 的数据可视化分析组件设计实现研究
◆牛  颖  段  军
科技进步为我们的生活带来了诸多便利，特别是对于数据获取和
处理方面，要求不断提高，在互联网＋时代下，我们通常会遇到海量的数据，单一的文本数据的表达、分析已经不能快速、高效的进行数据处理和使用，新技术的研究迫在眉睫。在这种情况下，数据可视化被提出，借由计算机绘图，使用多种图形方法将复杂的数据生动的表达，增大数据理解交互力度。在此之后，如何更好的利用这项技术，在更多的平台和领域发挥更大的作用，成为许多计算机研究人员的难题。本文对已有的经典可视化模型进行分析研究，提出新的ECharts 数据可视化分析组件相关的模型，更高效的处理数据。
一、可视化模型的发展
最早期的可视化模型是流水线模型，其整个过程包括：分析原始数据、过滤处理数据、变为几何数据以及绘制可视图形，这是一个可以将可视化流程明了的描述出来的模型，早期的模型如图1所示。但是也存在诸多问题，比如：没有与用户交互，无法继续数据挖掘和修改等，渐渐地新的模型出现在我们的视野中。
图1 流水线模型概念示意
首先是对流水线模型进行优化的回路模型，这种改进使得用户数
据交互不再困难，数据的获取和挖掘也更加容易，但是其响应速度较慢，准确度不够，成本还较高，不能更优的达到客户的要求。除此以外是一些改进模型的出现，比如：可视化的Drilldown 模型，下图2是此种模型的示意图，此模型通过数据驱动图形完成多级钻取数据和转换非同种基础图表的作用，这种模型快捷、方便、迅速，是未来发展的主要方向。
图2 Drilldown 模型概念示意
二、基于ECharts 的组件设计与实现
一）ECharts 的定义
ECharts 是一种控件，是百度前端数据可视化团队研发出的非常具有开发前景的项目，现在已经运用在商业活动中。其利用轻量级Canvas 类库ZRender 简单、明了的完成数据可视化图表，不仅可以交互，还能个性化定制。其具体的实现中需要script 标签引入，需要echarts.init 进行初始化，需要setOption 得到初始柱状图。
[2]
二）设计实现
要实现ECharts 的数据可视化分析组件设计，不是一个简单的过程，包括数据获取格式、生成规则、组件内部函数结构等多方面的问题，本文在下面进行简单的分析。
首先是数据获取与格式，数据获取是模型中至关重要的一点，可
以说是后续所有工作的基础，在本文提到的交互类型的模式中，前台数据会通过规范流程到达后台，从而进行数据处理，在这个过程中，往往需要经典的ajax 请求技术进行辅助，最终得到JSON 格式的数据结果。其次是不同层次数据的生成规则，这些层次数据为实用性数据，是依照需求和关联进行挑选后的数据形式，其保留与图表维度相关的属性，以饼图多级钻取和饼图转化柱状图为例，前者只用注意共通属性，而后者则还要注意图表维度相关的属性，这是一种按需划分的层次数据规则。[3]最后是组件内部的函数关系，这主要关系到一个响应触发设计，在进行鼠标单击或双击操作时，图表给出不同的反应结果，通常情况下，单击的click 事件发生时，响应结果为数据钻取或者图表转换；双击的dbclick 事件发生时，响应结果为回滚事件，图表恢复原始状态。此外，核心函数的调用处理流程结构可以在图表的数据交互中进行使用，这些图表类型不尽相同，依照核心函数为基础进行各类图表数据钻取和转换，使得用户可以自行选取。
三）相关应用
本文在研究中使用ECharts 的数据可视化分析组件完成了某学校网站用户访问源的柱状图，可以简单、
数据可视化设计案例
直观、系统地查看用户访问来源的各项数据和情况，甚至可以具体到某平台、某学院，可以说，大大的加强了对数据的掌握。除此之外，一些与ECharts 结合的安全事故数据三维可视化系统也已经开始应用，在预防安全生产事故方面收效颇大。
三、总结
生活在一个高度数据化的社会，可视化技术在我们生活中的作用越来越大，在各个领域都可以见到其身影，拓展型可视化组件也不甘示弱，不断更新换代。本文首先介绍了传统的可视化模型，改进的可视化模型，又对ECharts 的定义、数据获取格式、生成规则、组件内部函数结构等多方面进行简单分析，介绍了改进的使用ECharts 的数据可视化分析组件设计完成的数据挖掘、钻取和转换，这项组件设计可以运用在不同类型的信息系统中，不仅可以使基本图表具有更多的功能，还能依照客户的不同需求完成数据交互，高效完成了掌控数据
和沟通的过程，对我们的生活发展有所帮助。但是受到篇幅限制，不能对这种组件的程序和结构进行详细说明，实以为憾，科技世界本就是百花齐放、日新月异，希望更多的技术和发明为我们带来更美好的明天。
参考文献
[1] 房强.基于数据可视化的农民工异地医疗分析系统[J].信息技术,2014,41（16）:636-637.
[2] 马晓亭.图书馆大数据可视化分析系统的设计与实现[J].图书馆学研究,2015,19（12）:129-131.
[3] 王子毅，张春海.基于ECharts 的数据可视化分析组件设计实现[J].微型机与应用,2016,16（31）:228-229.
（内蒙古科技大学）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。