ECharts

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

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。

ECharts 官网地址为:

http://echarts.baidu.com/index.html

SuperMap iClient for OpenLayers 提供了ol3Echarts插件以支持ECharts的可视化效果，以北京公交路特效图为例：

创建 echartslayer 图层，并添加到地图：

var echartslayer = new ol3Echarts();
echartslayer.appendTo(map);

配置 echartslayer 图层属性，传入图层进行渲染：

//busLines 为图层数据
var echartsOption = {
series: [{
type: 'lines',
polyline: true,
data: busLines,
silent: true,
lineStyle: {
    normal: {
        opacity: 0.2,
        width: 1
    }
},
progressiveThreshold: 500,
progressive: 200,
zlevel: 2
},
{
type: 'lines',
polyline: true,
data: busLines,
lineStyle: {
    normal: {
        width: 0
    }
},
effect: {
    constantSpeed: 20,
    show: true,
    trailLength: 0.1,
    symbolSize: 1.5
},
zlevel: 1
}]
};
//传入图表配置对象，进行渲染
echartslayer.setChartOptions(echartsOption);

查看完整示例代码