Editable legends

• December 19, 2018 at 11:06 am #23792
  
  Tejal

  Hello CanvasJS team,

  https://jsfiddle.net/cwmx4azj/1/

  In above snippet, I want to make my legends editable i.e. on click of legend present at the bottom of the canvas a small window will open to edit the legend.

  Is this possible?

  • This topic was modified 5 years, 11 months ago by Tejal.
  December 19, 2018 at 3:18 pm #23796
  
  Vishwas R

  @tejal,

  Please take a look at this JSFiddle.

  —
  Vishwas R
  Team CanvasJS

  December 28, 2018 at 2:52 pm #23872
  
  Tejal

  Hello Vishwas,

  I have tried the same thing for doubleclick event. But in this case I can not focusout with single click. Can you please suggest solution for this.

  December 31, 2018 at 10:16 am #23887
  
  Tejal

  Hello Vishwas,

  I have tried the same thing for doubleclick event. But in this case I can not focusout with single click. Can you please suggest solution for this.

  https://jsfiddle.net/xw3p5k8b/7/

  December 31, 2018 at 11:03 am #23888
  
  Tejal

  Hello Vishwas,

  As we are using an input box. It is disturb my ui too. Is there any other way.

  December 31, 2018 at 3:06 pm #23890
  
  Tejal

  Hello Vishwas,

  https://jsfiddle.net/xw3p5k8b/23/

  My canvas are getting generated dynamically because of which I am not getting the element. In my snippet I am adding a doubleclick event on container itself but I am not getting exact event object and even its not working.

  In short I want to attach event on container div itself and I should be able to find out the title of the legend on which I have clicked on.

  • This reply was modified 5 years, 11 months ago by Tejal.
  • This reply was modified 5 years, 11 months ago by Tejal.
  January 1, 2019 at 11:07 am #23899
  
  Vishwas R

  Tejal,

  I have tried the same thing for doubleclick event. But in this case I can not focusout with single click. Can you please suggest solution for this. https://jsfiddle.net/xw3p5k8b/7/

  You can attach double-click event to the chart-container as and fire focus-out on single-click as shown in this updated JSFiddle.

  My canvas are getting generated dynamically because of which I am not getting the element. In my snippet I am adding a doubleclick event on container itself but I am not getting exact event object and even its not working.
  In short I want to attach event on container div itself and I should be able to find out the title of the legend on which I have clicked on.

  Binding double-click event on window-load should work fine in this case. Please take a look at this updated JSFiddle.

  —
  Vishwas R
  Team CanvasJS

  January 3, 2019 at 9:35 am #23910
  
  Tejal

  Hello Vishwas,

  https://jsfiddle.net/xw3p5k8b/23/

  In above snippet, event is not getting binded. In my current project I am able to bind the event but e.offsetX is not getting.

  Please suggest a solution for event binding.

  Thanks,
  Tejal

  January 3, 2019 at 7:47 pm #23915
  
  Indranil

  Tejal,

  You can overcome this issue by defining the myMethod(e) outside the window.onload event handler. Please take a look at this updated jsfiddle.

  ___________
  Indranil Deo,
  Team CanvasJS