Flot 绘图 在IE下无法显示

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Flot Tutorial</title><style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
}

table {
border-collapse: collapse;
}

td, th {
border: 1px solid #222;
padding: 5px;
}

.legend td, .legend th {
border: 0;
padding: 2px;
}
</style><script src="jquery.js" language="javascript" type="text/javascript"></script>
<script src="jquery.flot.pack.js" language="javascript" type="text/javascript"></script>
<!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.pack.js"></script><![endif]--><script language="javascript" type="text/javascript">
$(function () {
var data = [{ label: "dianping",
data: [[11, 0.07],
[10, 0.055],
[9, 0.047],
[8, 0.05],
[7, 0.04],
[6, 0.025],
[5,0.025]
] },
{ label: "cnblogs",
data: [[11, 0.025],
[10, 0.02],
[9, 0.015],
[8, 0.02],
[7, 0.035],
[6, 0.0255],
[5,0.015]
] }
]; var options = {
legend: {
show: true,
margin: 10,
backgroundOpacity: 0.5
},
points: {
show: true,
radius: 3
},
lines: {
show: true
}
};

var plotarea = $("#plotarea");
plotarea.css("height", "250px");
plotarea.css("width", "500px");
$.plot( plotarea , data, options );
});
</script>
</head><body><div id="plotarea">
</div><p>@2008 5月-11月的alexa排名</p></body>
</html>
这些在其他浏览器都可以显示 ，但在IE中无法显示，上面有个js 写着<!--If IE-->我把它加上了，也是无法显示，求解