java-AJAX 加載higthCharts 只能點擊一次

AJAX 加載higthCharts 只能點擊一次

AJAX 加載higthCharts 只能點擊一次 在點擊就出錯了
uncaught exception: Highcharts error #16: www.highcharts.com/errors/16

這個錯誤是說 這個頁面已經有 這個容器了不能在建一個了

求解決 辦法 思路
higthCharts 是一個圖表插件 一個圖有一個div容器

代碼：
jsp

        function bar(param){

             $.ajax({
                type:'POST',
                url:'selbase.action',
                data:{
                    org_id:'<%=org_id%>',
                    outtype:param,
                    req_code:'P110'
                },
                cache:false, 
                //dataType:'json',
                success:function (data){
                    $("#show").html(""); 
                            $("#show").html(data); 
                            alert(data);
                },
                error:function(XMLHttpRequest, textStatus, errorThrown){
                         alert(XMLHttpRequest.status);
                        alert(XMLHttpRequest.readyState);
                        alert(textStatus);
                }
        });


        }


<img src="Images/ic_table.gif" alt="柱狀" width="30"   onclick="bar('2')"
                                                                            height="30" /> 

Struts2

 <action name="selbase" class="getbaseAction" method="request">
            <result name="getbase" >/Left/deposit/base.jsp</result>
            <result name="GetLine">/Statisics/line.jsp </result> 
            <result name="BarChart">/Statisics/bar.jsp </result>  //返回這個頁面
            <result name="mixTure">/Statisics/mixture.jsp </result>
            </action>

bar.jsp    

             <div id="container" style="min-width:800px;height:400px"></div>



            <script type="text/javascript">
    $(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: '<%=title%>'
        },
        subtitle: {
            text: '<%=subtitle%>'
        },
        xAxis: {
            categories:<%=categories%>
        },
        yAxis: {
            min: 0,
            title: {
                text: '單位：人民幣（萬元）'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span>',
            pointFormat: '' +
                '',
            footerFormat: '<table><tbody><tr><td style="color:{series.color};padding:0">{series.name}: </td><td style="padding:0"><b>{point.y:.1f} 萬元</b></td></tr></tbody></table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
         legend: {
            layout: 'vertical',
            align: 'left',
            x:2,
            verticalAlign: 'top',
            y: 1,
            floating: true,
            backgroundColor: '#FFFFFF'
        },
        series: [{
            name: '<%=name%>',
            color: '<%=cloumcolor%>',
            data: <%=data%>

        }]
    });
});
</script>

                圖形 顯示沒有一點問題  就是用jaxa 不能多次加載

最佳回答：