禁用在HighCharts上hover

我使用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 ] }] }); 

但问题是我不想在鼠标上显示工具提示…

是否可以在hover时禁用工具提示？

Answer 1

您需要将tooltip属性设置为false ，如下所示：

 tooltip: { enabled: false }, 

jsFiddle在这里

---

这是您案例的完整代码：

 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

禁用工具提示只会禁用工具提示，但hover效果仍然存在。 要禁用hover效果，请将以下内容添加到plotOptions：

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

Answer 3

您也可以通常禁用所有鼠标跟踪，包括工具提示和hover效果：

（复制并粘贴链接） 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 } } 

Answer 4

您只需使用以下内容即可将其转为：

 tooltip: { enabled: false }, 

Answer 5

你可以通过设置选项来禁用它

 tooltip:{ enabled: false } 

Answer 6

我通常只是禁用css中的样式，所以我仍然可以在需要时访问JS中的hover事件…

 .highcharts-tooltip { display: none; }