Disable di chuột trên HighCharts

Question

tôi đã xây dựng một biểu đồ pie sử dụng thư viện HighCharts, và đây là bảng xếp hạng của tôi:

// 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 
       ] 
     }] 
    }); 

Nhưng vấn đề là tôi không muốn xuất hiện tooltip trên chuột lên ...

Có thể tắt chú giải công cụ khi di chuột không?

Answer 1

Bạn cần phải thiết lập các thuộc tính tooltip-false, như vậy:

tooltip: { enabled: false }, 

jsFiddle here

---

Dưới đây là đoạn code đầy đủ cho trường hợp của bạn:

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

Bạn chỉ đơn giản là có thể biến chúng của việc sử dụng như sau:

tooltip: { 
    enabled: false  
}, 

Answer 3

bạn chỉ có thể vô hiệu hóa nó bằng cách thiết lập các tùy chọn

tooltip:{ 
    enabled: false 
} 

Answer 4

Vô hiệu hóa tooltip chỉ vô hiệu hóa các tooltip nhưng hiệu quả di chuột vẫn còn hiện diện. Để vô hiệu hóa hiệu ứng di chuột, thêm dòng sau vào plotOptions của bạn:

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

Answer 5

Hoặc bạn có thể muốn tắt tất cả theo dõi chuột nói chung, cả hai tooltip và di chuột hiệu ứng:

(sao chép và dán liên kết) 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 
    } 
}