CODEWITHSUNDEEP
highcharts
AGamePlayer
AGamePlayer

Reputation: 7736

How to completely disable the mouse/finger interaction for highcharts

I searched through the docs but could not find a post discussing this.

I'm currently working on a project which's both available for mobile and pc browsers. Since the screen on iPhone is very small, I'd like to disable highcharts interaction on it (the interaction would fail me even scroll down the page).

I would like to ask whether there's any parameter like "hasInteraction:false".

Thanks for any kind of tips!

update:

I tried this code from Ricardo Lohmann and it's working to disable the mouse tracking:

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

But on mobile device it's still blocking my finger scrolling down. I searched on Google and found a post: http://blog.rafael.jp/post/2958719820/div-mouseenabled-false but still not working (to allow the chart not blocking my finger scroll)

Upvotes: 3

Views: 11175

Answers (3)

coffeeDrunker6
coffeeDrunker6

Reputation: 1

       plotOptions: {
           <your type of chart, for example "spline">: {
                enableMouseTracking: false
            }
        },

May fix your problem

Upvotes: -1

superjos
superjos

Reputation: 12695

I'm looking for a solution to this as well.
More precisely, I'd like to enable page scrolling even when finger starts dragging on the chart. I'd still like that a touch on a data point opens up a tooltip.

You might be interested in this commit from v3.0.4 "Added new option, tooltip.followTouchMove ...". I still have to try that. I tried that on iPhone simulator and it works:

Somewhere in your HTML page:

<script type="text/javascript" src="//code.highcharts.com/3.0.1/highcharts.js"></script>

Later on, when you create the chart in your JavaScript code:

$('#chartdiv').highcharts({
    chart : {
        type : 'line',  // e.g. for a line chart
        zoomType: null,  // this is already the default, it's just to stress what's said in commit comments and make code "speak"
    },
    tooltip: {
        followPointer: false,  // this is already the default, it's just to stress what's said in commit comments and make code "speak"
        followTouchMove: false,  // this is already the default, it's just to stress what's said in commit comments and make code "speak"
    },
    // other options...
});

Upvotes: 7

Ricardo Lohmann
Ricardo Lohmann

Reputation: 26310

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

demo

Upvotes: 8

Related Questions