Hi,
I want to add a javascript chart widget with a tab panel in my app. Is this possible
This is the widget which works:-
html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Multiple Charts in a single Page</title>
<script language="JavaScript" src="../FusionCharts/FusionCharts/FusionCharts.js"></script>
</head>
<body bgcolor="#ffffff">
<div id="chartdiv1" align="center">First Chart Container Pie 3D</div>
<script type="text/javascript">
var myChart1 = new FusionCharts("../FusionCharts/FusionCharts/FCF_pie3D.swf", "myChartId1", "600", "400");
myChart1.setDataURL("Data.xml");
myChart1.render("chartdiv1");
</script>
<div id="chartdiv2" align="center">Second Chart Container Column 3D</div>
<script type="text/javascript">
var myChart2 = new FusionCharts("../FusionCharts/FusionCharts/FCF_Column3D.swf", "myChartId2", "600", "300");
myChart2.setDataURL("Data.xml");
myChart2.render("chartdiv2");
</script>
<div id="chartdiv3" align="center">Third Chart Container Line 2D</div>
<script type="text/javascript">
var myChart3 = new FusionCharts("../FusionCharts/FusionCharts/FCF_line.swf", "myChartId3", "600", "300");
myChart3.setDataURL("Data.xml");
myChart3.render("chartdiv3");
</script>
<div id="chartdiv4" align="center">Fourth Chart Container Area 2D</div>
<script type="text/javascript">
var myChart4 = new FusionCharts("../FusionCharts/FusionCharts/FCF_area2D.swf", "myChartId4", "400", "250");
myChart4.setDataURL("Data.xml");
myChart4.render("chartdiv4");
</script>
</body>
</html>
But how can I integrate it into an ajax tab panel:-
<ajaxToolkit:TabPanel ID="TabPanel3" runat="server" HeaderText="Metrics">
</ajaxToolkit:TabPanel>
Thanks
Ian