Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[charts] Axis Highlight on horizontal bar charts can't be band. It used to exist in v7.6.2. #13704

Closed
kalaounmohamad opened this issue Jul 2, 2024 · 2 comments · Fixed by #13717
Assignees
Labels
component: charts This is the name of the generic UI component, not the React module! regression A bug, but worse

Comments

@kalaounmohamad
Copy link

kalaounmohamad commented Jul 2, 2024

Steps to reproduce

Link to live example: (https://mui.com/x/react-charts/bars/#bar-direction)

Steps:

  1. There's no hover effect on the horizontal bar chart anymore

Current behavior

https://mui.com/x/react-charts/bars/#bar-direction
Try to hover here

Expected behavior

https://v6.mui.com/x/react-charts/bars/#layout
This is the hover that I had on v7.6.2 and I could customize it by modifiying the css of .css-1h2zijw-MuiChartsAxisHighlight-root

Context

I want to be able to have a hover effect and customize it like a cursor pointer

Your environment

I used Microsoft Edge.

System:
OS: Windows 11 10.0.22621
Binaries:
Node: 20.14.0 - C:\Program Files\nodejs\node.EXE
npm: 10.7.0 - C:\Program Files\nodejs\npm.CMD
pnpm: Not Found
Browsers:
Chrome: Not Found
Edge: Chromium (126.0.2592.81)
npmPackages:
@emotion/react: ^11.11.4 => 11.11.4
@emotion/styled: ^11.11.5 => 11.11.5
@mui/base: 5.0.0-beta.40
@mui/core-downloads-tracker: 5.15.21
@mui/docs: ^5.15.19 => 5.15.21
@mui/icons-material: ^5.15.19 => 5.15.21
@mui/material: ^5.15.19 => 5.15.21
@mui/private-theming: 5.15.20
@mui/styled-engine: 5.15.14
@mui/styled-engine-sc: ^6.0.0-alpha.18 => 6.0.0-alpha.18
@mui/system: 5.15.20
@mui/types: 7.2.14
@mui/utils: 5.15.20
@mui/x-charts: ^7.6.2 => 7.8.0
@mui/x-data-grid: ^7.6.2 => 7.8.0
@types/react: ^18.3.3 => 18.3.3
react: ^18.3.1 => 18.3.1
react-dom: ^18.3.1 => 18.3.1
styled-components: ^6.1.11 => 6.1.11
typescript: ^4.9.5 => 4.9.5

Search keywords: axis highlight, horizontal bar chart

@kalaounmohamad kalaounmohamad added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jul 2, 2024
@JCQuintas JCQuintas self-assigned this Jul 3, 2024
@JCQuintas JCQuintas added bug 🐛 Something doesn't work component: charts This is the name of the generic UI component, not the React module! labels Jul 3, 2024
@JCQuintas JCQuintas changed the title Axis Highlight on horizontal bar charts can't be band. It used to exist in v7.6.2. [charts] Axis Highlight on horizontal bar charts can't be band. It used to exist in v7.6.2. Jul 3, 2024
@JCQuintas JCQuintas added regression A bug, but worse and removed bug 🐛 Something doesn't work labels Jul 3, 2024
@JCQuintas
Copy link
Member

Indeed a regression, thanks for reporting 🙇

Copy link

github-actions bot commented Jul 3, 2024

⚠️ This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

@kalaounmohamad: How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.

@zannager zannager removed the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jul 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: charts This is the name of the generic UI component, not the React module! regression A bug, but worse
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants