... | ... | @@ -7,7 +7,9 @@ var grafico = { |
|
|
datasets: [],
|
|
|
}
|
|
|
|
|
|
- function setDataset(type, textLabel, stacked, yaxis, color)
|
|
|
---
|
|
|
|
|
|
# function setDataset(type, textLabel, stacked, yaxis, color)
|
|
|
|
|
|
Função que permite ser colocado vários conjuntos de dados. (Ex: Nota, Taxa Aprovação, ...)
|
|
|
|
... | ... | @@ -23,16 +25,21 @@ Para cada conjunto de dados existentes deve ser chamada a função setDataset e |
|
|
grafico.datasets.push(setDataset(...));
|
|
|
|
|
|
Depois adicione os as labels e os dados
|
|
|
|
|
|
grafico.labels = labels;
|
|
|
``` js
|
|
|
// Seja dados um vetor que contem vetores de dados
|
|
|
// dados = [[1,2,3],[2,3,4]];
|
|
|
// dados =[ [1,2,3], [2,3,4] ];
|
|
|
|
|
|
for (d in dados) {
|
|
|
grafico.datasets[d].data = dados[d];
|
|
|
grafico.datasets[d].data = dados[d];
|
|
|
}
|
|
|
```
|
|
|
|
|
|
Após você deve configurar os eixos. Se o eixo y possuir escalas diferentes, devera ser configurado para cada escala.
|
|
|
Para isto basta usar a função
|
|
|
- function setTicks(beginAtZero, stepSize, suggestedMax, max, min, reverse)
|
|
|
|
|
|
# function setTicks(beginAtZero, stepSize, suggestedMax, max, min, reverse)
|
|
|
|
|
|
- beginAtZero: Booleano informando se o primeiro valor da escala deve ser zero
|
|
|
- stepSize: Os valores de posição do eixo y. Exemplo: se stepSize for 2 o eixo ficará 0, 2, 4, 6, 8, ...
|
... | ... | @@ -41,7 +48,9 @@ Para isto basta usar a função |
|
|
- min: Valor minimo do grafico
|
|
|
- reverse: Se o eixo deve ser invertido, trocar ordem crescente por decrescente
|
|
|
|
|
|
- function configAxes(simple, type, display, position, id, gridlines, ticks, stacked)
|
|
|
---
|
|
|
|
|
|
# function configAxes(simple, type, display, position, id, gridlines, ticks, stacked)
|
|
|
|
|
|
- simple: Booleano indicando se o gráfico a ser gerado deve ser simples ou complexo
|
|
|
- simples: Apenas para um conjunto de dados, usada normalmente se houver apenas um conjunto de dados
|
... | ... | @@ -54,12 +63,14 @@ Para isto basta usar a função |
|
|
- ticks: Um objeto contendo o retorna da função setTicks
|
|
|
- stacked: Representa o gráfico da forma stacked
|
|
|
Esta função deve ser usada para preencher valores de um objeto
|
|
|
var scales = {
|
|
|
var scales={
|
|
|
xAxes: [configAxes(...)],
|
|
|
yAxes: [configAxes(...), configAxes(...)],
|
|
|
};
|
|
|
|
|
|
- function chartConfig(type, data, scales, fill_line)
|
|
|
---
|
|
|
|
|
|
# function chartConfig(type, data, scales, fill_line)
|
|
|
- type: O tipo do gráfico, linha, barra ou outros.
|
|
|
- data: O objeto grafico
|
|
|
- scales: O objeto scales
|
... | ... | |