[GitHub] [echarts] juliepagano opened a new issue, #18495: [Feature] Add ability to disable emphasis/highlight functionality of tooltip axis trigger

Tue, 11 Apr 2023 09:27:27 -0700 


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

   ### What problem does this feature solve?
   
   It would be really helpful to be able to render the tooltip axis trigger 
(e.g. a line or a cross) while disabling the highlight/emphasis functionality 
it triggers on the underlying series. This would probably be a configuration 
option for `tooltip` or `tooltip.axisPointer`.
   
   I created a very simple example where you can see the behavior based on one 
of the line chart examples.
   
https://codesandbox.io/s/line-chart-tooltip-highlight-issue-ob1ob0?file=/index.js
   
   When you have a line chart with multiple series, the axis trigger tends to 
highlight all the series, which is often unhelpful and can be really confusing 
to users.
   <img width="671" alt="image" 
src="https://user-images.githubusercontent.com/396962/231222372-17e35a4b-4dc3-40c8-8a30-ce02da15f1f6.png";>
   
   If you focus very specifically on a line in this use case, you get a single 
focus. This behavior is fine.
   <img width="671" alt="image" 
src="https://user-images.githubusercontent.com/396962/231223409-0baa925b-740a-449c-a216-89018f957f66.png";>
   
   
   If you set `tooltip.trigger` to `none`, you get more helpful highlight 
behavior where nothing is highlighted when you're outside a series, but you 
lose the visual assistance of the axis pointer tracking line to orient yourself 
within the chart.
   <img width="671" alt="image" 
src="https://user-images.githubusercontent.com/396962/231223074-1dd1074d-107f-4705-b6cf-a1a1a8072201.png";>
   
   A single series is highlighted when you are hovered over it, so that 
behavior is the same.
   <img width="671" alt="image" 
src="https://user-images.githubusercontent.com/396962/231222781-24c504ae-4b23-496a-99e5-bb5f5e5ce305.png";>
   
   I tried a few different combinations of series, tooltip, and axis pointer 
configuration options to see if I could generate what I wanted with the current 
functionality, but I could not find a way. It seems like it's currently 
possible to disable highlight behavior entirely and disable the tooltip axis 
pointer. I'm hoping for the ability to have **only** series-level highlight 
functionality while rendering an axis pointer.
   
   ### What does the proposed API look like?
   
   This would probably be a configuration option for `tooltip` and/or 
`tooltip.axisPointer`. I do not have strong feelings about the name of the 
option to trigger this behavior. I see a `silent` option on some other parts of 
the API, so maybe having `tooltip.axisPointer.silent: true` could trigger 
"render but do not highlight" behavior, but I'm not sure if that would break 
other tooltip functionality (e.g. showing the tooltip on hover). Maybe a more 
specific `emphasisTrigger` or something like that would be more helpful. I'm 
open to whatever API approach folks with more experience with the internals of 
the library feel is best.


-- 
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: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to