You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by "Quska45 (via GitHub)" <gi...@apache.org> on 2023/05/25 09:58:00 UTC

[GitHub] [echarts] Quska45 opened a new issue, #18669: [Bug]

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

   ### Version
   
   5.4.2
   
   ### Link to Minimal Reproduction
   
   https://quska45.github.io/onTuneChart/?path=/story/example-v5-ontunechart--primary
   
   ### Steps to Reproduce
   
   1. How do you create the chart.
   - I created a chart with options like below.
   2. What's the chart option
   `let eChartOption: TEChartOption = {
           title: {
               id: onTuneChartConfig.title.text,
               show: false,
               text: onTuneChartConfig.title.text,
               textStyle: {
                   fontSize: 18
               },
           },
           animation: false,
           grid: {
               top: gridTop,
               bottom: gridBottom,
               left: gridLeft,
               right: gridRight
           },
           xAxis: [
               {
                   type: 'category',
                   boundaryGap: true,
                   min: seriesTerm - onTuneChartConfig.xAxis.timeRange,
                   max: seriesTerm,
                   axisLabel: {
                       interval: onTuneChartConfig.xAxis.labelInterval,
                       formatter: function( value, index ){
                           // console.log( 'moment(value)', moment(new Date()) );
                           // console.log( 'moment(value).format("HH:mm:ss")', moment(new Date()).format('HH:mm:ss') );
                           return value;
                       },
                       // rotate: 90,
                       showMaxLabel: true,
                       showMinLabel: true
                   },
                   axisTick: {
                       alignWithLabel: true,
                   },
               }
           ],
           yAxis: [
               {
                   id: 'yAxis',
                   type: 'value',
                   show: onTuneChartConfig.yAxis.show,
                   min: onTuneChartConfig.yAxis.min,
                   max: onTuneChartConfig.yAxis.max,
                   position: echartOptionMaker.getYAxisPosition( onTuneChartConfig.yAxis.position ),
                   splitLine: {
                       show: true,
                       lineStyle: {
                           type: 'dashed'
                       },
                   },
                   axisLabel: {
                       formatter: ( value: number ) => {
                           if( typeof value !== 'number' ){
                               return '{value}'
                           };
   
                           const result = value <= 1000 ? value : `${value / 1000}K`;
                           return result.toString();
                       }
                   },
                   triggerEvent: false,
                   axisPointer: {
                       triggerTooltip: false,
                       triggerOn: 'none',
                   }
               },
               {
                   id: 'secondYAxis',
                   type: 'value',
                   show: onTuneChartConfig.secondYAxis.show,
                   min: onTuneChartConfig.secondYAxis.min,
                   max: onTuneChartConfig.secondYAxis.max,
                   position: echartOptionMaker.getYAxisPosition( onTuneChartConfig.secondYAxis.position ),
                   axisLabel: {
                       formatter: ( value: number ) => {
                           if( typeof value !== 'number' ){
                               return '{value}'
                           };
   
                           const result = value <= 1000 ? value : `${value / 1000}K`;
                           return result.toString();
                       }
                   },
                   triggerEvent: false,
                   axisPointer: {
                       triggerTooltip: false,
                       triggerOn: 'none',
                   }
               },
               {
                   id: 'eventIndicatorYAxis',
                   type: 'value',
                   min: 0,
                   max: 10000,
                   position: 'left',
                   show: true,
                   axisLabel: {
                       formatter: function(){
                           return '';
                       }
                   },
                   triggerEvent: false,
                   axisPointer: {
                       triggerTooltip: false,
                       triggerOn: 'none',
                       z: 30,
                       label: {
                           show: true,
                           formatter: function (params) {
                               return Math.floor(params.value as number).toString();
                           },
                       },
                       value: 2000,
                       show: true,
                       type: 'line',
                       status: 'show',
                       lineStyle:{
                           color:'red',
                       },
                       handle: {
                           show: true,
                           size: 1
                       }
                   },
               }
           ],
           series: OnTuneChartSeries2.getConditionCheckedSeries( series ),
           toolbox: {
               feature: {
                   saveAsImage: {},
                   // dataZoom: {}
               },
           },
           tooltip: [
               {
                   show: true,
                   trigger: 'axis',
                   showContent: true,
                   axisPointer: {
                       type: 'cross',
                   },
               },
           ],
           graphic: {
               elements: [
                   {
                       id: 'line1',
                       type: 'line',
                       shape: {
                           x1: 0,
                           y1: gridTop,
                           x2: 0,
                           y2: 0,
                       },
                       z: 10,
                       style: {
                           stroke: 'red',
                           lineWidth: 2,
                       },
                       invisible: true,
                   }
               ],
           }
       };`
   3. User interactions before the error happens.
   - If you look at options, you can see that options such as triggerTooltip and triggerOn of yAxis.axisPointer are false and 'none'. But when mouse move happens, axisPointer of yaxis moves. What I consider to be a bug is that the options in the tooltip affect the yaxis.axisPointer. If you change the tooltip's triggerOn to 'none', yaxis.axisPointer will not be affected.
   - Attached the link below for a similar issue. It was closed because it did not fit the issue presentation format, but it is similar to the question I want to ask.
   - https://github.com/apache/echarts/issues/13343
   
   
   ### Current Behavior
   
    If you look at options, you can see that options such as triggerTooltip and triggerOn of yAxis.axisPointer are false and 'none'. But when mouse move happens, axisPointer of yaxis moves. What I consider to be a bug is that the options in the tooltip affect the yaxis.axisPointer. If you change the tooltip's triggerOn to 'none', yaxis.axisPointer will not be affected.
   - Attached the link below for a similar issue. It was closed because it did not fit the issue presentation format, but it is similar to the question I want to ask.
   
   ### Expected Behavior
   
   
   It looks like yAxis.axisPointer and tooltip's triggerOn property should work separately. What I want is a function that allows yAxis.axisPointer to always be displayed at a specific value, and tooltip's axisPointer to follow the mouse and display crossHair and tooltip.
   
   ### Environment
   
   ```markdown
   - OS:window 11
   - Browser:chrome
   - Framework:svelte
   ```
   
   
   ### Any additional comments?
   
   please fix or modify this option. help me (T_T) 


-- 
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] helgasoft commented on issue #18669: [Bug] echarts tooltip when triggerOn is 'none' but actually triggered at yAxis.axisPointer item

Posted by "helgasoft (via GitHub)" <gi...@apache.org>.
helgasoft commented on issue #18669:
URL: https://github.com/apache/echarts/issues/18669#issuecomment-1563801245

   > What I want is a function that allows yAxis.axisPointer to always be displayed at a specific value, and tooltip's axisPointer to follow the mouse and display crossHair and tooltip.
   
   [Demo Code](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsAeBBDEDOAXMgL4A0asAnjvkauugCYCGYzRA2gOQCyMXpWFwAqAVwCmAoQHVxjKSIAWohQDEAThAUBlVjtHQuAXXINYzXHgAKwCNDDj1dCmbyLgAdyJh1E02dgfCABzYMdhYGAAG0gQIgAzZii8cX90YgoyCjBImIg45EDNUMciLggHAFsuWCz0FM1xQlgOF2Q2plZ2FoBGAFYABkEAJgBmIdhh4YAWEZ6ADkEe0b6l6YB2EYA2AZMOwMoQcTKou0lBPEpKgCNo7QgAL2PJ4baM9CMUYgBuIA)


-- 
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] Quska45 commented on issue #18669: [Bug] echarts tooltip when triggerOn is 'none' but actually triggered at yAxis.axisPointer item

Posted by "Quska45 (via GitHub)" <gi...@apache.org>.
Quska45 commented on issue #18669:
URL: https://github.com/apache/echarts/issues/18669#issuecomment-1563872132

   > > What I want is a function that allows yAxis.axisPointer to always be displayed at a specific value, and tooltip's axisPointer to follow the mouse and display crossHair and tooltip.
   > 
   > [Demo Code](https://echarts.apache.org/examples/en/editor.html?c=line-simple&code=PYBwLglsB2AEC8sDeAoWsCeBBAHhAzgFzIC-ANGrDrgcauugCYCGYzxA2gOQCyMXZWFwAqAVwCmAoQHVxjKSIAWohQDEAThAUBlVjtHQuAXQoNYzPPgAKwCNDDj1dSmfyLgAd2Jh1E02dgfCABzYMdhYGAAG0gQYgAzZij8cX90EkpySjBImIg45EDNUMdiLggHAFsuWCz0FM1xIlgOF2Q2plZ2FoBGAFYABkEAJgBmIdhh4YAWEZ6ADkEe0b6l6YB2EYA2AZMOwIwQcTKou0lBfAxKgCNo7QgAL2PJ4bSGSuZ1AGsAGTO6WD7TpsThAhhIbCWYjDAYDciAgIBCE0Zo9WGCU7QcTaMAYKLPJC4o5lfDRCDyQQAY2iwCcQnUci4JAyiPQe0RLIYnKMKBIAG4gA)
   
   
   thanks for the sample code I'm thinking about changing the code in this way too. But if possible, I want to implement the function I want through yAxis rather than adding one series.


-- 
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] closed issue #18669: [Bug]

Posted by "echarts-bot[bot] (via GitHub)" <gi...@apache.org>.
echarts-bot[bot] closed issue #18669: [Bug] 
URL: https://github.com/apache/echarts/issues/18669


-- 
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] Quska45 commented on issue #18669: [Bug] echarts tooltip when triggerOn is 'none' but actually triggered at yAxis.axisPointer item

Posted by "Quska45 (via GitHub)" <gi...@apache.org>.
Quska45 commented on issue #18669:
URL: https://github.com/apache/echarts/issues/18669#issuecomment-1563662826

   > The Minimal Reproduction and Steps to Reproduce are unusable. Frameworks like Storybook and unknown objects like _onTuneChartConfig_ are showstoppers. Please make an effort to create a simple Minimal Reproduction with ECharts and Javascript only.


-- 
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 #18669: [Bug]

Posted by "echarts-bot[bot] (via GitHub)" <gi...@apache.org>.
echarts-bot[bot] commented on issue #18669:
URL: https://github.com/apache/echarts/issues/18669#issuecomment-1562624128

   I'm sorry to close this issue for it lacks the necessary title. Please provide **a _descriptive_ and as _concise_ as possible title to describe your problems or requests** and then the maintainers or I will reopen this issue.
   
   Every good bug report or feature request starts with a title. Your issue title is a critical element as it's the first thing maintainers see.
   
   A good issue title makes it easier for maintainers to understand what the issue is, easily locate it, and know what steps they'll need to take to fix it.
   
   Moreover, it's better to include keywords, as this makes it easier to find the issue self and similar issues in searches.


-- 
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] helgasoft commented on issue #18669: [Bug] echarts tooltip when triggerOn is 'none' but actually triggered at yAxis.axisPointer item

Posted by "helgasoft (via GitHub)" <gi...@apache.org>.
helgasoft commented on issue #18669:
URL: https://github.com/apache/echarts/issues/18669#issuecomment-1563135457

   The Minimal Reproduction and Steps to Reproduce are unusable. Frameworks like Storybook and unknown objects like _onTuneChartConfig_ are showstoppers. Please make an effort to create a simple Minimal Reproduction with ECharts and Javascript only.


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