[SOLVED] Jquery and HighCharts Question with WebFocus
Just wondering if anyone here have incorporated Jquery Tabs and HighCharts.
At the moment we are using Jquery Tabs to display Report output. We also have a seperate fex that output an Interactive HighChart graph www.highcharts.com
We have a request to incorporate the Highchart into the Jquery Tab. We tried putting the highchart html into Jquery Tab 3 but its unstable and lags.
JQUERY TAB HTML
TABLE FILE CAR
SUM
SALES
BY COUNTRY
ON TABLE HOLD AS MYREPORT1 FORMAT HTML
END
TABLE FILE CAR
SUM
DEALER_COST
BY CAR
ON TABLE HOLD AS MYREPORT2 FORMAT HTML
END
-HTMLFORM BEGIN
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Daily Sales Summary</title>
<link rel="stylesheet" href="https://localhost/approot/jquery/development-bundle/themes/base/jquery.ui.all.css">
<script src="https://localhost/approot/jquery/js/jquery-1.9.1.js"></script>
<script src="https://localhost/approot/jquery/development-bundle/ui/jquery.ui.core.js"></script>
<script src="https://localhost/approot/jquery/development-bundle/ui/jquery.ui.widget.js"></script>
<script src="https://localhost/approot/jquery/development-bundle/ui/jquery.ui.tabs.js"></script>
<link rel="stylesheet" href="https://localhost/approot/jquery/development-bundle/demos/demos.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<body>
<div id="tabs">
<ul>
[*]<a href="#tabs-1">Sales By Country View</a>
[*]<a href="#tabs-2">Dealer Cost by Car Maker View</a>
[*]<a href="#tabs-3">HighChart Graph</a>
</ul>
<div id="tabs-1">
!IBI.FIL.MYREPORT1;
</div>
<div id="tabs-2">
!IBI.FIL.MYREPORT2;
</div>
<div id="tabs-3">
[B]//put highchart html graph[/B] </div>
</div>
</body>
</html>
-HTMLFORM END