[GitHub] [incubator-echarts] Remy-J commented on issue #13321: when i use xAxis.type equal value the layout is broken

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

Remy-J commented on issue #13321:
URL: https://github.com/apache/incubator-echarts/issues/13321#issuecomment-700764163


   thanks for your feedback but even by reducing the width of the bars when zooming the layout is broken
   
   use this cofig: option = {
     dataZoom: [{ type: 'inside' }],
     grid: { bottom: 40, left: 70, right: 50, top: 30 },
     series: [
       {
         barWidth: '10%',
         data: [
           ['val', 'id'],
           [0, 377146],
           [1, 620432],
         ],
         name: 'id',
         type: 'bar',
       },
     ],
     toolbox: {
       feature: {
         dataZoom: { title: { back: 'Zoom Reset', zoom: 'Zoom' } },
       },
       magicType: {
         show: false,
         title: {
           bar: 'Switch to Bar Chart',
           line: 'Switch to Line Chart',
           stack: 'Stack',
           tiled: 'Tile',
         },
         type: [],
       },
   
       saveAsImage: { title: 'Save image' },
   
       show: false,
     },
     tooltip: { axisPointer: { type: 'shadow' }, trigger: 'axis' },
   
     xAxis: {
       axisLabel: {
         rotate: 0,
       },
       axisLine: {
         lineStyle: {
           color: '#656565',
         },
       },
   
       boundaryGap: ['20%', '20%'],
       max: 2,
       min: -1,
       scale: true,
   
       splitLine: {
         lineStyle: {
           color: '#DDD',
           type: 'dashed',
         },
       },
   
       type: 'value',
     },
     yAxis: {
       axisLine: {
         onZero: false,
       },
       scale: false,
   
       splitLine: {
         lineStyle: { color: '#DDD', type: 'dashed' },
       },
     },
   };
   
   here is a link where you can test:
   https://gallery.echartsjs.com/editor.html?c=xs9BT4SnHR&v=3
   
   place your mouse to the right of the first bar and zoom step by step and you will see the outdated bar of the y-axis
   
   here is a link where you can see the result:
   https://zupimages.net/viewer.php?id=20/40/vs3s.png


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

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