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?
- Roman Zye asked 3 years ago
- You must login 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: 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
- Andrew Burnett-Thompson answered 3 years ago
- You must login to post comments
Please login first to submit.