Línea de Flujo - Desarrollos-IDEE/API-IDEE GitHub Wiki

Las líneas de flujo pueden utilizarse para crear mapas de flujo que sirven para representar movimientos a través de simbología lineal.

flowline

let style = new IDEE.style.FlowLine({options});

Donde:

Parámetro Descripción
options {object} - valores opcionales del flujo de línea:
color: {string | function()} - color inicial de la línea.
color2: {string | function()} - color final de la línea.
width: {number | function()} - ancho inicial de la línea.
width2: {number | function()} - ancho final de la línea.
arrow: {number} - indica si se muestra flecha; y en ese caso donde se posiciona. 0 (sin flecha) | -1 (en inicio línea) | 1 (en final línea) | 2 (en ambos extremos).
arrowColor: {string} - color de la flecha. Si el parámetro arrow no es 0.
lineCap: {string} - extremo de la línea. round | butt

Ejemplo:

 let style = new IDEE.style.FlowLine({
      color: 'blue',
      color2: 'pink',
      width: 2,
      width2: 25,
      arrow: -1,
      arrowColor: 'grey',
      lineCap: 'butt',
});

Ejemplo de uso con función:

 let scaleValue = 0.2
 let style = new IDEE.style.FlowLine({
      color: 'blue',
      color2: 'pink',
      width: function (feature) {
                return feature.getAttribute('inicio') * scaleValue;
            },
      width2: function (feature) {
                return feature.getAttribute('final') * scaleValue;
            },
      arrow: -1,
      arrowColor: 'grey',
      lineCap: 'butt',
});

vendorOptions

No permite vendorOptions.

⚠️ **GitHub.com Fallback** ⚠️