FreedoX

Class: FdEcharts

FdEffect. FdEcharts

FdEcharts类

在 freedoX 场景中显示 echarts 图表，包括：路径图、散点图、热力图、关系图

需要先引入 echarts.js 文件

new FdEcharts(viewer)

Parameters:
Name Type Description
viewer Viewer
Example
// <script src="../FreedoX/ThirdParty/echarts.js"></script>

var viewer = Freedo.FdApp.createDefaultViewer('freedoContainer');
viewer.scene.requestRenderMode = false;

var fe = new FdEffect.FdEcharts(viewer);
var data = [
   {
       coords: [
           [120.132302, 30.232177],
           [120.131786, 30.232444],
           // ...
       ]
   },
   {
       // ...
   }
];

// option 其他参数可参考 echarts 参数设置
var option = {
   GLMap: {}, // 必须设置
   animation: false, // 必须设置
   type: 'lines',
   series: {
      type: 'lines',
      coordinateSystem: 'GLMap', // 必须设置
      zlevel: 2,
      polyline: true,
      silent: true,
      lineStyle: { color: '#80ffb8', opacity: 0.6, width: 1 },
      data: data
   }
};

fe.add(option);

Methods

add(option)

添加 echarts 实例

Parameters:
Name Type Description
option Object

ecahrts 实例配置项和数据。参考 Example

clear(index)

清除指定索引值的 echarts 实例；当不指定索引值时，清除最后添加的 echarts 实例

Parameters:
Name Type Description
index Number

索引值为 echarts 实例添加的顺序

dispose()

销毁所有 echarts 实例

getContainer()

获取当前 echarts 容器

Returns:
Type
HTMLElement

getLayer()

获取当前 echarts 实例

Returns:
Type
Echarts

getLayers()

获取所有 echarts 实例

Returns:
Type
Echarts

getMap()

获取 echarts 地图

Returns:
Type
Viewer

hide()

隐藏当前 echarts 容器

hideAll()

隐藏所有 echarts 容器

show()

显示当前 echarts 容器

showAll()

显示所有 echarts 容器

update(option)

更新当前 echarts 实例的配置项和数据；传入的 option 会和之前的 option 进行合并，设置完成后自动更新图表

Parameters:
Name Type Description
option Object

实例的配置项和数据