interactivityEnabled: Boolean

Enables / Disables Chart interactivity like toolTip, mouse and touch events


Default: true
Example: false, true



var  chart =  new  CanvasJS.Chart("container",
{
 .
 .
 interactivityEnabled: false,
 .
 .
});
chart.render();


Try it Yourself by Editing the Code below.



If you have any questions, please feel free to ask in our forums.Ask Question

Comments 7

  1. Hi, i am using your charts and they are quite awesome :-)

    Now, here is the issue i am facing.
    “Due to touch events being registered when trying to it’s not possible to scroll past the chart.” . i overcome this using
    interactivityEnabled: false;

    But, i want to make markers clickable. how i can do that ?

    • Rehan,

      We’ve had once handled this issue in the past. May I know which device & browser you are using. Also let us know the CanvasJS version that you are using.

      Lets move this discussion to forum. Please reply back here.


      Sunil Urs

      • No, let me explain, again.
        in your above example, just set

        interactivityEnabled: false,

        now , graph work perfectly in all deceives BUT, ‘onclick’ event is disabled. i want ‘click’ enabled’ on markers. i am using graph type ‘splineArea’

  2. Is there a way to have interactivity disabled and still have the legends show? This might sound contradicting so let me explain a bit.

    Basically we like the charts and the hover information, we just don’t want the user to be able to click the pie and explode the slices. I’ve looked at adding a click event to each datapoint and setting the explode to false for the datapoint every click, but no luck.

    Any information to help me?

If you have any questions, please feel free to ask in our forums. Ask Question