SciChart® the market leader in Fast WPF Charts, WPF 3D Charts, iOS Chart, Android Chart and JavaScript Chart Components


I want to use my custom image as a background for SciChart js.
I tried to put background-image to body of the page.
Then I enabled transparent background via:

sciChartSurface.backgroundCompletelyTransparentEnabled = true;

But it doesn’t work. It does nothing.
Then I tried to put transparent background to SciChart:

sciChartSurface.background = "#00000000";

But it doesn’t work as well. Chart completely disappears in this case.

How can I put my image as a background for SciChart?

  • You must to post comments

Hi Roman

Good news is in SciChart.js version 2, which will be released very soon, this is easy.

In version 1 it doesn’t work very well.

You can check out the ALPHA/BETA of Scichart.js v2 by getting it from npm here:

And the documentation for how to enable transparent background in this version here:

Note, there are some breaking changes in SciChart.js v2 which are listed here

Best regards,

  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.