Technical Stock charting API with mouseover capability

TruCharts Stock Charting API

The TruCharts Chart API renders professional, fully customizable stock charts as images on the fly from a single URL. Because every chart is just a URL that returns an image, you can drop it straight into an HTML <img> tag — no JavaScript charting library and no client-side rendering required. It supports candlestick, line and bar styles, intraday-to-monthly timeframes, 25+ technical indicators, and an interactive hover-to-preview mode.

Base URL: https://trucharts.in/Chart.aspx

Charts are returned as images, so the simplest integration is a plain <img> tag:

<img src="https://trucharts.in/Chart.aspx?Provider=DB&Code=AAPL&Type=3&Cycle=DAY1&HIS=0" alt="AAPL chart" />

Note: HIS=0 is required on every request for the chart to render correctly.

Core Parameters

Parameter	Required	Description & Values	Example
Provider	Yes	Data provider source. Always use DB.	Provider=DB
Code	Yes	The stock ticker symbol (e.g. AAPL, TSLA, NVDA).	Code=NVDA
HIS	Yes	Historical data flag. Must be 0 to render the chart.	HIS=0
Size	No	Chart dimensions in pixels, Width*Height.	Size=800*600
Start	No	Start date. Format YYYYMMDD.	Start=20240101
End	No	End date. Format YYYYMMDD.	End=20241231
Type	No	Visual style. 3=Candlestick, 2=Line, 1=Bar.	Type=3
Cycle	No	Timeframe. Intraday: MIN1, MIN5, MIN15, MIN30, MIN60. Historical: DAY1, WEEK1, MONTH1.	Cycle=DAY1
Scale	No	Price axis scale. 0=Linear, 1=Logarithmic.	Scale=0
Skin	No	Color theme. GreenRed (light) or Black (dark).	Skin=GreenRed
RT	No	Real-time data streaming flag. 1=on, 0=off.	RT=1
OVER	No	Overlay indicators drawn on top of the price (semicolon-separated).	OVER=MA(50)
IND	No	Panel indicators drawn below the price (semicolon-separated).	IND=VOLMA(60)

Technical Indicators

Add advanced technical analysis with the OVER and IND parameters. To combine multiple indicators, separate them with a semicolon (;).

Overlays (OVER) — drawn on the price chart: MA(Period), EMA(Period), BB(Period,Deviations), SAR(N,Step,MaxP), ZIG(N), DrawTrendLine(N), BBI(N1,N2,N3,N4), DMA(Short,Long,M), EMA2(P1,P2), EMA4(P1,P2,P3,P4), MA4(P1,P2,P3,P4).

Panel indicators (IND) — drawn below the price chart: VOLMA(Period), AreaRSI(Period), MACD(Short,Long,Signal), Stoch(K,D,Slowing), ADX(N,M), DMI(N,M), MTM(N,N1), PERF(N), CYS(P1,P2), DDI(N,N1,M,M1), PPO(Long,Short,N), TRIX(N,M), VMACD(Short,Long,M).

Example combining several indicators:

https://trucharts.in/Chart.aspx?Provider=DB&Code=NVDA&Type=3&Skin=GreenRed&Size=800*600&Cycle=DAY1&HIS=0&OVER=MA(13);MA(50)&IND=VOLMA(60);MACD(12,26,9)

Full Example

<img
  src="https://trucharts.in/Chart.aspx?Provider=DB&Code=TSLA&Type=3&Scale=0&Skin=GreenRed&Size=800*600&RT=1&Cycle=DAY1&HIS=0&OVER=MA(50);BB(20,2)&IND=VOLMA(60);MACD(12,26,9)"
  alt="TSLA candlestick chart"
  width="800"
  height="600"
/>

Interactive Hover-to-Preview

Keep users engaged by loading a chart on mouse hover. Tag any element with a data-ticker attribute and swap the tooltip image source on mouseenter:

<span class="stock-hover" data-ticker="AAPL">AAPL</span>

<div id="chart-tooltip" style="position:absolute;display:none;border:1px solid #ccc;border-radius:8px;padding:8px;background:#fff;pointer-events:none;">
  <img id="tooltip-img" src="" style="width:520px;height:400px;display:block;border-radius:4px;" />
</div>

<script>
document.querySelectorAll('.stock-hover').forEach((el) => {
  const tooltip = document.getElementById('chart-tooltip');
  const img = document.getElementById('tooltip-img');
  el.addEventListener('mouseenter', (e) => {
    const ticker = e.target.dataset.ticker;
    img.src = `https://trucharts.in/Chart.aspx?Provider=DB&Code=${ticker}&Type=3&Skin=GreenRed&Size=520*400&Cycle=DAY1&HIS=0&OVER=MA(13);MA(50)&IND=VOLMA(60);MACD(12,26,9)`;
    tooltip.style.display = 'block';
  });
  el.addEventListener('mousemove', (e) => {
    tooltip.style.left = e.pageX + 15 + 'px';
    tooltip.style.top = e.pageY + 15 + 'px';
  });
  el.addEventListener('mouseleave', () => { tooltip.style.display = 'none'; img.src = ''; });
});
</script>

Notes

• Every chart is a plain image URL — embed it in an <img> tag, email, dashboard or markdown with no SDK.
• Provider=DB and HIS=0 are required on every request.
• Intraday timeframes (MIN1–MIN60) and real-time streaming (RT=1) are available for live use cases.

Open the interactive chart builder →