2011-11-22 39 views
18

Làm cách nào để xóa chú giải công cụ di chuột khỏi biểu đồ hình tròn của Google Visualization (biểu đồ lõi)? Cần phải làm cho nó hoạt qua trình duyệt, ví dụ như, IE, FF, Chrome, Safari, OperaXóa chú giải công cụ di chuột khỏi biểu đồ hình tròn của Google Visualization (biểu đồ lõi)

enter image description here

Edit: Tôi cần những lát là có thể nhấp vào quá.
enableInteractivity : false xóa rô-bốt nhưng không ném 'chọn' hoặc các sự kiện dựa trên tương tác khác.

+1

Từ này: http://code.google.com/p/google-visualization-api-issues/issues/detail?id=383 nó không dường như bạn có thể làm điều đó. Trừ khi bạn có thể hack onmouseover bằng cách nào đó ... –

+1

http://code.google.com/apis/chart/interactive/docs/release_notes.html - "Chú giải công cụ - Trong phiên bản hiện tại, chú giải công cụ tự động mở khi di chuột, bạn không thể mở hoặc đóng chúng bằng API. " Tôi đã kiểm tra mã nguồn cho SVG và có vẻ như không có lớp nào được gán cho chú giải công cụ để ẩn bằng cách sử dụng css hoặc js sẽ không hoạt động. –

Trả lời

35

Có lẽ bạn cần phải thêm video này vào tùy chọn của biểu đồ của bạn

'tooltip' : { 
    trigger: 'none' 
} 

Bằng cách này bạn có thể để enableInteractivity thiết lập là true.

+0

không hoạt động đối với tôi. các hộp chú giải công cụ vẫn được hiển thị. – dokaspar

+0

Cảm ơn bạn đã trả lời. Thuộc tính này đã được phát hành sau khi tôi đăng câu hỏi của mình. Đó là một chức năng rất cần thiết, do đó Google đã lấy nó lên. –

+0

@Dominik: Tôi gặp vấn đề tương tự với hiển thị dòng thời gian, vì tùy chọn 'tooltip' dường như không được hỗ trợ. Tôi đã không thể ngăn chặn sự kiện di chuột, nhưng xác định kiểu CSS của 'display: none;' đối với các phần tử có lớp 'google-visualization-tooltip' giữ các chú giải công cụ Timeline ẩn. Lớp học dường như đủ chung chung mà tôi mong đợi điều này có thể làm việc với các loại biểu đồ khác. – jmikola

10

Sử dụng tùy chọn enableInteractivity = False. Nó sẽ vô hiệu hóa tương tác và di chuột.

chart.draw(data, { 
    width: 400, 
    height: 240, 
    title: 'Your chart and data', 
    enableInteractivity: false, 
    hAxis: {title: 'Year'} 
}); 
+0

Cảm ơn Nix. Tuy nhiên, tôi cũng cần các lát để có thể nhấp được. "enableInteractivity: false" loại bỏ các máy di chuyển nhưng không ném 'chọn' hoặc các sự kiện dựa trên tương tác khác. –

2

này sự kiện hover remove nhưng duy trì sự kiện click:

tooltip: { trigger: 'selection' } 
1

bộ tooltip: {isHtml: true} trong phần tùy chọn.

chart.draw(data, { 
    tooltip: { isHtml: true }, 
    width: 400, 
    height: 240, 
    title: 'Title', 
    hAxis: {title: 'Year'} 
}); 

trong file css

div.google-visualization-tooltip { display:none } 
Các vấn đề liên quan