source: trunk/LATMOS-Accounts-Web/root/html/summary/accage/index.tt @ 1485

<script>
$(document).ready(function(){
    $.jqplot.config.enablePlugins = true;
    $.ajax({
      // have to use synchronous here, else the function
      // will return before the data is fetched
      async: false,
      url: "[% jsonurl %]",
      dataType:"json",
      success: function(data) {
          var plot2 = $.jqplot('charth', data.data, 
            {
                title: 'Expiration des comptes utilisateurs',
                stackSeries: true,
                axes: {
                    xaxis: {
                        renderer: $.jqplot.DateAxisRenderer, 
                        rendererOptions:{
                            tickRenderer:$.jqplot.CanvasAxisTickRenderer,
                            stackedValue: true,
                            tickInset: 0,
                        },
                        tickOptions: {
                            formatString:'%Y',
                            fontSize:'10pt',
                            fontFamily:'Tahoma',
                            angle:-40
                        },
                        tickInterval:'1 year',
                    }
                },
                seriesDefaults: {
                    renderer: $.jqplot.BarRenderer,
                    lineWidth: 2,
                    pointLabels: {show: true},
                    rendererOptions: {
                        padding: 1,
                        sliceMargin: 2,
                        showDataLabels: true,
                        smooth: true,
                        barPadding: 8,
                    },
                    //markerOptions:{style:'square'}
                },
                legend:{
                    renderer: $.jqplot.EnhancedLegendRenderer,
                    placement: 'outside',
                    show: true
                },
                cursor:{
                    zoom:true,
                    tooltipLocation:'sw',
                    looseZoom: true
                },
                series: data.series,
            }
          );
        } 
    });
});
</script>


<div id="charth" style="width:80%; height:600px; clear: both"></div>