не удалось получить данные или значения оси X и оси Y из массива php с помощью canvaschart js с использованием php - PullRequest
Новая
       4

не удалось получить данные или значения оси X и оси Y из массива php с помощью canvaschart js с использованием php

0 голосов
/ 05 февраля 2019

снимки экрана для первой страницы

снимки экрана для второй страницы невозможно отобразить данные по осям X и Y из массива в холст-диаграмме js с помощью php илиzendframework и mysql 

<?php 
namespace Dashboard\Controller;
use Zend\Mvc\Controller\AbstractActionController;
use Zend\View\Model\ViewModel;
use Zend\Session\Container;
use Application\Entity\PyPayGroup;
use Application\Entity\PyPayPeriod;
use Zend\Session\SessionManager;
use Application\Entity\CommonCompanyHeader;
use Dashboard\Form\PayrollspendForm;
class PayrollspendController  extends AbstractActionController
{
private $entityManager;
private $payrollspendManager;
private $sessionContainer;
private $pyPayPeriodClass;
private $pyPayGroupClass;
private $companyClass;
public function __construct($entityManager,$payrollspendManager)
{
$this->payrollspendManager = $payrollspendManager;
$this->entityManager = $entityManager;
$this->pyPayGroupClass = $this->entityManager->getRepository(PyPayGroup::class);
$this->pyPayPeriodClass = $this->entityManager->getRepository(PyPayPeriod::class);
$this->companyClass = $this->entityManager->getRepository(CommonCompanyHeader::class);
$sessionManager = new SessionManager();
$this->sessionContainer = new Container('ContainerNamespace', $sessionManager);
$arrLabel =  ['payroll_calendar','label_payroll_group','emp_id','emp_name','label_total_earnings','label_payroll_period','company','label_process_id','session_id','label_employer_contribution','pay_item'];
}
public function addAction()
{
    if ($this->sessionContainer->empId == "") {
        return $this->redirect()->toRoute('admin_user_login');
    }
    if (!in_array('PY', $this->sessionContainer->arrRole)) {

        if (!in_array('py_admin', $this->sessionContainer->arrRole)) {

            return $this->redirect()->toRoute('dashboard_ess_index');
         }
    }
   $reportForm = new PayrollspendForm();
   $payGroup = $this->pyPayGroupClass->findBy([
        'ouCode' => $this->sessionContainer->ouCode,
        'langCode' => $this->sessionContainer->langCode,
        'pgActive' => 1
    ]);
    $reportForm->buildPayGroupData($payGroup);
    $company = $this->companyClass->findBy([
        'ouCode' => $this->sessionContainer->ouCode,
        'langCode' => $this->sessionContainer->langCode
    ]);
    $reportForm->buildCompanyData($company);
    $payPeriodData = ['' => 'Select'];
    $reportForm->get('payPeriod')->setValueOptions($payPeriodData);
    $postData = $this->getRequest()->getPost()->toArray();
    $postData['ouCode'] = $this->sessionContainer->ouCode;
    $postData['langCode'] = $this->sessionContainer->langCode;
    $compData   = $this->payrollspendManager->buildCTCCompensationData($postData);
$groupByData = [
        '' => 'Select',
        'location' => 'Location',
        'department' => 'Department',
        'cost-center' => 'Cost center'
    ];
    $reportForm->get('groupby')->setValueOptions($groupByData);
     return new ViewModel([
        'form' => $reportForm,
        'ouCode' => $this->sessionContainer->ouCode,
        'reportData' =>  $compData ,
        'langCode' => $this->sessionContainer->langCode,
     ]);
}

This is model 
public function getAllCTCCompensationData($postData)
{ 

    $queryBuilder = $this->entityManager->createQueryBuilder();


    $queryBuilder->select('ppp.payperiodSdesc , ppesa.grossPay, pptpp.pfEmployerContribution, pptpp.esiEmployerContribution, pplw.employercontribution')
    ->from(PyProcessEmpStatusApproved::class, 'ppesa')
    ->leftJoin(PyProcessTdsPfPt::class, 'pptpp', 'with', 'ppesa.ouCode = pptpp.ouCode')
    ->leftJoin(PyPayGroup::class, 'ppg', 'with', 'pptpp.pgCode = ppg.pgCode')
    ->leftJoin(PyProcessLabourWelfare::class, 'pplw', 'with', 'ppg.pgCode = pplw.pgCode')
    ->leftJoin(PyPayPeriod::class,'ppp','with','pplw.payperiodCode = ppp.payperiodCode')
    ->leftJoin(PyPayrollCalendar::class, 'ppc', 'with', 'ppp.paycalCode = ppc.paycalCode')
            ->where('ppesa.ouCode = ?1')
            ->andWhere('ppesa.langCode = ?2')
            ->setParameter('1', $postData['ouCode'])
            ->setParameter('2', $postData['langCode'])
            ->setMaxResults(60);


$compData  = $queryBuilder->getQuery()->getResult();

$data = [];
if(!empty($compData))
{
$total = 0;
foreach($compData as $dataC)
{
$statData = $this->getStatuoryData($postData,$dataC['payperiodSdesc']);
if(isset($statData['payperiodSdesc']))
{
$data[$dataC['payperiodSdesc']]['PAYPERIOD'] = $this->payPERIODdata($postData,$dataC['payperiodSdesc']);

}
else 
{
$data[$dataC['payperiodSdesc']]['PAYPERIOD'] = $this->payPERIODdata($postData,$dataC['payperiodSdesc']);

}
if(isset($statData['pfEmployerContribution']))
{
$data[$dataC['payperiodSdesc']]['PF'] = $this->getPFData($postData,$dataC['payperiodSdesc']);
}
else 
{
$data[$dataC['payperiodSdesc']]['PF'] = $this->getPFData($postData,$dataC['payperiodSdesc']);
}
if(isset($statData['pfPensionFund']))
{
$data[$dataC['payperiodSdesc']]['PFF'] = $this->getPFData($postData,$dataC['payperiodSdesc']);
}
else 
{
$data[$dataC['payperiodSdesc']]['PFF'] = $this->getPFData($postData,$dataC['payperiodSdesc']);
}
if(isset($statData['grossPay']))
{

$data[$dataC['payperiodSdesc']]['GROSS'] = $this->getGROSSPAYData($postData,$dataC['payperiodSdesc']);
}
else 
{
$data[$dataC['payperiodSdesc']]['GROSS'] = $this->getGROSSPAYData($postData,$dataC['payperiodSdesc']);
}
if(isset($statData['employercontribution']))
{
$data[$dataC['payperiodSdesc']]['LABOURWELFARE'] = $this->getEMPLOYERCONTRIBUTIONData($postData,$dataC['payperiodSdesc']);
}
else 
{
$data[$dataC['payperiodSdesc']]['LABOURWELFARE'] = $this->getEMPLOYERCONTRIBUTIONData($postData,$dataC['payperiodSdesc']);
}
if(isset($statData['esiEmployerContribution']))
{
$data[$dataC['payperiodSdesc']]['ESIC'] = $this->getESICData($postData,$dataC['payperiodSdesc']);
}
else 
{
$data[$dataC['payperiodSdesc']]['ESIC'] =  $this->getESICData($postData,$dataC['payperiodSdesc']);
}
$data[$dataC['payperiodSdesc']]['Total'] = $this->getCTCCompensationSum($postData,

isset($data[$dataC['payperiodSdesc']]['payperiodSdesc']),
isset($data[$dataC['payperiodSdesc']]['pfEmployerContribution']),
isset($data[$dataC['payperiodSdesc']]['pfPensionFund']),
isset($data[$dataC['payperiodSdesc']]['esiEmployerContribution']),
isset($data[$dataC['payperiodSdesc']]['grossPay']),
isset($data[$dataC['payperiodSdesc']]['employercontribution']));
$data = [$data[$dataC['payperiodSdesc']]['Total']];
}
}
return $data;
}
This is view file or canvaschartjs 
<script>
window.onload = function () {
 var chart1 = new CanvasJS.Chart("chartContainer1", {
        animationEnabled: true,
        title: {
            text: ""
        },
        axisX: {
            labelFontColor: "#000000",
            labelFontStyle: "oblique",
        },
        axisY: {
            title: "",
            titleFontColor: "#4F81BC",
            lineColor: "#4F81BC",
            labelFontColor: "#4F81BC",
            tickColor: "#4F81BC"
        },
        axisY2: {
            title: "",
            titleFontColor: "#C0504E",
            lineColor: "#C0504E",
            labelFontColor: "#C0504E",
            tickColor: "#C0504E"
        },
        toolTip: {
            shared: true
        },
        legend: {
            cursor: "pointer",
            itemclick: toggleDataSeries
        },
        data: [{
                type: "column",
                name: "Total",
                legendText: "Total",
                showInLegend: true,
                dataPoints: [
                    <?php 
                    echo '<pre>';
                    print_r($compData);
                    die;
                    if(!empty($compData)) 
                    {
                    ?>
                    <?php
                    foreach($compData as $key => $value)
                     {

                    ?>
                        {label: "<?php echo $key; ?>", y:<?php echo $value[$data[$dataC['payperiodSdesc']]['Total']]; ?>},
                    <?php } ?>
                    <?php } ?>
                ]
            },
            {
                type: "column",
                name: "Closed",
                legendText: "Closed",
                showInLegend: true,
                dataPoints: [
                    <?php 
                    if(!empty($compData))
                    {
                    ?>
                    <?php
                    foreach($compData as $key => $value) 
                    {
                    ?>
                        {label: "<?php echo $key; ?>", y: <?php echo $value[$data[$dataC['payperiodSdesc']]['Total']]; ?>},
                    <?php } ?>
                    <?php } ?>
                ]
            },
            {
                type: "column",
                name: "Lapsed",
                legendText: "Lapsed",
                showInLegend: true,
                dataPoints: [
                    <?php if(!empty($compData)) { ?>
                    <?php foreach($compData as $key => $value) { ?>
                        {label: "<?php echo $key; ?>", y: <?php echo $value[$data[$dataC['payperiodSdesc']]['Total']]; ?>},
                    <?php } ?>
                    <?php } ?>
                ]
            }]
    });
}
    chart1.render();
    }
</script>




<script>
window.onload = function () {
 var chart1 = new CanvasJS.Chart("chartContainer1", {
        animationEnabled: true,
        title: {
            text: ""
        },
        axisX: {
            labelFontColor: "#000000",
            labelFontStyle: "oblique",
        },
        axisY: {
            title: "",
            titleFontColor: "#4F81BC",
            lineColor: "#4F81BC",
            labelFontColor: "#4F81BC",
            tickColor: "#4F81BC"
        },
        axisY2: {
            title: "",
            titleFontColor: "#C0504E",
            lineColor: "#C0504E",
            labelFontColor: "#C0504E",
            tickColor: "#C0504E"
        },
        toolTip: {
            shared: true
        },
        legend: {
            cursor: "pointer",
            itemclick: toggleDataSeries
        },
        data: [{
                type: "column",
                name: "Total",
                legendText: "Total",
                showInLegend: true,
                dataPoints: [
                    <?php 
                    echo '<pre>';
                    print_r($compData);
                    die;
                    if(!empty($compData)) 
                    {
                    ?>
                    <?php
                    foreach($compData[0] as $key => $value)
                     {

                    ?>
                        {label: "<?php echo $key; ?>", y:<?php echo $value[$data[$dataC['payperiodSdesc']]['Total']]; ?>},
                    <?php } ?>
                    <?php } ?>
                ]
            },
            {
                type: "column",
                name: "Closed",
                legendText: "Closed",
                showInLegend: true,
                dataPoints: [
                    <?php 
                    if(!empty($compData))
                    {
                    ?>
                    <?php
                    foreach($compData[1] as $key => $value) 
                    {
                    ?>
                        {label: "<?php echo $key; ?>", y: <?php echo $value[$data[$dataC['payperiodSdesc']]['Total']]; ?>},
                    <?php } ?>
                    <?php } ?>
                ]
            },
            {
                type: "column",
                name: "Lapsed",
                legendText: "Lapsed",
                showInLegend: true,
                dataPoints: [
                    <?php if(!empty($compData)) { ?>
                    <?php foreach($compData[2] as $key => $value) { ?>
                        {label: "<?php echo $key; ?>", y: <?php echo $value[$data[$dataC['payperiodSdesc']]['Total']]; ?>},
                    <?php } ?>
                    <?php } ?>
                ]
            }]
    });
        function toggleDataSeries(e) {
        if (typeof (e.dataSeries.visible) === "undefined" || e.dataSeries.visible) {
            e.dataSeries.visible = false;
        } else {
            e.dataSeries.visible = true;
        }

    }
    chart1.render();
    }
</script>

Я пытаюсь нарисовать на графике гистограмму месяцев осей X и общих расходов по оси Y. В классе контроллера данные, которые я отправляю в представление, равны $compData = $this->payrollspendManager->buildCTCCompensationData($postData);По оси абсцисс будет показан месяц, т.е. $data[$dataC['payperiodSdesc']]['PAYPERIOD'], а по оси ординат - общая сумма расходов, т.е. $data[$dataC['payperiodSdesc']]['Total'].Этот месяц и общие расходы вы найдете в модели.Здесь я использую canvasjs с помощью zendframework. Теперь мои данные, т.е. $ compData, отправляются с контроллера для просмотра файла. Это compData имеет 7 элементов, и я хочу отобразить нулевой элемент по оси Y и шестой элемент по оси X.для canvasjs обратитесь к https://canvasjs.com веб-сайту, используя php.если кому-то понадобится больше кода ... вам поможет
в чем проблема в коде?График должен иметь как ось х, так и ось у.Я получаю данные в контроллере в виде массива ($ compData).Этот массив я отправляю на просмотр.Затем массив переходит в цикл foreach и отображает нулевой элемент массива по оси x и последнее поле, то есть 6-й элемент по оси y.Я динамически отображаю данные по осям x и y, используя холст js chart.Как отобразить график с помощью canvaschart JS?если кто-то не прояснил вопрос, может попросить больше ясности, я пытаюсь нарисовать диаграмму месяцев осей X и общих расходов по оси Y в графе. В классе контроллера данные, которые я посылаю в представление, равны $ compData = $this-> payrollspendManager-> buildCTCCompensationData ($ PostData);На оси x будет отображаться месяц, т.е. $ data [$ dataC ['payperiodSdesc']] ['PAYPERIOD'], а на оси y будет отображаться общая сумма расходов, т. Е. $ Data [$ dataC ['payperiodSdesc']] ['Total']. Этот месяц и общие расходы вы найдете в модели.здесь я использую canvasjs с помощью zendframework. Теперь мои данные, т.е. $ compData отправляются с контроллера для просмотра файла. Это compData имеет 7 элементов, и я хочу отобразить нулевой элемент по оси Y и шестой элемент по оси X.для canvasjs обратитесь к https://canvasjs.com веб-сайту, используя php.

я хочу отобразить PAYPERIOD, который является первым массивом из массива деталей, и Total from Details, который является последним массивом

...