Skip to content

Instantly share code, notes, and snippets.

@llucasshenrique
Last active February 16, 2018 03:23
Show Gist options
  • Save llucasshenrique/a1d98ba50e45458308df43a59a70c95e to your computer and use it in GitHub Desktop.
Save llucasshenrique/a1d98ba50e45458308df43a59a70c95e to your computer and use it in GitHub Desktop.
// 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
}]
@llucasshenrique
Copy link
Author

Se possivel deixar isso dinamico assim o usuario poderá selecionar outros campos e ele teria o grafico pelo campo selecionado.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment