echarts柱状图与中国地图联动，鼠标移入柱状图，地图响应地显示数据

echarts显示柱状图的时候，旁边放一张中国地图，当鼠标移入柱状图，旁边中国地图对应的区域亮起来。

先放效果图~~

这是原始页面

这是鼠标移上去的样子

这是鼠标离开之后的样子

总之呢，就是给他俩弄一个联动的效果，移入柱状图，地图跟着动起来，并且数据跟着变。

柱状图后台数据库：

地图后台数据库：

思路大概是这样的：当鼠标移入柱状图的时候，获取当前移入的索引，先让柱状图的图标显示出来；然后根据日期进行判断，看当天有哪几个省的人登录了，如果日期相同，就让这几个省的selected状态改为true，并且增加地图标注。（当然，当鼠标从当前柱状图移入到下一个柱状图的时候，这中间也要进行一些判断，详看代码~）

下面上代码：

所需js文件：

    <script src="${ctx}/static/layui_v2/layui.js"></script>

    <script src="${ctx}/static/js/jquery-1.8.3.js"></script>

    <script type="text/javascript" src="${ctx}/static/echarts/echarts-all.js" charset="utf-8"></script>
    <script type="text/javascript" src="${ctx}/static/echarts/codemirror.js" charset="utf-8"></script>
    <script type="text/javascript" src="${ctx}/static/echarts/javascript.js" charset="utf-8"></script>

页面布局：

	    <div class="row">
                <div class="layui-col-md5">
                    <div class="layui-collapse" >