Tables

tables: [{
  position?,   // where the table sits (default 'top-right')
  cells,       // rows of cells
  bg?,         // table background color
  border?,     // border color
  textColor?,  // default text color
  size?,       // font size in px, default 11
  align?,      // 'left' (default) | 'center' | 'right' for every cell
}]

{ text, color?, bg?, align? }

const length = input.int('RSI length', 14, { min: 2, max: 100 });

function compute(bars, inputs, hp, chart) {
  const closes = bars.map(b => b.c);
  const rsi = hp.rsi(closes, length);
  const last = bars.length - 1;
  const change = last > 0 ? closes[last] - closes[last - 1] : 0;
  return {
    plots: [],
    tables: [{
      position: 'bottom-right',
      align: 'center',
      bg: 'rgba(20,20,20,0.8)',
      border: '#444',
      cells: [
        [{ text: chart.symbol ?? '', color: '#f59e0b' }, chart.timeframe ?? ''],
        ['RSI', rsi[last]?.toFixed(1) ?? '–'],
        ['Change', { text: change.toFixed(2), color: change >= 0 ? '#26a69a' : '#ef5350', align: 'right' }],
      ],
    }],
  };
}