2013-07-19 43 views
6

Tôi đang cố gắng thuyết phục highchart của mình thực hiện đặt giá thầu và đã gặp sự cố.Vô hiệu hoá di chuột đánh dấu chỉ trong một điểm đánh dấu của highchart

Tôi muốn acchieve: Tôi muốn một trong các điểm đánh dấu của biểu đồ biến mất. Tôi muốn các dòng để đi qua (và phá vỡ) một điểm, nhưng điểm là hoàn toàn không liên quan và tôi không muốn điểm đó bật lên khi lơ lửng trên nó. mã hiện tại của tôi trông giống như sau:

$(function() { 
var chart; 
$(document).ready(function() { 
    chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', 
      type: 'line' 
     }, 
     plotOptions: { 
      series: { 
       states: { 
        hover: { 
         enabled: true 
        } 
       } 
      } 
     }, 
     series: [{ 
      marker: { 
       enabled: false 
      }, 
      data: [15.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, { 
       y: 26.5, 
       marker: { 
        enabled: false, 
        states: { 
         hover: { 
          enabled: false 
         } 
        } 
       } 
      }, 23.3, 18.3, 13.9, 9.6]  
     }] 
    }); 
}); 
}); 

Và tất cả các dấu hiệu của tôi cư xử giống nhau: họ không thể nhìn thấy cho đến khi tôi di chuột qua chúng, tại thời điểm đó họ bật lên. Điều tôi muốn là cho tất cả các điểm đánh dấu của tôi hoạt động giống như trong mã được cung cấp, ngoại trừ điểm đánh dấu tại y = 25.6. Tôi muốn hành vi của điểm đánh dấu này giống với hành vi tôi nhận được từ tất cả các điểm đánh dấu khi tôi đặt

hover:{ enabled: false } 

trong mã ban đầu của tôi. Đó là, tôi muốn các dấu hiệu để "dissapear" hoàn toàn.

Xin cảm ơn trước sự giúp đỡ của bạn. Jan

Trả lời

2

Đây không phải là lỗi trong Highcharts, xem this.

+0

Cảm ơn bạn. Không phải là câu trả lời mà tôi đã hy vọng, nhưng dù sao thì cũng là một câu trả lời. – 5xum

6

Hãy thử điều này trong loạt bài của bạn: enableMouseTracking: false

Trong trường hợp của bạn, nó sẽ là:

series: [{ 
    data: [15.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, { 
     enableMouseTracking: false, 
     y: 26.5 
    }, 23.3, 18.3, 13.9, 9.6]  
}] 

Tôi hy vọng điều này sẽ giúp!

(Cập nhật ngày 6/23/17): Đối với những người muốn áp dụng điều này cho tất cả các dòng trong bảng xếp hạng, không chỉ một, bạn sẽ làm như sau:

plotOptions: { 
    series: { enableMouseTracking: false } 
} 
Các vấn đề liên quan