Last active
February 16, 2018 03:23
-
-
Save llucasshenrique/a1d98ba50e45458308df43a59a70c95e to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Dados que veem do Database | |
const dados = [ | |
{ | |
values: { | |
date: '2018-02-01', | |
id: '1351316', | |
triggers: [{ | |
id: '02125', | |
name: 'nome do tringger01', | |
description: 'descrição do trigger01' | |
}] | |
} | |
}, | |
{ | |
values: { | |
date: '2018-02-01', | |
id: '1351317', | |
triggers: [{ | |
id: '02125', | |
name: 'nome do tringger', | |
description: 'descrição do trigger01' | |
}, | |
{ | |
id: '02125', | |
name: 'nome do tringger02', | |
description: 'descrição do trigger02' | |
}] | |
} | |
} | |
] | |
/** | |
* Os valores retornados são dois array | |
* 'labels': com legendas para cada dia | |
* | |
* 'dataset': com os valores em um array 'data' organizado segundo o | |
* e o nome do campo "label" | |
* | |
* por exemplo: | |
* ps. ignora o borderColor é apenas para selecionar a cor do dataset, que crio dinamicamente. | |
* | |
* Exemplo do chartjs: http://www.chartjs.org/samples/latest/charts/line/basic.html | |
*/ | |
function rgbaCode() { | |
// Deve retornar um valor entre 1 e 255 | |
return Math.floor(Math.random() * (1 - 255 + 1)) + 255; | |
} | |
let labels = ['01/02 2018','02/02 2018', '03/02 2018'] | |
let dataset = [{ | |
data: [0, 2 ,3], | |
label: 'Casos diários', | |
borderColor: `rgba(${rgbaCode()},${rgbaCode()},${rgbaCode()},${rgbaCode()})`, | |
fill: false | |
}] |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Se possivel deixar isso dinamico assim o usuario poderá selecionar outros campos e ele teria o grafico pelo campo selecionado.