¡Esta es una revisión vieja del documento!
Esta clase Néfeliza el control Chart.js, ha sido realizada como una contribución a Néfele.
/* Este ejemplo corresponde al que puede encontrar en la página inicial de Chart.js */
WITH OBJECT WChart():New(:WO)
:cHeight := 300
:cWidth := 500
WITH OBJECT :Configure()
:type := 'bar'
WITH OBJECT :data
:labels := {'Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'}
WITH OBJECT :DataSet()
:label := '# of Votes'
:data := {12, 19, 3, 5, 2, 3}
:backgroundColor := {'rgba(255, 99, 132, 0.2)',;
'rgba(54, 162, 235, 0.2)',;
'rgba(255, 206, 86, 0.2)',;
'rgba(75, 192, 192, 0.2)',;
'rgba(153, 102, 255, 0.2)',;
'rgba(255, 159, 64, 0.2)'}
:borderColor := {'rgba(255, 99, 132, 1)',;
'rgba(54, 162, 235, 1)',;
'rgba(255, 206, 86, 1)',;
'rgba(75, 192, 192, 1)',;
'rgba(153, 102, 255, 1)',;
'rgba(255, 159, 64, 1)'}
:borderWidth := 1
END WITH
END WITH
WITH OBJECT :options
:responsive := .F. // Por defecto lo tenemos a .T.
// Podemos asignar una propiedad directamente
:scales:yAxe():ticks:beginAtZero := .F. // El gráfico no empieza en 0, por defecto es .T.
/* Este sería el código estructurado
WITH OBJECT :scales
WITH OBJECT :yAxe()
WITH OBJECT :ticks
:beginAtZero := .F. // El gráfico no empieza en 0, por defecto es .T.
END WITH
END WITH
END WITH
*/
END WITH
END WITH
:Create()
END WITH
| Nombre | Init | Descripción | Versión |
|---|---|---|---|
| cClassId | 'chart' | 0.3 | |
| cHeight | Altura del contenedor del gráfico, no es operativo si definimos el gráfico como responsive | 0.3 | |
| cWidth | Ancho del contenedor del gráfico, no es operativo si definimos el gráfico como responsive | 0.3 | |
| cAlign | xc_NoAlign | Alineación del grafico dentro de su contenedor | 0.3 |
| Nombre | Descripción | Versión |
|---|---|---|
| Configure | Este método nos devuelve el objeto Chart que corresponde con el gráfico a presentar, las propiedades de este objeto están documentadas en la ayuda de Chart.js | 0.3 |
A Joaquim Ferrer Godoy quim_ferrer@yahoo.es por contribuir con este fantástico control a Néfele.