I tried it but it seemed not working. I used the sample from the trial version download and add a destroy button.
Any idea?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML5 Chart jQuery Plugin - Creating Basic Chart </title>
<link rel="stylesheet" type="text/css" href="../css/jquery.jqChart.css" />
<script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../js/jquery.jqChart.min.js" type="text/javascript"></script>
<!--[if IE]><script lang="javascript" type="text/javascript" src="../js/excanvas.js"></script><![endif]-->
<script lang="javascript" type="text/javascript">
$(document).ready(function () {
$('#jqChart').jqChart({
title: { text: 'Chart Title' },
series: [
{
type: 'column',
data: [['a', 46], ['b', 35], ['c', 68], ['d', 30], ['e', 27], ['f', 85], ['d', 43], ['h', 29]]
},
{
type: 'line',
data: [['a', 69], ['b', 57], ['c', 86], ['d', 23], ['e', 70], ['f', 60], ['d', 88], ['h', 22]]
}
]
});
$('#button1').click(function() {
$('#jqChart').jqChart('destroy');
}); });
</script>
</head>
<body>
<input id="button1" type="button" value="Click to destroy a chart!" /> <br />
<br />
<div>
<div id="jqChart" style="width: 800px; height: 300px;" />
</div>
<div>This is a test</div>
</body>
</html>