Trazado

Funciones de trazado

Función	Descripción
`plot(series, title?, options?)`	Traza una línea, área, histograma u otro estilo de serie
`plotshape(series, title?, options?)`	Traza marcadores de forma (flechas, círculos, rombos, etc.)
`plotchar(series, title?, char?, options?)`	Traza marcadores de caracteres
`plotarrow(series, title?, options?)`	Traza marcadores de flecha
`plotbar(open, high, low, close, title?, options?)`	Traza barras OHLC
`plotcandle(open, high, low, close, title?, options?)`	Traza velas
`hline(price, title?, color?, linestyle?, linewidth?, editable?, display?)`	Dibuja una línea horizontal en un nivel de precio fijo
`fill(plot1, plot2, color?)`	Rellena el área entre dos trazados
`bgcolor(color, offset?, options?)`	No se renderiza en Studio; produce una advertencia de estilo no compatible
`barcolor(color, offset?, options?)`	No se renderiza en Studio; usa la opción `color` de un plot

Estilos de trazado

Usa las constantes plot.style_* para controlar cómo se representan los datos:

Estilo	Descripción
`plot.style_line`	Línea continua (predeterminada)
`plot.style_linebr`	Línea con cortes en los valores `na`
`plot.style_stepline`	Línea escalonada
`plot.style_stepline_diamond`	Línea escalonada con marcadores de rombo
`plot.style_steplinebr`	Línea escalonada con cortes
`plot.style_area`	Área rellena debajo de la línea
`plot.style_areabr`	Área con cortes en `na`
`plot.style_histogram`	Barras de histograma verticales
`plot.style_columns`	Gráfico de columnas
`plot.style_circles`	Marcadores de círculo
`plot.style_cross`	Marcadores de cruz

Estilos de línea (para `plot` y `hline`)

PineTS acepta estas constantes, pero Studio actualmente no conserva linestyle al renderizar los plots. Los estilos discontinuos y punteados se muestran como líneas continuas.

Estilo	Descripción
`plot.linestyle_solid`	Línea sólida
`plot.linestyle_dashed`	Línea discontinua
`plot.linestyle_dotted`	Línea punteada
`hline.style_solid`	Línea horizontal sólida
`hline.style_dashed`	Línea horizontal discontinua
`hline.style_dotted`	Línea horizontal punteada

Ejemplos

Gráfico de líneas básico

indicator('EMA Crossover', { overlay: true });

const fast = ta.ema(close, 9);
const slow = ta.ema(close, 21);

plot(fast, 'Fast EMA', { color: '#2962FF' });
plot(slow, 'Slow EMA', { color: '#FF6D00' });

Histograma

indicator('MACD Histogram');

const [macdLine, signalLine, hist] = ta.macd(close, 12, 26, 9);

plot(hist, 'Histogram', {
  style: plot.style_histogram,
  color: hist > 0 ? '#26A69A' : '#EF5350'
});
plot(macdLine, 'MACD', { color: '#2962FF' });
plot(signalLine, 'Signal', { color: '#FF6D00' });

Relleno entre gráficos

indicator('Bollinger Bands', { overlay: true });

const [mid, upper, lower] = ta.bb(close, 20, 2);

const p1 = plot(upper, 'Upper', { color: '#F23645' });
plot(mid, 'Middle', { color: '#787B86' });
const p2 = plot(lower, 'Lower', { color: '#089981' });

fill(p1, p2);

Marcadores de forma

// Plot buy/sell arrows at crossover points
if (ta.crossover(fast, slow)) {
  plotshape(close, 'Buy', {
    style: shape.triangleup,
    location: location.belowbar,
    color: '#00FF00',
    size: size.small
  });
}

if (ta.crossunder(fast, slow)) {
  plotshape(close, 'Sell', {
    style: shape.triangledown,
    location: location.abovebar,
    color: '#FF0000',
    size: size.small
  });
}

Constantes de forma

Constante	Descripción
`shape.triangleup`	Triángulo hacia arriba
`shape.triangledown`	Triángulo hacia abajo
`shape.circle`	Círculo
`shape.cross`	Cruz
`shape.xcross`	Cruz en X
`shape.diamond`	Rombo
`shape.square`	Cuadrado
`shape.arrowup`	Flecha hacia arriba
`shape.arrowdown`	Flecha hacia abajo
`shape.flag`	Bandera
`shape.labelup`	Etiqueta apuntando hacia arriba
`shape.labeldown`	Etiqueta apuntando hacia abajo

Constantes de ubicación

Constante	Descripción
`location.abovebar`	Encima de la barra
`location.belowbar`	Debajo de la barra
`location.top`	Parte superior del panel
`location.bottom`	Parte inferior del panel
`location.absolute`	En el valor exacto

Constantes de tamaño

Constante	Descripción
`size.tiny`	Diminuto
`size.small`	Pequeño
`size.normal`	Normal
`size.large`	Grande
`size.huge`	Enorme
`size.auto`	Automático

Studio no renderiza la salida de bgcolor() ni de barcolor(); estas llamadas producen advertencias de estilo no compatible. Para visualizar una condición, usa la opción color de un plot() o plotshape() compatible.

Los colores se pueden especificar como cadenas hexadecimales (p. ej., '#FF0000') o usando el espacio de nombres color (p. ej., color.red). Añade dos dígitos hexadecimales para la transparencia alfa (p. ej., '#FF000080' para 50 % de opacidad).