React-chartjs-2: [question] Example for Events provided in docs?

Created on 4 Jan 2017 · 5Comments · Source: reactchartjs/react-chartjs-2

I'm not sure how I need to use the events specified in the docs like getElementsAtEvent. Are there any examples on this? Or can you provide one?

Source

nealoke

Most helpful comment

Hello,

Example would be similar to Bar example just you would add:

getElementsAtEvent: (elems) => {}

To the list of defined properties for the Bar component, so it would look like:

<Bar
  data={data}
  width={100}
  height={50}
  getElementsAtEvent={(elems) => {
    console.log(elems);
  }}
  options={{
    maintainAspectRatio: false
  }}
/>

Kr,

gor181 on 23 Jan 2017

👍2

All 5 comments

i would like to know more too

cheong12001 on 23 Jan 2017

Hello,

Example would be similar to Bar example just you would add:

getElementsAtEvent: (elems) => {}

To the list of defined properties for the Bar component, so it would look like:

<Bar
  data={data}
  width={100}
  height={50}
  getElementsAtEvent={(elems) => {
    console.log(elems);
  }}
  options={{
    maintainAspectRatio: false
  }}
/>

Kr,

gor181 on 23 Jan 2017

👍2

@gor181 and what is the event that triggers it? I mean is it when the chart changes or you click on the chart or ... ?

nealoke on 23 Jan 2017

As seen in this jsfiddle, (not rcjs2 but shows chart.js functionality) https://jsfiddle.net/f417uxcx/ it shows that this function is called from a user clicking on an active point. Hope this helps!