Sử dụng D3 với AngularJS

Ngày cập nhật: 10/05/2017 | Số lần xem: 9308 | Phân loại: AngularJS
Tìm kiếm

Lỗi: Nhiều directive [fsDonut, fsDonut] yêu cầu scope riêng biệt trên:

Sau một hồi kiểm tra và tìm hiểu nguyên nhân, người dùng đã phát hiện ra rằng lỗi xuất phát từ việc import sai tệp JavaScript. Cụ thể, trong đoạn code dưới đây:

1

<script src="lib/dangle.donut.min.js"></script>

Đây là cách import không chính xác. Theo hướng dẫn chính thức được cung cấp tại trang web thực tế chỉ cần import một tệp duy nhất như sau:

1

<script src="lib/dangle.min.js"></script>

Khi thay thế bằng đoạn script đúng như trên và xóa bỏ phần import dangle.donut.min.js, ứng dụng hoạt động hoàn toàn bình thường mà không còn gặp lỗi nào nữa.

Demo minh họa

Dưới đây là một số ví dụ và tài liệu tham khảo để bạn có thể học hỏi thêm về cách tích hợp D3 vào AngularJS:

• Ví dụ của mình
• Bài viết hướng dẫn chi tiết:
• Thảo luận trên Stack Overflow:
• Một giải pháp đã sẵn sàng: Tích hợp dangle
• Trang demo trực quan của dangle

Hy vọng bài viết này sẽ giúp bạn tránh được những lỗi không mong muốn khi sử dụng thư viện D3 cùng AngularJS. Nếu bạn đang bắt đầu xây dựng giao diện đồ họa tương tác, hãy cân nhắc việc sử dụng các thư viện hỗ trợ như dangle để tối ưu hóa quy trình phát triển!