Why is my MUI X Line chart only showing the last value when hovering on any of the charts marker points
I'm utilizing MUI x charts to display data visually. The chart visualization itself is functioning correctly. However, I'm encountering an issue where only the latest marker point is being displayed when hovering.
Does anyone know why the data is showed perfect but only the latest line is selected when hovering?
I have create an example below:
Solution
You need to the reverse order of data array like this:
data: [// your items].reverse()
For some reason, it is expecting the datetime in decreasing order.
- React - Display all properties of an object
- Enabled option for useQueries
- can not use an id that I saved in props as default value in react select
- ReactJs: What should the PropTypes be for this.props.children?
- react-router-dom useHistory() not working
- useMemo vs useState for React hooks constants
- React native react-navigation SafeArea issue
- filter out object in array if object key value is null
- Map over Fragment in React 16
- What happens when I add a module to the Global React object?
- getDerivedStateFromProps is not called
- React 16.3.* context Provider Err: Expected string or class/func but got: Object
- Warning: Received `false` for a non-boolean attribute. How do I pass a boolean for a custom boolean attribute?
- replace componentWillRecieiveProps in react 16 in redux?
- PureComponent decorated by mobx-react throws error about `shouldComponentUpdate` presence
- Rest Api In Nodejs Express & MySql
- React 16.4 enables getDerivedStateFromProps to be called from state change. How to cope with that?
- TypeError: plugin.test is not a function when using jest, enzyme and react-16, typescript
- Material UI 0.2x compatibility with React 16
- Error Boundary does not give access to error if it is an instance of Error class
- Why React still render the child component with Error Boundary
- What is the difference between a fibre object in React 16 and a React Element?
- Electron - React app __dirname is not defined
- The state keeps updating via useEffect, while there is no change in state
- duplicate node id's when attempting to re-render vis network canvas on state change
- Error Running React Native App From Terminal (iOS)
- What is JSX, when is it used, and why is it used
- How to configure CRACO config file?
- React App - Include /health - Health Endpoint for Load Balancer
- useState rerenders bindings increment when key added to object but not removed