jlpoolen opened a new issue, #20229: URL: https://github.com/apache/echarts/issues/20229
### What problem does this feature solve? I have an animated eChart depicting the altitude of a jet over time. In the screenshot below, you may be able see a small black jet at the bottom near where I have hovered over a mark to cause the pop-up window to display. I would like to have as a background to the chart a map (e.g. Open Street Maps) division which is continually updated as the plane travels. To depict motion, the map would move and the blue outline plane would follow (on the X axis) the small echart plane so at any given point in time a viewer would see where on a street map the plane currently is. My map is composed of vector tiles, not binary images; I'm using a MapLibre Project martin vector tile server. What I was hoping for was that I could set the background of the eChart to be transparent instead of opaque white and then be able to render the eChart (z-order = 2?) over the map (z-order = 1?) to achieve my goal. The best alternative would be for the eChart elements to be in full 100% opacity and the background 0% opacity, then I could have the map below in or near 100% reducing fuzziness. So there are these questions: 1) can an eChart <div> element be overlayed another <div> element, e.g. one that will contain a MapLibre map? Or can junior elements within the eChar have a <div id="map"> interspersed? 2) can an eChart <div> has a transparency settings? 3) Within an eChart, can the background be set to transparent? Inserting an empty PNG that is 100% transparent? I searched the Issues and documentation with the terms "opacity", "transparency", and "background" and nothing bearing on this kind feature came to light. Here is a prototype I created in Adobe Illustrator with the following levels (level is akin to z-order, highest overlaps lower). Of course, I had to have the eChart layer's opacity set to less than 100% so the underlying map and plan would appear.   ### What does the proposed API look like? .transparency to whatever element constitutes the background. -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
