Muy buenas tardes, hace algún tiempo conocí la clase xajax y he decidido implementarla para un trabajo que estoy haciendo para la universidad. La clase me funciona muy bien y no he tenido ningún problema, pero decidí fucionarla con higcharts, para obtener gráficas sin necesidad de recargar, pero no he podido poner a funcionar.
El código que uso en el lado del servidor es el siguiente:
$salida.="<script type=\"text/javascript\">
//<![CDATA[
jQuery(document).ready
(
function()
{
var chart = new Highcharts.Chart({\"chart\":{\"renderTo\":\"mensaj e\",\"defaultSeriesType\":\"line\",\"margin\":[50,150,60,80]},\"title\":{\"text\":\"Average temperature\",\"style\":{\"margin\":\"10px 100px 0 0\",\"color\":\"pink\"}},\"subtitle\":{\"text\":\" Source: WorldClimate.com\",\"style\":{\"margin\":\"10px 100px 0 0\"}},\"xAxis\":{\"categories\":[\"Jan\",\"Feb\",\"Mar\",\"Apr\",\"May\",\"Jun\",\" Jul\",\"Aug\",\"Sep\",\"Oct\",\"Nov\",\"Dec\"],\"title\":{\"text\":\"Month\"}},\"yAxis\":{\"ploL ines\":[{\"color\":\"#808080\",\"value\":0,\"width\":1}],\"title\":{\"text\":\"Temperature (\u00b0C)\"}},\"tooltip\":{\"formatter\":function( ) {return '<b>'+ this.series.name +'</b><br/>' + this.x +': '+ this.y +' °C';}},\"legend\":{\"layout\":\"vertical\",\"style \":{\"left\":\"auto\",\"bottom\":\"auto\",\"right\ ":\"10px\",\"top\":\"100px\"}},\"series\":[{\"name\":\"London\",\"type\":\"scatter\",\"data\" :[3.9,4.2,5.7,8.5,5.9,15.2,17,16.6,14.2,10.3,6.6,4.8]},{\"name\":\"Tokyo\",\"type\":\"scatter\",\"data\ ":[7,6.9,9.5,14.5,18.2,21.5,25.2,26.5,23.3,18.3,13.9, 9.6]},{\"name\":\"New York\",\"type\":\"scatter\",\"data\":[-0.2,0.8,5.7,11.3,17,22,24.8,24.1,20.1,14.1,8.6,2.5]},{\"name\":\"Berlin\",\"type\":\"scatter\",\"data \":[-0.9,0.6,3.5,8.4,13.5,17,18.6,17.9,14.3,9,3.9,1]}]});
}
);
//]]>
</script>";
$respuesta = new xajaxResponse();
$respuesta->setCharacterEncoding('UTF-8');
$respuesta->Assign("mensaje","innerHTML",$salida);
return $respuesta;
$xajax->register(XAJAX_FUNCTION, 'procesar_formulario');
$xajax->processRequest();
y en el lado del cliente es:
<div id="mensaje">
<?php
$xajax->processRequest();
echo ($xajax->getJavascript('/xajax'));
?>
</div>
