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

   ### Version
   
   5.3.3
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   const svgStr = `<svg viewBox="0 0 1024 768" version="1.1" 
xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; 
stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" 
xml:space="preserve"> <path d="M300.707,39.0422  A40.7058,40.7058 0 0,0 
300.707,120.454 " name="uuid"></path><path d="M300.707,120.454  
A40.7058,40.7058 0 0,0 300.707,39.0422 " name="uuid"></path></svg>`
   echarts.registerMap('mapName', { svg: svgStr});
   
     const  option = {
             geo: {
               map:'mapName',
               // roam: this.canMouve, // 开启鼠标缩放和平移漫游
               roam: 'move', // 开启鼠标缩放和平移漫游 move scale
               // roam: true, // 开启鼠标缩放和平移漫游 move scale
               selectedMode: false,
               // selectedMode: 'single',
               // selectedMode: 'multiple',
               layoutCenter: ['50%', '50%'],
               layoutSize: '100%', // 图的大小
               scaleLimit: { min: 0.5, max: 10000 },
               tooltip: {
                 show: true
               },
               itemStyle: {
                 // color: '#bfbfbf',
                 // borderColor: 'green',
                 // areaColor: 'pink'
                 // borderWidth: 1
               },
               label: {
                 show: true,
                 position: 'insideTopRight',
                 color: 'rgb(64, 158, 255)',
                 fontSize: 20,
                 formatter: (params) => {
                   if (params) {
                     return '*'
                   }
                   return `*`
                 }
               },
               emphasis: {
                 itemStyle: {
                   // color: 'red'
                   // borderColor: '#ffdf55',
                   // areaColor: '#ffdf55'
                   // borderWidth: 1
                 },
                 label: {
                   show: true,
                   position: 'insideTopRight',
                   color: 'rgb(64, 158, 255)',
                   fontSize: 20,
                   formatter: (params) => {
                     // console.log(params) // 
https://echarts.apache.org/zh/option.html#series-map.label.formatter
                     if (params) {
                       // return params.data.name
                       return '*'
                     }
                     return `*`
                   }
                 }
               },
   
   
             }
   
   
           }
   
   ### Current Behavior
   
   鼠标 放在 右侧半圆即 第二个path上无交互,放在左侧则有交互,但是将 两个path d属性的 a 属性,顺逆时针参数调整,即svg 变更为,
   const svgStr = `<svg viewBox="0 0 1024 768" version="1.1" 
xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink"; 
stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd" 
xml:space="preserve"> <path d="M300.707,39.0422  A40.7058,40.7058 0 0,1 
300.707,120.454 " name="uuid"></path><path d="M300.707,120.454  
A40.7058,40.7058 0 0,1 300.707,39.0422 " name="uuid"></path></svg>`
   echarts.registerMap('mapName', { svg: svgStr});
   
   ### Expected Behavior
   
   预期,能正确解析svg 顺时针和逆时针,能顺利交互
   
   ### Environment
   
   ```markdown
   - OS:macOS Monterey
   - Browser:Chrome 104.0.5112.101
   - Framework:vue@2
   ```
   
   
   ### 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: [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