Biểu đồ D3.js: Nhãn (<text> Thẻ) Không hiển thị trên IE11

Question

Tôi có biểu đồ thanh xếp chồng lên nhau có nhãn <text> sẽ không hiển thị trên IE, nhưng sẽ hiển thị trên Chrome và Firefox.

Các nhãn tôi có trên biểu đồ thanh xếp chồng lên nhau là một phần của trục và chú giải. Đây là cách nó trông giống như khi trang tải.

Văn bản của biểu đồ thực sự tải, nhưng chỉ sau khi tôi tương tác với nó. Nếu tôi làm bất cứ những điều sau đây ...

• nhấp chuột/kích chuột phải vào bất cứ nơi nào trên bảng xếp hạng
• di chuột qua một quán bar (mà gây nên một tooltip tôi đã thiết lập để xuất hiện)
• đổi kích thước cửa sổ

... nhãn của biểu đồ trên cả chú giải và trục xuất hiện.

Tôi đang sử dụng viewbox, đây có thể là vấn đề ở đây, vì tôi biết có một số ma thuật đen xảy ra khi hộp xem và trình duyệt IE được đặt vào cùng một nồi.

EDIT: Dường như với tôi rằng đây là sự cố đã tồn tại từ trước. Xem here và here.

CẬP NHẬT: Tôi phải thay đổi vị trí đặt trên trang (tôi không chỉnh sửa CSS hoặc JS), và bây giờ các nhãn hiển thị khi tải nhưng biến mất khi bất cứ điều gì khác thay đổi trên cửa sổ (ví dụ hoàn toàn sự kiện không liên quan được kích hoạt, cửa sổ được kích thước lại, v.v.). Như trước đó, nếu tôi tương tác với nó theo bất kỳ cách nào có thể, các nhãn sẽ xuất hiện trở lại. Đã thay đổi tiêu đề câu hỏi để phản ánh điều này.

TL; DR:

Trước khi di chuyển:

• ẩn onload
• hiển thị khi được quan tâm (ví dụ như nhấp)

Sau khi di chuyển:

• thể hiện onload
• bị ẩn khi cửa sổ được đổi kích thước
• được hiển thị khi được chú ý (ví dụ: nhấp)
• lặp lại từ bước 2

Chỉ cần để tránh nhầm lẫn, nhãn của biểu đồ không giấu nếu tôi nhấp vào nó sau khi chúng đã thể hiện, IE dường như để có được một cách nhanh chóng chán chơi peekaboo. Tuy nhiên, nếu tôi thay đổi kích thước cửa sổ hoặc thay đổi thứ gì đó khác trên trang, sẽ tức giận vì tôi chú ý đến một thứ khác và ẩn nhãn lại cho đến khi tôi nhấp vào hoặc di chuột qua một thanh.

CHỈNH SỬA 2: Đây là biểu đồ bị nguyền rủa này khi được chú ý.

EDIT 3: Tuy another question, và có vẻ như suy nghĩ ban đầu của tôi đã đúng: đó là viewbox mà gây ra điều này.

Answer 1

Điều này có thể là một công việc câm xung quanh, nhưng đã xem xét chạy một chức năng mà "nhấp chuột" biểu đồ hoặc cho nó sự chú ý?

Tôi đã từng cần một lớp trạng thái cơ sở của một đối tượng không hoạt động, tuy nhiên tôi cũng muốn trường hợp đầu tiên hoạt động. Đó là loại gây phiền nhiễu, vì vậy tôi chỉ cần thực hiện một chức năng nhỏ được sử dụng chỉ một lần để nhấp và thay đổi để hoạt động trên tải, nhưng sau đó cơ sở đã được thiết lập để không hoạt động.

Tôi sẽ xem xét thực hiện một điều tương tự với biểu đồ, nó sẽ không ảnh hưởng đến bất kỳ trình duyệt nào khác vì chúng đang tải đúng định dạng.