图片热点区域的简单应用

需求大意：图形化显示会议室的状态，并可获知会议室的基本使用信息。

解决方案：使用X,Y轴进行信息展示，X轴时间轴，Y轴会议室轴。图片显示当天不同时间段的会议室占用信息，点击热点获取会议信息。

实现思路：

1.在后台动态绘制X,Y轴坐标原图。

2.查询当天会议室占用信息，计算xy坐标点，重绘原图。

3.使用mapper.js前端脚本，设置图片热点区域。

注意事项：.图片重绘的性能问题，使用缓存即可。