[GitHub] [echarts] echarts-bot[bot] commented on issue #16476: [Bug] [dataZoom]

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

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


   @Cyearn 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>
   
   **BODY**
   
   ### Version
   
   5.2.0+
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   The company's old project uses the echart4 library. After the new project upgrades echart, it is found that the icon is displayed abnormally. After setting the dataZoom, the display is abnormal.
   
   The specific code is as follows:
   
   ````js
   option = {
     color: [
       '#0487FF',
       '#FAC858',
       '#3DC545',
       '#46a2ff',
       '#f9655e',
       '#44c5ff',
       '#f97b32',
       '#9a60b4',
       '#ea7ccc'
     ],
     dataZoom: [
       {
         id: 'dataZoomX',
         type: 'slider',
         xAxisIndex: 0,
         filterMode: 'filter'
       }
     ],
     legend: {
       data: ['language'],
       top: '0'
     },
     tooltip: {
       trigger: 'axis',
       formatter: '{b0}<br />',
       axisPointer: {
         animation: true,
         type: 'line',
         lineStyle: {
           type: 'dashed'
         }
       }
     },
     grid: {
       left: 20,
       top: 38,
       right: 20,
       bottom: 65
     },
     xAxis: {
       type: 'category',
       data: [
         'Week 1',
         'Week 2',
         'Week 3',
         'Week 4',
         'Week 5',
         'Week 6',
         'Week 7',
         'Week 8',
         'Week 9',
         'Week 10',
         'Week 11',
         'Week 12',
         'Week 13',
         'Week 14',
         'Week 15',
         'Week 16',
         'Week 17',
         'Week 18',
         'Week 19',
         'Week 20',
         'Week 21',
         'Week 22'
       ],
       boundaryGap: false
     },
     yAxis: {
       type: 'category',
       boundaryGap: false,
       name: 'level',
       data: ['0', 'D', 'C', 'B', 'A'],
       splitLine: {
         show: true
       }
     },
     series: [
       {
         labelLine: { show: true },
         symbolSize: 16,
         type: 'line',
         smooth: true,
         name: 'language',
         data: [
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           'D',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-',
           '-'
         ]
       }
     ]
   };
   ````
   
   ### Current Behavior
   
   Scaling component misplaced
   
   ### Expected Behavior
   
   The zoom component is displayed normally
   
   ### Environment
   
   ````markdown
   - OS:window 10
   - Browser: Chrome 98.0.4758.81
   - Framework: React
   ````
   
   
   ### 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