How to handle events on Nivo stream chart?

Asked
Active3 hr before
Viewed126 times

3 Answers

eventshandle
90%

For example, it would be great to be able to open a modal to show details about a stream. Could you please add an event handler to the streamchart?,This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!, Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Pretag
 Pretag team - issue, fix, solve, resolve
88%

Line chart with stacking ability.,The responsive alternative of this component is ResponsiveLine.,Given an array of data series having an id and a nested array of points (with x, y properties), it will compute the line for each data series. All datum having null x or y will be treated as holes, thus portions of the corresponding line will be skipped.

Pretag
 Pretag team - issue, fix, solve, resolve
72%

You can use the onClick props :, for example : const clickHandler = () =>{ console.log( all the people that ${data['id']} for ${data['key']} = ${data['value']} ) }. this doesnt work – Shuib Abdillahi Mar 22 at 18:56 , @ShuibAbdillahi you can pass a function to the onClick props if that's your question – Bertrand Martel Mar 22 at 18:45

You can use the onClick props :

onClick = {
   (data) => {
      console.log(
         `all the people that ${data["id"]} for ${data["key"]} = ${data["value"]}`
      );
   }
}

Other "events-handle" queries related to "How to handle events on Nivo stream chart?"