Heatmap - sigcorporativo-ja/Mapea4 GitHub Wiki

Los mapas de calor o heatmaps son mapas que muestran la intensidad relativa de los elementos de una capa de puntos. El valor que dará peso a la intensidad viene definido por un atributo de dichos elementos, y el color o la representación de esa escala de intensidad vendrá dada por una rampa de colores o gradiente determinada.

heatmap

 let style = new M.style.Heatmap(peso, {options});
Parámetro Descripción
peso {string} - atributo o función que establece el peso en la intensidad
options {object} - valores opcionales del mapa de calor :
gradient: Array<string> - los colores que definen el gradiente de intensidad
blur: {number} - tamaño de la borrosidad en pixeles
radius: {number} - radio de influencia del punto en pixeles

Ejemplo:

 let style = new M.style.Heatmap('temperatura', {
      blur: 15,
      radius: 10,
      gradient: ['blue', 'cyan', 'green', 'yellow', 'orange', 'red'],
    });

Pruébalo en JSFiddle

Los valores por defecto para los parámetros opcionales están establecidos en las siguientes constantes:

  • M.style.Heatmap.DEFAULT_OPTIONS.radius = 10
  • M.style.Heatmap.DEFAULT_OPTIONS.blur = 15
  • M.style.Heatmap.DEFAULT_OPTIONS.gradient = ["#00f", "#0ff", "#0f0", "#ff0", "#f00"]
⚠️ **GitHub.com Fallback** ⚠️