接上回讲,js代码不兼容,不知怎么的今天莫名的整好了,主要原因在于IE8,容错能力差,多个逗号都挂!!!
<canvas id="canvasMyID" height="400" width="600"></canvas>
<script type="text/javascript">
$(function(){
var date=[]; var count=[];
<c:forEach var="SumList" items="${SumList}">
date.push("${SumList.currentDate}");
count.push(${SumList.count});
</c:forEach>
var chartSetting={ config : { title : '注册总数', labelX : date, scaleY : {min: 0,max:100,gap:10}, type : 'bar' }, data : [ count ] };
$('#canvasMyID').jQchart(chartSetting);
$('.jQchart-labelX').css("-moz-transform","rotate(90deg)");});
</script>
flot 画表代码主要在替换X Y 轴内容
<script type="text/javascript">
$(function () {
var d1=[];var d2=[];var i=0;
<c:forEach var="SumList" items="${SumList}">
d2.push([i,"${SumList.currentDate}"]);
d1.push([i++,${SumList.count}]);
</c:forEach>
$.plot($("#placeholder"),
[{ label: "总数", data: d1 }],
{
series: { bars: { show: true } },
xaxis: { ticks: d2 },
yaxis: { ticks: 10, min: 0, max: 50 },
grid: { backgroundColor: { colors: ["#fff", "#eee"] } } });
});
</script>