Pre loader

Background Image with Transparency

JavaScript Chart - Examples

SciChart.js ships with over 80 JavaScript Chart demos which you can browse, view the source code and see related documentation. Build incredible complex dashboards with SciChart.js, our High Performance JavaScript Chart Library.

Getting Started

Demonstrates how to create a Chart with Transparent Background using SciChart.js, High Performance JavaScript Charts

Demonstrates how to set a background image by setting a transparent background to SciChart.js.

SciChart.js v2.x now supports transparent backgrounds in all browsers, and will show through the DOM element underneath the chart. In this example we use a background image to demonstrate how to create a stunning styled chart.

Tips
It’s also possible to show DOM elements: Videos, Images, Gradient Backgrounds or an entire webpage behind charts!

TransparentBackground/index.tsx
View source code
Back to JavaScript Chart Examples

JavaScript Chart Examples

2D Charts

Chart Legends

3D Charts
Featured Apps
What's New

Try SciChart Today

Start a trial and discover why we are the choice
of demanding developers worldwide

Start TrialCase Studies