Echarts - đánh dấu/chú thích của hộp công cụ tùy chỉnh

Question

Tôi đang cố gắng tạo một tính năng hộp công cụ tùy chỉnh ở số liệu 3.8.5, để người dùng có thể thêm dấu hoặc nhận xét vào biểu đồ. Tôi không tìm thấy bất kỳ bản trình diễn nào có các tính năng tùy chỉnh và tài liệu về API tiện ích bị thiếu.

Câu hỏi của tôi:

1. Làm thế nào để thiết lập tính năng tùy chỉnh như "hoạt động" khi người dùng nhấp vào nó (ví dụ, như khi bạn chọn bàn chải trong các tính năng được xác định trước)
2. Làm thế nào tôi có thể nhận được coords của người dùng nhấp chuột trong biểu đồ
3. Làm thế nào để thêm phần tùy chỉnh để vạch

Answer 1

1. Làm thế nào để thiết lập tùy chỉnh Fea ture là "hoạt động" khi người dùng nhấp vào nó (ví dụ, như khi bạn chọn bàn chải trong các tính năng được xác định trước)

   • Bạn có thể dispatch an action,
   • Hoặc bạn có thể tự thay đổi các đối tượng biểu đồ và ghi đè/thay thế đối tượng biểu đồ hiện có. Bạn có thể sử dụng chart.setOption() để chèn một đối tượng biểu đồ hoàn toàn mới **

2. Làm thế nào tôi có thể nhận được coords của người dùng nhấp chuột vào biểu đồ

   • Use mouse events để chụp nhấp chuột, dềnh vv

3. Cách thêm phần tử tùy chỉnh vào biểu đồ

   • Để thêm thứ gì đó (trục, chuỗi, ..) vào tùy chọn, bạn có thể sử dụng chart.setOption().
   • Để cài đặt chuyển đổi hoặc kích hoạt các hành động như datazoom, bạn có thể dispatch an action.

---

** Khi bạn có một custom toolbox feature (lưu ý: nó luôn luôn phải bắt đầu với tôi):

toolbox: { 
    feature: { 
     myFeature: { 
      show: true, 
      title: 'My custom feature', 
      icon: 'image:path/to/image-inactive.png' 
      onclick: function(){ 
       // do something 
      } 
     } 
    } 
}, 

Bạn có thể tự cập nhật vào biểu tượng để trạng thái hoạt động bởi sử dụng:

chart.setOption({ 
    toolbox: { 
     feature: { 
      myFeature: { 
       icon: 'image:path/to/image-active.png' 
      } 
     } 
    } 
}) 

Echarts wil l phát hiện các thay đổi và cập nhật biểu tượng. Tất nhiên, bạn có thể đặt lại thành không hoạt động với cùng một logic.