Subversion Repositories wpShopGermany4

<?php $this->render(WPSG_PATH_VIEW.'/mods/mod_statistics/simplefilter.phtml'); ?>

<?php if (wpsg_isSizedArray($this->view['chart']['data']['records'])) { ?>
<div id="charttopsellertosales-bar" style="height:<?php echo $this->get_option('wpsg_mod_statistics_bar_chart_height'); ?>px; width:<?php echo $this->get_option('wpsg_mod_statistics_bar_chart_width'); ?>px;"></div>

<br />
<h3><?php echo __('Umsatz (prozentual)', 'wpsg'); ?><h3>
<div id="charttopsellertosales-pie-sales" style="height:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_height'); ?>px; width:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_width'); ?>px;"></div>

<br />
<h3><?php echo __('Menge (prozentual)', 'wpsg'); ?><h3>
<div id="charttopsellertosales-pie-amount" style="height:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_height'); ?>px; width:<?php echo $this->get_option('wpsg_mod_statistics_pie_chart_width'); ?>px;"></div>

<br/>

<div id="table-data">
        <?php $this->render(WPSG_PATH_VIEW.'/mods/mod_statistics/charttopsellertosales/data.phtml'); ?> 
</div>

<div class="wpsg_clearer"></div>

<?php 
        $barChartJS = Array();
        $pieChartJS = Array();
        $barChartJS['amount'] = '';
        $barChartJS['payment'] = '';
        $barChartJS['total'] = '';
        
        $pieChartJS['amount'] = '';
        $pieChartJS['sales'] = '';
        
        foreach ($this->view['chart']['data']['records'] as $data) 
        { 
                $barChartJS['payment'] .= "'".wpsg_hspc($data['name'])."', "; 
                $barChartJS['amount'] .= "['".wpsg_hspc($data['name'])."','".wpsg_hspc($data['amount'])."'], "; 
                $barChartJS['total'] .= wpsg_hspc($data['total']).", "; 
                $pieChartJS['amount'] .= "['".wpsg_hspc($data['name'])."', ".wpsg_hspc($data['percent-amount'])."], ";  
                $pieChartJS['sales'] .= "['".wpsg_hspc($data['name'])."', ".wpsg_hspc($data['percent-sales'])."], ";            
        } 
        
        $barChartJS['amount'] = substr($barChartJS['amount'], 0, -2);
        $barChartJS['payment'] = substr($barChartJS['payment'], 0, -2); 
        $barChartJS['total'] = substr($barChartJS['total'], 0, -2); 
        
        $pieChartJS['amount'] = substr($pieChartJS['amount'], 0, -2);
        $pieChartJS['sales'] = substr($pieChartJS['sales'], 0, -2);
        
?>

<script type="text/javascript">
        jQuery(document).ready(function(){
                jQuery.jqplot.config.enablePlugins = true;
            var totals = [<?php echo $barChartJS['total']; ?>];
            var payment = [<?php echo $barChartJS['payment']; ?>];
            var amount = [<?php echo $barChartJS['amount']; ?>];

           //eries:[{renderer:jQuery.jqplot.BarRenderer}, {xaxis:'x2axis', yaxis:'y2axis'}],
                             
            var charttopsellertosalesBar = jQuery.jqplot('charttopsellertosales-bar', [totals, amount], {
                animate: !jQuery.jqplot.use_excanvas,
                axesDefaults: {
                    labelRenderer: jQuery.jqplot.CanvasAxisLabelRenderer
                },
                /*{Each series has same options as seriesDefaults},
                {You can override each series individually here}*/
                series:[
                     {
                         renderer:jQuery.jqplot.BarRenderer,
                         rendererOptions: {
                                varyBarColor: true
                        },
                        pointLabels: { show: true }
                         }, 
                     {
                             xaxis:'x2axis', 
                             yaxis:'y2axis'
                                 }
                ],
                grid: {
                        drawGridLines: false
                },
                axes: {
                    xaxis: {
                        renderer: jQuery.jqplot.CategoryAxisRenderer,
                        ticks: payment,
                        tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
                        tickOptions: {
                            angle: -50,
                            fontFamily: 'Arial',
                        fontSize: '10pt',
                        fontWeight: 'normal',
                        textColor: '#666666'
                        },
                        label:'<?php echo wpsg_hspc(wpsg_getStr($this->view['chart']['info']['xaxis']['label'])); ?>',
                        labelOptions: {
                        fontFamily: 'Arial',
                        fontSize: '14pt',
                        fontWeight: 'bold',
                        textColor: '#666666'
                    }
                    },
                    x2axis: {
                        renderer: jQuery.jqplot.CategoryAxisRenderer,
                        label: '',
                        labelRenderer: jQuery.jqplot.CanvasAxisLabelRenderer,
                        tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
                        showMarker: false,
                        showTickMarks:false,
                        showticks: false,
                        tickOptions: {
                        }
                    },
                    yaxis:{
                        label:'<?php echo wpsg_hspc($this->view['chart']['info']['yaxis']['label']); ?>',
                        tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
                        tickOptions: {
                            fontFamily: 'Arial',
                        fontSize: '8pt',
                        fontWeight: 'normal',
                        textColor: '#666666',
                        formatter: wpsg_statistics_number_format
                        },
                                min:0
                    },
                    y2axis: {
                        label: '<?php echo __('Menge', 'wpsg'); ?>',
                        labelRenderer: jQuery.jqplot.CanvasAxisLabelRenderer,
                        tickRenderer: jQuery.jqplot.CanvasAxisTickRenderer,
                        tickOptions: {
                                showGridline: false,
                            fontFamily: 'Arial',
                            fontSize: '8pt',
                            fontWeight: 'normal',
                            textColor: '#666666',
                            formatter: wpsg_statistics_integer_format
                        },
                        min:0,
                        max: <?php echo $this->view['chart']['data']['y2max']; ?>,
                    }
                },
                highlighter: { show: false }
            });

            var data = [<?php echo $pieChartJS['sales']; ?>];
                  
                var charttopsellertosalesPieSales = jQuery.jqplot ('charttopsellertosales-pie-sales', [data],
                    {
                      seriesDefaults: {
                        renderer: jQuery.jqplot.PieRenderer,
                        rendererOptions: { padding: 50, sliceMargin: 4, showDataLabels: true } 
                      },
                      legend: { show:true, location: 'e' }
                    }
                );

                var data = [<?php echo $pieChartJS['amount']; ?>];
                  
                var charttopsellertosalesPieAmount = jQuery.jqplot ('charttopsellertosales-pie-amount', [data],
                    {
                      seriesDefaults: {
                        renderer: jQuery.jqplot.PieRenderer,
                        rendererOptions: { padding: 50, sliceMargin: 4, showDataLabels: true } 
                      },
                      legend: { show:true, location: 'e' }
                    }
                );
                
            wpsg_statistic_addExportButton();
            
        });
</script>

<style type="text/css">
        .jqplot-x2axis { display:none; }
</style>

<?php } else { ?>
<?php echo __('Keine Daten zur Auswertung vorhanden.', 'wpsg'); ?>
<?php } ?>