数据可视化之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]],