echarts房间分布平面图

ECharts是一个强大的JavaScript数据可视化库，它可以创建各种图表，包括房间分布平面图。在ECharts中，你可以通过散点图（scatter）结合自定义的图标和地图数据，来展示房间在二维空间中的分布情况。以下是制作过程的一般步骤：

1. **准备数据**：收集每个房间的位置坐标信息，通常以经纬度或者x,y坐标的格式存在。

2. **加载地图**：ECharts提供了多种地图数据集，如高德地图、百度地图等，可以根据需要选择合适的地图。

3. **配置图表**：创建一个新的Scatter chart实例，并设置x轴和y轴为地图的属性（通常是经度和纬度），同时指定数据系列的数据源。

   var map = 'your_map_code'; // 例如'map://beijing'
   var data = [
       { name: 'Room A', location: [经度A, 纬度A] },
       ... 其他房间数据 ...
   ];

4. **自定义标记**：为了表示房间，可以使用自定义图标并将其作为数据系列的标记样式，比如：

   series: [{
       name: '房间分布',
       type: 'scatter',
       coordinateSystem: 'map',
       data: data,
       symbol: 'path://marker.png', // 自定义的路径图标
       label: {
           show: true, // 显示标签
           position: 'top', // 标签位置
       }
   }]

5. **渲染图表**：最后，将配置好的图表渲染到HTML元素上：

   var myChart = echarts.init(document.getElementById('room-distribution'));
   myChart.setOption(option);