2017-12-21 150 views
7

Kullanıcıların notları veya yorumları grafiğe ekleyebilmeleri için özel bir araç kutusu özelliği oluşturmaya çalışıyorum. Özel özellikleri olan hiçbir demo bulamadım ve Uzantı API'sı için doküman eksik.Echarts - özel araç özellik işareti/yorum

Sorularım:

  1. kullanıcı
  2. nasıl kullanıcı tıklama Coords alabilirsiniz (örneğin, önceden tanımlanmış özellikleri fırça seçerken gibi) tıkladığında "aktif" olarak özel özelliğini nasıl ayarlanır nasıl eklenir grafik
  3. özel eleman grafiğe özel fea nasıl ayarlanır

cevap

2
  1. kullanıcı tıkladığında Ture olarak "aktif" (örneğin, önceden tanımlanmış özellikleri fırça seçerken gibi) Ya elle grafik nesnesini değiştirebilir ve üzerine yazabilirsiniz

  2. Ya dispatch an action,/yerine

    • mevcut grafik nesnesi. Sen
  3. nasıl vb tıklamaları, fareyi üzerine,

  4. yakalamak için grafiğin

    • Use mouse events kullanıcı tıklama Coords alabilirsiniz ** tamamen yeni grafik nesneyi eklemek chart.setOption() kullanabilirsiniz grafiğe özel öğeyi nasıl eklenir
      • Seçeneklere bir şey eklemek (eksen, dizi, ..) için chart.setOption()'u kullanabilirsiniz.
      • Ayarları değiştirmek veya datazoom gibi eylemleri tetiklemek için dispatch an action'u kullanabilirsiniz.

** Bir custom toolbox feature olduğunda el ile aktif duruma simgeyi güncelleyebilirsiniz

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

: (not: her zaman benim ile başlamalıdır) kullanarak:

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

Echarts wil Değişiklikleri tespit edip simgeyi günceller. Elbette, aynı mantıkla etkin olmayan'a geri ayarlayabilirsiniz.

+0

1) ile daha spesifik olabilir misiniz? Tüm eylemlerin belgelerini okudum ama hala hangisinin kullanılacağını ve nasıl olduğunu bilmiyorum. Araç kutusundaki özel bir özelliği tıklattığımda, bu özelliğin görünür bir şekilde etkin olmasını istiyorum, bu nedenle vurgulama veya araç kutusu eylemi kullanmam gerekmediğinden emin değilim. – Boris

+0

Gecikmeli yanıt için özür dilerim. Bir çözüm bulmaya çalıştım. Bunu deneyebilir misin? Bunun işe yarayacağını düşünüyorum. –