Cascada de precio
Del precio de lista al precio neto.
Definición
La cascada de precio parte del precio de lista y resta, escalón a escalón, cada descuento, rappel o coste hasta llegar al precio neto que de verdad se cobra. Todos los escalones se leen contra la misma base, la tarifa, que es la primera barra. Se usa en política de precios para ver dónde se pierde margen entre lo negociado y lo cobrado.
- Datos
- label · value · group
- Buena para
- Ver qué conceptos se comen el precio de lista y cuánto pesa cada uno.
- Evítala cuando
- Cuando hay conceptos que suben el precio: la pieza solo admite escalones que restan y rechaza los que suman.
- Se lee bien
- Entre 3 y 16 elementos; dibuja hasta 23
- Datos que faltan
- Omite el valor ausente y lo declara aparte.
- Accesibilidad
- Lector de pantalla: tabla de datos · respeta «reducir movimiento»
Forma de los datos
Qué columnas pide
| Columna | Tipo | Para qué |
|---|---|---|
label | string | El concepto de cada escalón. Una fila por escalón, y el ORDEN de las filas es la cascada: la PRIMERA es el precio de referencia (la tarifa) y las demás son las fugas, en el orden en que se aplican. El precio de bolsillo NO se escribe: esta figura lo calcula restando. |
value | number | El nivel de precio en la primera fila; lo que resta cada escalón en las demás. Se admiten las dos convenciones de un cuadro de descuentos —magnitudes (4,20) o importes con signo sobre el precio (−4,20)—, pero no mezcladas: mezclarlas significaría que alguna fila SUBE el precio, y esta cascada sólo desciende (para las dos direcciones, «waterfall»). |
group · opcional | string | Opcional: el tramo de la cascada («En factura», «Fuera de factura», «Coste de servir»). Tiene que ser un bloque CONTIGUO de escalones; enciende la banda de tramos, que escribe el nombre y lo que ese bloque pesa sobre la tarifa. La celda de la PRIMERA fila va vacía: un tramo pesa lo que resta, y la tarifa no resta —contarla dentro de un tramo lo pondría por encima del 100 % del precio—. |
Tamaños
Ancha por necesidad
Esta pieza necesita anchura para que cada rótulo quepa entero. El motor prefiere decirlo a apretarla.
A menos de 480 px el motor se niega y explica por qué: pricewaterfall: 11 escalones no caben en 304 px de alto útil: cada uno dispone de 26.1 px y necesita 34.5 px (16.5 de renglón para su concepto y 18.0 de aire pa
. En el móvil se ve la versión ancha, a tamaño legible y sin recortar, dentro de un marco que se desliza.
Cuándo usarla
Tres preguntas antes de elegirla
¿Todos los escalones restan?
Si hay subidas y bajadas, una cascada general las dibuja en ambos sentidos.
Sí: quédate con cascada de precio
No: usa Gráfico de cascada
¿Analizas un precio y no la variación de ingresos entre dos periodos?
Si explicas cómo cambian los ingresos de un año a otro, el puente de ingresos lo descompone.
Sí: quédate con cascada de precio
No: usa Puente de ingresos
¿Basta con el desglose de un precio tipo?
Si hay que ver cómo se reparte el precio neto entre muchos clientes o pedidos, un histograma enseña la dispersión.
Sí: quédate con cascada de precio
No: usa Histograma
Código
La misma pieza, con tus datos
import { getPreset, renderComposition } from 'visx-render/node';
const spec = await getPreset('pricewaterfall');
spec.data.rows = misFilas; // label, value
const { svg, warnings } = await renderComposition(spec);También en React con Chart y prepareComposition. Guía para desarrolladores →
Dudas
¿Por qué no admite un concepto que suba el precio?
Porque cada escalón es una fuga sobre la tarifa; un importe que suba el precio se rechaza en vez de dibujarse como una fuga más.
¿Contra qué se mide cada escalón?
Contra el precio de lista, que es la primera barra: así todos los escalones se comparan sobre la misma base.
¿Cuántos escalones admite?
Se lee bien entre 3 y 16.
¿Qué hace si faltan datos?
Omite el valor ausente y lo declara aparte.
¿Cómo se ve en el móvil?
A menos de 480 px el motor no la compone sin pisar o cortar rótulos, y lo dice. En el móvil se ve la versión ancha, a tamaño legible, dentro de un marco que se desliza.
Relacionadas
Otras formas de responder «partes de un todo»
Anidamiento conceptualconceptos contenidos unos dentro de otros
Gráfico de anilloreparto de un total en pocas partes
Matriz de puntosresultados de casos individuales en cuadrícula
Descomposición DuPontdescomponer el ROE en sus factores
Gráfico de carámbanosjerarquía y pesos en bloques por niveles
Árbol con sangríasjerarquía detallada con su valor