现在的位置: 首页 > 综合 > 正文

jqchart 画图表

2013年04月08日 ⁄ 综合 ⁄ 共 1010字 ⁄ 字号 评论关闭

接上回讲,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>

抱歉!评论已关闭.