[GitHub] [echarts] echarts-bot[bot] commented on issue #18679: [Bug] IOS 上会多了一根横线 折线图 雷达图都有这个问题

["echarts-bot[bot] (via GitHub)" <gi...@apache.org>]

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

   @skypiaoyizhe 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**
   
   [Bug] There will be an extra horizontal line on IOS, the line chart and the radar chart have this problem
   
   **BODY**
   
   ### Version
   
   5.4.2
   
   ### Link to Minimal Reproduction
   
   https://echarts.apache.org/examples/zh/editor.html?c=line-simple
   
   ### Steps to Reproduce
   
   On ios devices, 13 13pro max 14 renders a line chart, and occasionally there will be an extra horizontal line, and android and pc do not have this problem
   
   option configuration
   {
           grid: {
             left: '5%',
             right: '5%',
             bottom: '5%',
             top: '5%',
             containLabel: true
           },
           xAxis: {
             type: 'category',
             axisTick: {
               show: false,
               alignWithLabel: true // Ensure that the tick marks and labels are aligned
             },
             axisLine: {
               show: false // do not display the coordinate axis
             },
             axisLabel: {
               interval: dataX.length > 10 ? 2 : 0,
               // interval: Math.trunc(dataX.length / 4),
               textStyle: {
                 color: 'rgb(191, 191, 191)'
               },
               fontSize: 12,
               margin: 0,
               formatter: function(value) {
                 // value is the number of seconds passed into the method
                 let m = Math. floor(value / 60)
                 let s = value % 60
                 // A positive number
                 m = Math.abs(m)
                 s = Math.abs(s)
                 m += ''
                 s += ''
                 // If there is only one digit, add a 0 in front
                 m = (m.length === 1) ? m : m
                 s = (s.length === 1) ? '0' + s : s
                 return m + ':' + s
               }
             },
             data: dataX // the name of the x coordinate
           },
           yAxis: {
             type: 'value',
             offset: 10,
             boundaryGap: true,
             max: parseInt(Math. max. apply(null, opinionData) * 1.7),
             interval: parseInt(Math.max.apply(null, opinionData) * 1.7) > 100 ? 20 : 10, // forcefully set the axis division interval
             axisLabel: {
               textStyle: {
                 color: 'rgb(191, 191, 191)'
               },
               fontSize: 12,
               margin: 0
             },
             axisLine: {
               show: false // do not display the coordinate axis
             },
             axisTick: {
               show: false
               // alignWithLabel: true // Ensure that the tick marks and labels are aligned
             },
             splitLine: {
               show: false // don't show gridlines
             }
           },
           series: [
             {
               name: 'Value',
               color: '#7294FD',
               symbol: 'circle',
               symbolSize: 1,
               showAllSymbol: false,
               type: 'line',
               data: opinionData,
               areaStyle: {
                 // display area color---gradient effect
                 color: {
                   type: 'linear',
                   x: 0,
                   y: 0,
                   x2: 0,
                   y2: 1,
                   colorStops: [{
                     offset: 0,
                     color: '#7294FD' // the color at 0%
                   }, {
                     offset: 1,
                     color: '#ffffff' // the color at 100%
                   }],
                   global: false // default is false
                 }
               },
               label: {
                 show: true,
                 position: 'top'
               },
               lineStyle: {
                 color: '#7294FD' // change the polyline color
               },
               itemStyle: {
                 color: 'rgb(125, 140, 241)', // change the color of the polyline points
                 normal: {
                   label: {
                     show: true,
                     textStyle: {
                       color: '#7294FD',
                       fontWeight: 600,
                       fontSize: 10,
                       position: 'top' // positioned below the inflection point
                       // distance: 115 // offset, for example, how much is the inflection point
                     } // inflection text style
                   }
                 }
               }
             }]
         }
   
   ### Current Behavior
   
   ![image](https://github.com/apache/echarts/assets/26161407/eb979daf-91a1-4a7f-83ba-665f42fb5053)
   The upper and lower icons use the same configuration, but one will have an extra horizontal line, and the other is normal
   
   ### Expected Behavior
   
   There is no extra horizontal line
   
   ### Environment
   
   ```markdown
   -OS:IOS 15 16
   -Browser: Safari
   - Framework: vue
   ```
   
   
   ### Any additional comments?
   
   _No response_
   </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: 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