1. GlowingTrailLine
发光尾迹线
1.1. 初始化 new GlowingTrailLine(geoCoordMap, data, options)
Returns : EchartsLayer< -返回EchartsLayer图层
Param | Type | Default | Description |
---|---|---|---|
geoCoordMap | Object |
地点坐标字典表 {"上海": [121.4648, 31.2891],"东莞": [113.8953, 22.901]} |
|
data | Array |
流动数据集合 [ [{name:'西安'}, {name:'北京',value:100}], [{name:'西安'}, {name:'上海',value:100}]] |
|
options | Object |
echarts配置,参考echarts的'lines'配置,https://echarts.apache.org/zh/option.html#series-lines。 |
|
[options.color] | String |
'#60ff44' |
可选,发光线颜色,默认为'#60ff44'。 |
[options.symbol] | String |
'arrow' |
可选,飞线的尾迹特效,默认为'none',其它可选"arrow"(箭头)、"plane"(飞机)。 |
[options.symbolSize] | Number |
6 |
可选,飞线的尾迹特效的尺寸,默认为6。 |
[options.width] | Number |
1 |
可选,飞线的宽度,默认为1。 |
[options.trailLength] | Number |
0 |
可选,特效尾迹的长度。取从 0 到 1 的值,数值越大尾迹越长,默认为0。 |
[options.period] | Number |
5 |
可选,特效动画的时间,单位为 s,默认为5。 |
[options.shadowBlur] | Number |
6 |
可选,图形阴影的模糊大小,默认为6。 |
[options.show] | Boolean |
true |
可选,是否显示,true为显示,false为隐藏,默认为true。 |
Example
var geoCoordMap = {
"上海": [121.4648, 31.2891],
"东莞": [113.8953, 22.901],
"东营": [118.7073, 37.5513],
}
var outData = [
[{name: '东莞'}, {name: '东营', value: 100}],
[{name: '东莞'}, {name: '上海', value: 100}],
];
let outechartsLayer2 = new BOSGeo.GlowingTrailLine(geoCoordMap, outData,
{
color: "#4bff81",
symbol: 'plane',
symbolSize: 10
})