echarts-bot[bot] commented on issue #17111:
URL: https://github.com/apache/echarts/issues/17111#issuecomment-1138200080

   @IMdaya It seems you are not using English, I've helped translate the 
content automatically. To make your issue understood by more people and get 
helped, we'd like to suggest using English next time. 🤗
   <details><summary><b>TRANSLATED</b></summary><br>
   
   **TITLE**
   
   [Feature] The bmap Baidu map plug-in realizes the reverse hollowing effect 
in the series (using the collection of administrative division points and the 
peripheral custom southeast and northwest to form an annular mask layer)
   
   **BODY**
   
   ### What problem does this feature solve?
   
   Baidu map api can implement reverse masking, such as highlighting in 
Changsha area and masking other areas, but in the custom function in the series 
of echarts, when using the renderItem method to increase the overlay, in the 
api called, There is no way for fill to fill in the blanks, the default is 
black, so even if I use the getBoundary of Baidu map api for the outer 
hollowing out, there is no way to make the inner hollowing out. The effect that 
needs to be achieved is as follows: https://www.bianchengquan.com/article/ 
270629.html
   The method of renderItem in echarts
   ` return {
             type: 'polygon',
             shape: {
               points: echarts.graphic.clipPointsByRect(points, {
                 x: params.coordSys.x,
                 y: params.coordSys.y,
                 width: params.coordSys.width,
                 height: params.coordSys.height
               })
             },
             // style: api.style()
             style: api.style({
               fill: '#000',
               stroke: '#b66464',
               lineWidth: 3,
               opacity: 0.4
             })
           }`
   
   ### What does the proposed API look like?
   
   The method of renderItem in echarts
   ` return {
             type: 'polygon',
             shape: {
               points: echarts.graphic.clipPointsByRect(points, {
                 x: params.coordSys.x,
                 y: params.coordSys.y,
                 width: params.coordSys.width,
                 height: params.coordSys.height
               })
             },
             // style: api.style()
             style: api.style({
               fill: '',
               stroke: '#b66464',
               lineWidth: 3,
               opacity: 0.4
             })
           }`
   
   When fill is passed in empty, it can have no color like the api of Baidu map
   </details>


-- 
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]

Reply via email to