Question

我搜索了文档，但找不到讨论此帖的帖子。

我目前正在开发一个既适用于移动设备又适用于PC浏览器的项目。由于iPhone上的屏幕非常小，我想在其上禁用高级图表交互（即使向下滚动页面，交互也会失败）。

我想问一下是否有像“hasInteraction：false”这样的参数。

感谢任何提示！

更新

我尝试了Ricardo Lohmann的这段代码，它正在努力禁用鼠标跟踪：

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

但是在移动设备上，它仍然会阻止我的手指向下滚动。我在Google上搜索并发现了一条帖子：http://blog.rafael.jp/post/2958719820/div-mouseenabled-false但仍无法正常工作（允许图表无法阻止我的手指滚动）

Answer 1

我也正在寻找解决方案。
更确切地说，即使手指开始在图表上拖动，我也想启用页面滚动。我仍然喜欢触摸数据点打开工具提示。

您可能对v3.0.4 "Added new option, tooltip.followTouchMove ..."中的此提交感兴趣。 ~~我仍然需要尝试~~。我尝试在iPhone模拟器上运行它：

HTML页面中的某个位置：

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

稍后，当您在JavaScript代码中创建图表时：

$('#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...
});

Answer 2

plotOptions: {
    series: {
        enableMouseTracking: false
    }
}

demo

Answer 3

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

可以解决您的问题

如何完全禁用highcharts的鼠标/手指交互

3 个答案: