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/06 07:05:27 UTC

[GitHub] [echarts] hyacinthsWang opened a new issue, #17621: 使用formatter导致dataZoom失效[Bug]

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

   ### Version
   
   4.9.0
   
   ### Link to Minimal Reproduction
   
   _No response_
   
   ### Steps to Reproduce
   
    const options = {
         dataZoom: [
           {
             type: 'inside',
             xAxisIndex: [0],
             start: 80,
             end: 100
           },
           {
             show: true,
             type: 'slider',
             xAxisIndex: [0],
             start: 80,
             end: 100,
             bottom: 10,
             textStyle: {
               color: '#fff'
             }
           }
         ],
         grid: {
           left: '20px',
           right: '10px',
           top: '12px',
           bottom: '60px',
           containLabel: true,
           show: false
         },
         tooltip: {
           trigger: 'item',
           formatter: function (params) {
             props?.onToolTipChange && props.onToolTipChange(params);
             return ‘1’;
           }
         },
         xAxis: {
           type: 'category',
           boundaryGap: false,
           axisPointer: {
             show: true,
             lineStyle: {
               color: 'rgba(255, 255, 255, 1)',
               type: 'dashed',
               opacity: 0.3
             },
             label: {
               show: true,
               color: '#2C3039',
               padding: [2, 5],
               lineHeight: 17,
               fontSize: 12,
               backgroundColor: '#78FFC7'
             }
           },
           show: true,
           axisLine: {
             lineStyle: {
               color: '#fff',
               opacity: 0.3
             }
           },
           axisTick: {
             show: false
           },
           axisLabel: {
             color: 'rgba(255,255,255, .3)'
           },
           min: 'dataMin',
           max: 'dataMax',
           // data: ['2022/8/3', '2022/8/4', '2022/8/4']
           data: xAxisData
         },
         yAxis: [
           {
             type: 'value',
             scale: true,
             axisLabel: {
               color: 'rgba(255,255,255, .3)'
             },
             axisTick: {
               show: false
             },
             splitLine: {
               show: false
             },
             axisLine: {
               lineStyle: {
                 color: '#fff',
                 opacity: 0.1
               }
             },
             axisPointer: {
               show: true,
               lineStyle: {
                 color: 'rgba(255, 255, 255, 1)',
                 type: 'dashed',
                 opacity: 0.3
               },
               label: {
                 // margin: 6,
                 color: '#2C3039',
                 padding: [2, 5],
                 lineHeight: 17,
                 fontSize: 12,
                 backgroundColor: '#78FFC7'
               }
             }
           }
         ],
         series: [
           {
             type: 'candlestick',
             dimensions: ['date', 'open', 'close', 'highest', 'lowest'],
             barMaxWidth: 6,
             itemStyle: {
               color: upColor,
               color0: downColor,
               borderColor: upBorderColor,
               borderColor0: downBorderColor
             },
             // data: [
             //   ['14.746513', '14.836993', '14.836993', '14.746091'],
             //   [40, 35, 30, 50],
             //   [31, 38, 33, 44],
             //   [38, 15, 5, 42]
             // ]
             data: seriesData
           }
         ]
       };
   
   ### Current Behavior
   
   只要使用formatter方法,无论是在tooltip配置还是xAxis.axisPointer.label中,都会导致dataZoom功能异常,即无法缩放,每次hover到chart上时都会重新初始化回默认配置,不使用formatter就是OK的。(echarts版本4.9.0)
   
   ### Expected Behavior
   
   可以使用formatter方法自定义tooltip内容和自定义事件处理,同时保证dataZoom功能正常使用。
   
   ### Environment
   
   ```markdown
   - OS: Mac
   - Browser: Chrome
   ```
   
   
   ### 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] echarts-bot[bot] commented on issue #17621: [Bug] 使用formatter导致dataZoom失效

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

   @hyacinthsWang 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] Using formator causes dataZoom to fail
   </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