Pre loader

Chart with custom image background or transparent chart background

Welcome to the SciChart Forums!

  • Please read our Question Asking Guidelines for how to format a good question
  • Some reputation is required to post answers. Get up-voted to avoid the spam filter!
  • We welcome community answers and upvotes. Every Q&A improves SciChart for everyone

WPF Forums | JavaScript Forums | Android Forums | iOS Forums

0
0

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?

Version
1.4.1628
  • You must to post comments
0
0

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: https://www.npmjs.com/package/scichart/v/2.0.0-alpha.2039

And the documentation for how to enable transparent background in this version here:
https://www.scichart.com/documentation/js/v2/Chart%20Styling%20-%20Images%20in%20Background.html

Note, there are some breaking changes in SciChart.js v2 which are listed here
https://www.scichart.com/documentation/js/v2/Breaking%20Changes%20in%20SciChart.js%20v2.x.html

Best regards,
Andrew

  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.