Module adapters/lightweight-charts

TradingView Lightweight Charts integration for MAIDR.

Makes Lightweight Charts (v5) price charts -- candlesticks, OHLC bars, lines, areas, baselines and volume histograms, across any number of panes -- navigable by keyboard and readable through sonification, text and braille, and keeps MAIDR in step with the chart as it streams.

Remarks

Lightweight Charts is not bundled: the adapter reads the chart the host page created. Two ways to use it:

bindLightweightChart (recommended) mounts MAIDR around the chart, highlights the reader's bar over the canvas, and follows every series.update(...) / series.setData(...) -- a new bar is announced in monitor mode (M).
fromLightweightChart returns plain MAIDR JSON for the maidr attribute or <Maidr data={...}>: audio, text and braille, but no highlight and no live sync.

Example

<script src="https://cdn.jsdelivr.net/npm/lightweight-charts@5/dist/lightweight-charts.standalone.production.js"></script>
<script src="https://cdn.jsdelivr.net/npm/maidr/dist/lightweight-charts.js"></script>
<div id="chart" style="width: 720px; height: 420px"></div>
<script>
  const chart = LightweightCharts.createChart(document.getElementById('chart'));
  const candles = chart.addSeries(LightweightCharts.CandlestickSeries, { title: 'ACME' });
  candles.setData(ohlc);
  maidrLightweightCharts.bindLightweightChart(chart, { title: 'ACME daily prices' });
</script>

References

bindLightweightChart → bindLightweightChart
LightweightChartsBinding → LightweightChartsBinding
LightweightChartsBindOptions → LightweightChartsBindOptions
fromLightweightChart → fromLightweightChart
LightweightChartsOptions → LightweightChartsOptions
LwcBusinessDay → LwcBusinessDay
LwcChart → LwcChart
LwcDataItem → LwcDataItem
LwcPane → LwcPane
LwcSeries → LwcSeries
LwcTime → LwcTime
LwcTimeScale → LwcTimeScale

src

Module adapters/lightweight-charts

Remarks

Example

References

Settings

On This Page