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

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.