数据可视化之Echarts-lines3D动态轨迹渲染

数据可视化之Echarts-lines3D动态轨迹渲染

谈到数据可视化，不得不提到近两年超级火的ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。

最近一直在学习数据可视化方面的东西，希望和大家分享一些小收获吧。本篇主要是针对大量轨迹数据进行快速渲染。需要用到echarts.js、echartsgl.js和mapbox-gl.js文件。好吧，先来几张效果图：

1、轨迹数据介绍

上图中的示例数据为某商场内的模拟轨迹数据。这里我直接转换成了echarts对应的数据格式，具体如下：

var myguiji=[
        {
  'coords':[[122.12255,37.505043],...[122.12255,37.505028]],