You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by GitBox <gi...@apache.org> on 2022/09/01 02:44:38 UTC

[GitHub] [echarts] WXL570CN opened a new issue, #17603: [Bug] 线状图设置dataZoom进行缩放,鼠标滑动缩放后会自动回弹

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

   ### Version
   
   5.3.2
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
   ```
   const list = []
   const option = () => {
       let chartData = [];
       let xTimeData = [];
       if (list) {
         chartData = list.map((item) => item.sumFuelConsume);
         xTimeData = list.map((item) => dateFormat(item.createTime, formatString[frame]));
       }
       return {
         tooltip: {
           trigger: 'axis',
           axisPointer: {
             type: 'line',
             label: {
               backgroundColor: '#6a7985',
             },
           },
           valueFormatter: (value) => `${noText(value)}t`
         },
   
         grid: {
           left: '3%',
           top: '15%',
           right: '2%',
           bottom: '0%',
           containLabel: true,
         },
         xAxis: [
           {
             type: 'category',
             data: xTimeData,
             axisTick: {
               show: false
             },
             axisLine: {
               lineStyle: {
                 color: '#00CFFF'
               }
             },
             axisLabel: {
               color: '#666',
               fontSize: 11
             }
           },
         ],
         yAxis: [
           {
             type: 'value',
             axisLabel: { formatter: '{value}' },
             name: '单位:t',
             nameTextStyle: {
               fontSize: 11,
               fontWeight: 100,
               color: '#666',
             },
             splitLine: {
               //分割线配置
               show: true,
               lineStyle: {
                 color: 'rgba(0,225,255,0.2)',
               },
             },
           },
         ],
         dataZoom: {
           type: 'inside',
           xAxisIndex: [0],
         },
         series: [
           {
             name: '耗油量',
             type: 'line',
             stack: '总量',
             itemStyle: {
               normal: {
                 lineStyle: {
                   width: 2,
                   type: 'solid',
                   color: '#c7ac3e', //折线的颜色
                 },
               },
             }, //线条样式
             symbolSize: 4, //折线点的大小
             zlevel: 1,
             data: chartData,
           },
         ],
       };
     };
   ```
   
   ### Current Behavior
   
   线状图设置dataZoom进行缩放,鼠标滑动缩放后会自动回弹
   
   ### Expected Behavior
   
   线状图设置dataZoom进行缩放,鼠标滑动缩放后不应该自动回弹
   
   ### Environment
   
   ```markdown
   - OS:
   - Browser:
   - Framework:
   ```
   
   
   ### 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] WXL570CN commented on issue #17603: [Bug] 线状图设置dataZoom进行缩放,鼠标滑动缩放后会自动回弹

Posted by GitBox <gi...@apache.org>.
WXL570CN commented on issue #17603:
URL: https://github.com/apache/echarts/issues/17603#issuecomment-1233693682

   偶发性bug,没找到触发的原因


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


[GitHub] [echarts] echarts-bot[bot] commented on issue #17603: [Bug] 线状图设置dataZoom进行缩放,鼠标滑动缩放后会自动回弹

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #17603:
URL: https://github.com/apache/echarts/issues/17603#issuecomment-1233669170

   @WXL570CN 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] Line chart set dataZoom to zoom, the mouse slide zoom will automatically rebound
   </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


[GitHub] [echarts] hyacinthsWang commented on issue #17603: [Bug] 线状图设置dataZoom进行缩放,鼠标滑动缩放后会自动回弹

Posted by GitBox <gi...@apache.org>.
hyacinthsWang commented on issue #17603:
URL: https://github.com/apache/echarts/issues/17603#issuecomment-1237719543

   我这里也遇到了这个情况,不过我使用的是K线图,排查之后发现是tooltip的formatter导致的(必现),使用echarts版本 4.9.0


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


[GitHub] [echarts] echarts-bot[bot] commented on issue #17603: [Bug] 线状图设置dataZoom进行缩放,鼠标滑动缩放后会自动回弹

Posted by GitBox <gi...@apache.org>.
echarts-bot[bot] commented on issue #17603:
URL: https://github.com/apache/echarts/issues/17603#issuecomment-1235213368

   @WXL570CN Please provide a demo for the issue either with [Official Editor](https://echarts.apache.org/examples/editor.html), [CodePen](https://codepen.io/Ovilia/pen/dyYWXWM), [CodeSandbox](https://codesandbox.io/s/echarts-basic-example-template-mpfz1s) or [JSFiddle](https://jsfiddle.net/plainheart/e46ozpqj/7/).


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