====== Gráfico de Pastel ======
===== Generando Componente =====

Componente de la librería de Admin LTE 3 que permite establecer una serie de valores con nombres asociados para construir una gráfica de pastel o pay de tipo responsiva y de forma dinámica.

{{:0ae97009-bc11-4832-91b9-9eff926bff31_4_5005_c.jpeg?400|}}

Se debe establecer de manera predeterminada los siguientes datos:
  - Tamaño
  - Nombre
  - Título
  - Visibilidad

{{:5768377f-86dd-49ea-a256-b21cc9924cd4_4_5005_c.jpeg|}}

----
===== Asignando datos en función AJAX =====

__**Estableciendo datos**__

Para establecer la serie única de nuestro gráfico primero debemos construir un arreglo de propiedades asociadas con los nombres de cada campo proporcional cómo se indica a continuación en el ejemplo:

<code php>
    $this->resAjax->setDataPastelGraph("acumuladosPorProyecto",[
        "Júpiter"=>4,
        "Saturno"=>2,
        "Tierra"=>1,
        "Marte"=>3,
        "Urano"=>2,
        "Neptuno"=>2,
        "Mercurio"=>3,
        "Venus"=>3,
    ]);
</code>

----

__**Estableciendo pie de gráfico**__

En el pie de la tarjeta de la gráfica se pueden o no establecer celdas con un nombre, un ícono y un color especial para exponer datos adicionales, para establecer los campos se configur un arreglo de objetos con propiedades cómo se muestra a continuación:

<code php>

    $this->resAjax->setFooterPastelGraph("acumuladosPorProyecto",[
            [
                "icon"=>"fas fa-caret-up",
                "iconText"=>"17%",
                "text"=>"$35,010.43",
                "title"=>"TOTAL AUMENTADO",
                "color"=>"green"
            ],
            [
                "icon"=>"fas fa-caret-down",
                "iconText"=>"12%",
                "text"=>"$9,210.43",
                "title"=>"TOTAL REDUCIDO",
                "color"=>"red"
            ],
            [
                "icon"=>"fas fa-caret-right",
                "iconText"=>"32%",
                "text"=>"$98,210.43",
                "title"=>"TOTAL AVANZADO",
                "color"=>"blue"
            ],
    ]);
</code>


===== Demostración de la ejecución de los métodos anteriores =====

Al ejecutar los metodos anteriores en la sección de onStart de la funcion AJAX asignada a la forma en cuestión, se puede visualizar una gráfica circular responsiva con la siguiente serie proporcionada con sus respectivos valores, el título y el pie de campos con sus íconos de los colores ya seleccionados:

{{:d9190741-9c5c-4c96-8782-e03eebe9bd66.jpeg|}}
