基于ECharts的铁路物流数据可视化效果的实现
作者：孙逊 李润泽 赵宏宇 刘斌
来源：《电脑知识与技术》2021年第32期svg canvas
        摘要：为了将从全国各省市年鉴中提取出来的铁路物流数据以更直观的方式展示，降低用户的使用门槛，在以文本化方式展示数据的基础上，提出了实现铁路物流数据可视化的功能。将铁路数据以可视化方式呈现有助于用户迅速地从海量的铁路物流数据中迅速获取到所需要的重要信息，也可以更加直观形象地表达数据所蕴含的信息，更易于用户寻数据变化的趋势和规律以及发现数据之间更深层次的联系。应用Javascript语言的可视化图表库ECharts实现了对铁路物流Web项目中铁路物流基础指标数据以及综合指标数据的动态展示，可以展示各个模块随着年份的走势（折线图）或者占比（扇形图）情况。
        关键词： 铁路物流; ECharts可视化库; 数据可视化; 网页项目; 动态可视化
        中图分类号：TP311 文献标识码：A
        文章编号：1009-3044（2021）32-0022-04
        Realization of Visualization of Railway Logistics Data Based on ECharts
        SUN Xun1，LI Run-ze2 ，ZHAO Hong-yu2，LIU Bin1
        （1. China Railway Siyuan Survey and Design Group Co.，Ltd.， Wuhan 430063， China; 2.Southwest Jiaotong University， Chengdu 611765， China）
        Abstract：To display the railway logistics data extracted from the yearbooks of various provinces and cities across the country in a more intuitive way and reduce the user's threshold for use， on the basis of displaying the data in a textual manner， the function of realizing railway logistics data visualization is proposed. Visualizing the railway data will help users quickly obtain the important information they need from the massive railway logistics data. It can express the information contained in the data more intuitively and visually. It is easier for users to look for trends and laws of data changes and discover deeper connections between data.Finally， the dynamic display of railway logisti
cs basic index data and comprehensive index data in the railway logistics web project is realized by the use of visual chart library ECharts， which can display the trend （line chart） or proportion （fan chart） of each module with the year .
        Key words： railway logistics; ECharts; data visualization; web project; dynamic visualization
        隨着互联网的迅速发展，互联网产业已经逐步深入社会各行各业，深刻地改变了人们之间的信息访问与共享方式。不同的传统行业也在充分探索与互联网结合的方式，在信息化浪潮中焕发出新的生机。铁路物流数据分析与智能平台Web项目中存在着大量的来自全国各个省市统计年鉴的基础铁路物流数据指标，同时也存在着难以高效地利用海量无序的铁路物流数据的问题。基于文本化方式展示铁路物流数据不够清晰直观，使用户难以迅速准确地去捕捉巨量数据中的核心信息。如何更好地将这些数据展示给用户，并在展示的基础上对其进行分析、研究、挖掘成了当务之急。将铁路物流数据以图表可视化形式展现比传统的文本化展示更加直观也更具有实用性，提高了数据的可读性。在将数据可视化的同时也对数据进行了清洗降维，允许用户按照不同需求对不同的指标的对比、分析、计算结果进行可视化，从不同的维度来展现数据趋势。
        本文实现了基于ECharts的动态数据展示功能，允许用户按照自己的需求交互式地在网页上选择不同的城市、不同的指标、不同的年份并进行展示、对比、分析等，可以实时地在用户增加新的数据或者删除已有数据时动态地生成不同的图表，包括柱状图、折线图、饼状图等。
        1 背景需求介绍
        本文中物流数据的可视化是针对铁路物流数据分析与智能平台web项目中存在的海量的物流数据而实现。该项目中，基础物流数据来自全国不同年份不同省份的统计年鉴，这些数据经过处理存入数据库中后，在城市上、指标上、年份上均无序排列，用户无法迅速地定位目标物流数据指标，更无法从杂乱的数据中挖掘出更深层次的信息。除了基础物流数据外，还有基于此的综合物流数据。因此，迫切地需要将该项目中的物流指标数据按照一定的顺序展现给用户，为进一步地查看、统计、分析做好基础。
        本文中基于ECharts的物流数据可视化分别提供了按照城市、按照指标、按照年份三个不同维度的可视化，为用户提供了多样的可视化方式，有助于用户直观地观察数据，并在此基础上进一步对数据进行分析等。
        2 关键技术介绍
        2.1 ZRender
        ZRender是一个轻量级的Canvas类库，MVC封装，数据驱动，提供类Dom事件模型，提供了 Canvas、SVG、VML 等多种渲染方式。ZRender 也是 ECharts 的底层渲染器。ZRender Architecture通过MVC核心封装实现图形仓库、视图渲染和交互控制。ZRender具有数据驱动，完整的事件封装，高效的分层刷新，丰富的图形选项，强大的动画支持，易于扩展等特，这些特使得它做各种动画效果时十分有用，性能也更加出，如图1所示。
        2.2 ECharts
        ECharts，一个纯 JavaScript 的图表库，可以流畅地运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。ECharts具有丰富的可视化类型，包括常规的折线图、柱状图、散点图、饼图、k线图，
用于统计的盒形图等等。ECharts由数据驱动，数据的改变驱动图表展现的改变。因此动态数据的实现也变得异常简单，只需获取数据，填入数据，ECharts会到两组数据之间的差异然后通过合适的动画去表现数据的变化。除此之外ECharts还进行了移动端优化并支持多维数据以及丰富的视觉编码手段。
        3 基于ECharts的可视化实现
        ECharts作为一个纯 JavaScript 的图表库，可以根据用户需求来定制不同的可视化图表，本文基于ECharts实现了柱状图，折线图，饼状图三种不同类型的图表，将物流指标数据以图形化的方式呈现给用户。

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