上HighCharts

Question

我一直在使用HighCharts库建设一个饼图，这里禁止悬停是我的图表：

// http://jsfiddle.net/t2MxW/20890/ 

    var chart = new Highcharts.Chart({ 
     colors: ['#0072BC', '#BFDAFF', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'], 
     credits: { enabled: false }, 
     chart: { 
       renderTo: 'container', 
       backgroundColor: 'rgba(255, 255, 255, 0.1)', 
       type: 'pie', 
       margin: [0, 0, 0, 0], 
       spacingTop: 0, 
       spacingBottom: 0, 
       spacingLeft: 0, 
       spacingRight: 0 
     }, 
     title: { text: null }, 
     plotOptions: { 
       pie: { 
        allowPointSelect: false, 
        size: '100%', 
        dataLabels: { enabled: false } 
       } 
     }, 
     series: [{ 
       showInLegend: false, 
       type: 'pie', 
       name: 'Pie Chart', 
       data: [ 
        ['Mobile', 65], // first half of pie 
        ['Other', 35] // second half of pie 
       ] 
     }] 
    }); 

但问题是，我不希望在鼠标上出现提示...

是否可以禁用悬停的工具提示？

Answer 1

您需要的tooltip属性设置为false，像这样：

tooltip: { enabled: false }, 

jsFiddle here

---

这里是你的情况下，全码：

var chart = new Highcharts.Chart({ 
     colors: ['#0072BC', '#BFDAFF', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'], 
     credits: { enabled: false }, 
     tooltip: { enabled: false }, 
     chart: { 
       renderTo: 'container', 
       backgroundColor: 'rgba(255, 255, 255, 0.1)', 
       type: 'pie', 
       margin: [0, 0, 0, 0], 
       spacingTop: 0, 
       spacingBottom: 0, 
       spacingLeft: 0, 
       spacingRight: 0 
     }, 
     title: { text: null }, 
     plotOptions: { 
       pie: { 
        allowPointSelect: false, 
        size: '100%', 
        dataLabels: { enabled: false } 
       } 
     }, 
     series: [{ 
       showInLegend: false, 
       type: 'pie', 
       name: 'Pie Chart', 
       data: [ 
        ['Mobile', 65], // first half of pie 
        ['Other', 35] // second half of pie 
       ] 
     }] 
}); 

Answer 2

你可以简单地打开它们使用以下：

tooltip: { 
    enabled: false  
}, 

Answer 3

你可以简单地通过设置选项

tooltip:{ 
    enabled: false 
} 

Answer 4

禁用的工具提示禁用它只是禁用提示，但悬停效果仍然存在。要禁用悬停效果，以下内容添加到您的plotOptions：

plotOptions: { 
     series: { 
      states: { 
       hover: { 
        enabled: false 
       } 
      } 
     } 
    }, 

Answer 5

你可能或者希望禁用所有一般鼠标跟踪，都提示和悬停效果：

（复制和粘贴链接）http://api.highcharts.com/highcharts#series .enableMouseTracking

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-enablemousetracking-false/

plotOptions: { 
    series: { 
     enableMouseTracking: false 
    } 
}