Question

大家好，我有一个完美的页面，它包含一个高图。我想通过ajax调用在现有页面上显示此页面。我的ajax工作正常，但当我进行ajax调用时，highcharts没有显示。

我的高潮图的链接是

http://www.rahatcottage.com/AI/J/examples/line-log-axis/index.php

我的ajax脚本就在这里

var xmlhtt

 function load(str,str1)
    {


      xmlhtt=GetXmlHttpObject();

     if (xmlhtt==null)
     {
       alert ("Your browser does not support Ajax HTTP");
       return;
       }

        var url="examples/line-log-axis/index.php";
         url=url+"?q="+str;
         url=url+"&q1="+str1;

       xmlhtt.onreadystatechange=getOutpt;
      xmlhtt.open("GET",url,true);
      xmlhtt.send(null);
       }

        function getOutpt()
         {

         if                                     (xmlhtt.readyState==3||xmlhtt.readyState==2||xmlhtt.readyState==1|
       |xmlhtt.readyState==0)

{

         document.getElementById("apDiv1").innerHTML="Loading ";

}

     if (xmlhtt.readyState==4)
      {
      document.getElementById("apDiv1").innerHTML=xmlhtt.responseText;
          document.getElementById("apDiv1").focus();
          }
            }

            function GetXmlHttpObject()
               {
    if (window.XMLHttpRequest)
         {
   return new XMLHttpRequest();
        }
       if (window.ActiveXObject)
       {
  return new ActiveXObject("Microsoft.XMLHTTP");
         }
       return null;
           }

我猜因为高图正在使用Jquery，因为ajax没有运行它们

Answer 1

<强> EDITED 所以你正在做的是，你有一个工作的图表页面，并通过ajax你希望将该页面加载到另一页的div。我不认为这是可能的，你可以这样做，特别是如果那个页面有javascripts，你正在做的只是获取生成的工作图表页面的html，并将其粘贴到div中，这将不会为图表生成运行必要的javascripts。

尝试使用iframe。

HTML

<iframe id="frame" />

SCRIPT

function load(str,str1)
{
     $('#frame').attr('src', "examples/line-log-axis/index.php?q="+str+"&q1="+str1);
}

<德尔> **旧** 系列：[{ 数据：JSON.parse（“[”+ text +“]”） }] `text ='，'`，因此是一个json解析错误。再次访问你的json building @ php以正确吐出`text`

当ajax调用时，HighChart无法正常工作

1 个答案: