$('#TABLE').columnHeatmap({
columns: [1, 2, 3, 4]
});
Parâmetro colunas recebe um array com o index da coluna na tabela, a primeira coluna é a 0
Parâmetro | Tipo | Padrão | Obrigatório | Descrição |
---|---|---|---|---|
columns |
array |
[] |
Colunas as quais deve aplicar o heatmap. Primeira coluna é a key 0. Ex.: Uma tabela com 3 colunas onde pretende aplicar o heatmap apenas na segunda e terceira coluna seria dessa forma: [1, 2] |
|
contrast |
boolean |
true |
Muda a cor do texto para branco caso a cor de fundo seja mais forte | |
inverse |
boolean |
false |
Por padrão, o maior valor tem ofundo vermelho e o menor tem o fundo verde, caso esse parâmetro seja verdadeiro, o lógica é invertida. (Cores pordem mudar dependendo do valor do parâmetro colorStartPoint) | |
animated |
boolean |
true |
Adiciona um fade in | |
animationSpeed |
float |
.1 |
Velocidade do fade in em segundos | |
fn_parseValue |
function |
null |
Parse personalizado do valor da celula da tabela. Recebe o texto da celular por parâmetro e deve retornar um número float ou int. Clique aqui para ver um exemplo | |
colorStartPoint |
int |
0 |
Offset de cores (Padrão de cores HSL), valores de 0 a 360 |
/[\d|.|,]+/
textRetorno:
float|int
$('#TABLE').columnHeatmap({
columns: [1],
fn_parseValue: (cell_value) => {
// logic
cell_value = 1;
return cell_value;
}
});