庞庞聪，杜瑞林，王庞磊

（中国地震局 地震研究所，武汉 430071）

基于ECharts Library和File API的本地数据绘图技术

庞庞聪，杜瑞林，王庞磊

（中国地震局 地震研究所，武汉 430071）

为解决web绘图每次更改图形绘制均需修改代码，且反复修改易造成代码编写错误的弊端，提出一种针对本地TXT文件，利用ECharts Library和File API简化数据处理程序的绘图技术。该绘图技术可以直接对TXT文件进行修改，简单方便，易于操作。

本地数据；绘图技术；ECharts Library；File API

0 引 言

Web绘图区别于传统的本地绘图，具有轻载体、跨平台、显示形式多样等特点。不论是工程科研方面的MATLAB和AutoCAD，还是UI设计领域的Photoshop和CorelDRAW，它们在操作系统上的运行都依靠专业软件环境的支持，且安装、升级都需要耗费大量的时间和精力。依靠Web技术发展起来的Canvas继承了HTML脚本语言的兼容性好、易操作等优点，但代码一经发布就几乎无法修改，尽管可以通过设置初始数据为随机类型，从而保证图形具有一定的动态性，仍远远无法满足专业用户对绘图的易操作、可维护等需求[1]。

在ECharts绘图库的基础上，如果要更改图形绘制所需数据，必须重新修改原始代码和数据。对于专业技术人员而言，许多工程数据都以T X T的形式保存，如果运用这些数据绘图就存在每次均需修改代码、反复修改易造成代码编写错误的弊端。利用优化后的File API对本地数据进行处理，实现本地数据的可视化；直接对TXT文件进行修改，简单方便，易于操作。

1 常见的Web绘图技术

1.1 Canvas

Canvas作为HTML5新出现的特性之一，已被用来绘制各种图形，包括图标、折线图、渐变图等。……