[GitHub] [echarts] peng3693 opened a new issue, #17682: [Bug] svg rendering part of the area is displayed as black blocks

[GitBox <gi...@apache.org>]

peng3693 opened a new issue, #17682:
URL: https://github.com/apache/echarts/issues/17682

   ### Version
   
   5.3.3
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   `      
   echarts.registerMap('f1', {svg: svg});
   var chartDom = document.getElementById('firstMapEcharts');
   var myChart = echarts.init(chartDom, null, {renderer: 'svg'});
   
         var option = {
           geo: {
             map: 'f1',
             roam: false,
             left: "10px",
             top: "10px",
             right: "-450px",
             bottom: "20px",
             layoutSize: '100%',
             selectedMode: 'false',
             emphasis: {
               label: {
                 show: false
               }
             }
           }
         };
         myChart.setOption(option);
         myChart.getOption();`
   
   ### Current Behavior
   
   Using echarts to display the svg map, the color of some areas in the figure is lost and displayed as black blocks
   <img width="318" alt="image" src="https://user-images.githubusercontent.com/52348296/191665006-7c732264-b371-407b-9ee7-ae95fd23beb8.png">
   
   
   ### Expected Behavior
   
   This is the original display of the svg image, use html to display this svg image, all colors are displayed normally
   <img width="381" alt="image" src="https://user-images.githubusercontent.com/52348296/191665163-12779e87-b8b1-459e-b6eb-bd1b3d89c1d7.png">
   
   
   ### Environment
   
   ```markdown
   - OS:mac
   - Browser:chrome
   - Framework:"react": "^18.2.0",
   ```
   
   
   ### Any additional comments?
   
   _No response_


-- 
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: commits-unsubscribe@echarts.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org

[GitHub] [echarts] artokhotnikov commented on issue #17682: [Bug] svg rendering part of the area is displayed as black blocks

["artokhotnikov (via GitHub)" <gi...@apache.org>]

artokhotnikov commented on issue #17682:
URL: https://github.com/apache/echarts/issues/17682#issuecomment-1591212228

   try removing the fill attribute from the <svg> element and adding style="fill:none;fill-opacity:1;fill-rule:nonzero;stroke:none"
   it helped me


-- 
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: commits-unsubscribe@echarts.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org