qq_28019385 2015-08-06 03:01 采纳率: 100%
浏览 1700
已采纳

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 不能多次加载
  • 写回答

2条回答 默认 最新

  • qq_28019385 2015-08-06 03:38
    关注

    ![图片说明](https://img-ask.csdn.net/upload/201508/06/1438832268_220652.png)图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 用PLC设计纸袋糊底机送料系统
  • ¥15 simulink仿真中dtc控制永磁同步电机如何控制开关频率
  • ¥15 用C语言输入方程怎么
  • ¥15 网站显示不安全连接问题
  • ¥15 github训练的模型参数无法下载
  • ¥15 51单片机显示器问题
  • ¥20 关于#qt#的问题:Qt代码的移植问题
  • ¥50 求图像处理的matlab方案
  • ¥50 winform中使用edge的Kiosk模式
  • ¥15 关于#python#的问题:功能监听网页