百度地图的 url添加路径，代码，图片如下。。。

Question

百度地图里面已经有了数据，我想要实现，点击某一个位点时，能联动到echarts插件的柱状图和饼状图。
看图:

当点击途中选中的位点时，出现一个文本框的同时能触发右边的这个2个echarts插件，显示该位点对应的数据。
看图：

现在是，只能出现文本框，而不能联动那两个echarts插件。

看代码：

<div style="width:100%">
        <div id="l-map" style="width:60%;float:left"></div>
        <div style="width:1%;float:left"></div>
        <div style="width:39%;float:left">
           <div id="main" style="height:49%;"></div>
           <div style="height:2%;"></div>
           <div id="echart2" style="height:49%;"></div>
        </div>
</div>

id="l-map" :是地图。
id="main" ： 柱状图。
id="echart2"：是饼状图。

地图是主导，看地图的代码：
<script type="text/javascript">

function orbit(){
    var jsonArraya = document.getElementById("jsonArray").value;

    var jsonArray = eval(jsonArraya);

    var points = [];

    var map = new BMap.Map("l-map");

    if (jsonArray != null) {
        for (var i = 0; i < jsonArray.length; i++) {
            (function(x) {
                var point = new BMap.Point(jsonArray[x].lng, jsonArray[x].lat); // 创建点坐标  
                map.centerAndZoom(point, 15);
                var marker = new BMap.Marker(point);
                points.push(point);
                var opts = {
                    width : 250, // 信息窗口宽度  
                    height : 150, // 信息窗口高度  
                    title : '<span style="font-size:15px;color:#0A8021">'
                            + jsonArray[x].position + '</span></br><a href="HMapDisplayServlet?action=one&name=jsonArray[x].position#main" data-toggle="tab">'+"数量"+'</a>&nbsp;&nbsp;&nbsp;<a href="HMapDisplayServlet?action=one&jsonArray[x].position#echart2">'+"型号"+'</a>' // 信息窗口标题  
                }
          //marker.setAnimation(BMAP_ANIMATION_BOUNCE);  
            
                var dateti=jsonArray[x].datetime;
                var datet=dateti.split(",");
                 var content = "时间:";
                for(var j=0;j<datet.length;j++){
                content+=""+datet[j]+"<br/>";
                }
           // content+= "范围: "+ jsonArray[x].distance;
         
                var info_Window = new BMap.InfoWindow(content, opts); // 创建信息窗口对象  

                var mylable = new BMap.Label(jsonArray[x].position, {
                    offset : new BMap.Size(-40, 30)
                });
                mylable.setStyle({ //给label设置样式，任意的CSS都是可以的
                    fontSize : "14px", //字号
                    textAlign : "center", //文字水平居中显示
                    lineHeight : "14px", //行高，文字垂直居中显示
                    cursor : "pointer"
                });
                marker.setLabel(mylable);

                map.addOverlay(marker);
                marker.addEventListener("click", function() {
                    this.openInfoWindow(info_Window);
                });
            })(i);
        }
        
        var polyline = new BMap.Polyline();
        map.addOverlay(polyline);
        map.addControl(new BMap.NavigationControl()); //添加平移缩放控件  
        map.addControl(new BMap.ScaleControl()); //添加放大、缩小控件  
        map.enableScrollWheelZoom();//允许鼠标滑轮操作  

        var mapTypeControl = new BMap.MapTypeControl();//创建地图类型控件  
        map.addControl(mapTypeControl);
        marker.setAnimation(BMAP_ANIMATION_BOUNCE);
    }}
</script>

各位：我想知道,怎么才能实现，我想要的效果，点击地图中的位点时，能联动柱状图和饼状图。

Answer 1

将柱状图和饼状图分别放入一个方法中，在地图的

marker.addEventListener("click", function() {
                    this.openInfoWindow(info_Window);
                });
          方法中放入柱状图和饼状图的方法。完成。