LineFill

LineFill(key, lineA, lineB, opts) -> handle

const top = Line("upper-band", { x1: 0, y1: 105, x2: 50, y2: 105, color: "#22c55eFF" });
const bot = Line("lower-band", { x1: 0, y1: 95,  x2: 50, y2: 95,  color: "#22c55eFF" });

const fill = LineFill("band-fill", top, bot, {
  color: "#22c55e30",
});

// Correct: delete + recreate to change source lines
fill.delete();
const newFill = LineFill("band-fill", newTop, newBot, { color: "#ef444430" });

fill.set({ color: "#a78bfa30" }); // change fill color
fill.clone("band-fill-2");        // clone with same source lines
fill.delete();                    // remove fill

const upperPlot = Line("bb-upper", { x1: 0, y1: 0, x2: 0, y2: 0, color: "#3b82f6FF" });
const lowerPlot = Line("bb-lower", { x1: 0, y1: 0, x2: 0, y2: 0, color: "#3b82f6FF" });
const bandFill  = LineFill("bb-fill", upperPlot, lowerPlot, { color: "#3b82f620" });

onBar(() => {
  const bb = ta.bb(ctx.close, 20, 2);
  if (na(bb.upper)) return;

  upperPlot.set({ x1: 0, y1: bb.upper, x2: ctx.i(), y2: bb.upper });
  lowerPlot.set({ x1: 0, y1: bb.lower, x2: ctx.i(), y2: bb.lower });
});