Django+JQuery插件输出报表

yaofang123

1. <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="/site_media/js/excanvas.js"></script><![endif]-->
   
2.   <link rel="stylesheet" type="text/css" href="/site_media/css/jquery.jqplot.css" />
   
3.   <script language="javascript" type="text/javascript" src="/site_media/js/jquery.jqplot.js"></script>
   
4. <script language="javascript" type="text/javascript" src="/site_media/js/jqplot.dateAxisRenderer.min.js"></script>
   
5. $(document).ready(function()
   
6. {var line1 = $("#abcdd").html();
   
7.     var line2 = $("#efgh").html();
   
8.     
   
9.     var plot1 = $.jqplot('chart1', [eval(line1),eval(line2)], {
   
10.       title:'系统调用趋势图',
    
11.       axes:{xaxis:{renderer:$.jqplot.DateAxisRenderer}},
12.       legend: {
    
13.          show: true
    
14.       },      
15.       series:[{label: 'get'}, {label: 'commit'}]
    
16.     });    
17. });
18. 相应的HTML代码如下
19. <div id="chart1" style="margin-top:20px; margin-left:10px; width:880px; height:300px;">

注意一点“：它需要的数据为Object类型的。通过eval()可以将字符串转义成相应的对象类型！

1.