Sobes.tech
Middle

eCharts ilə işləmək haqqında danış: hansı vizuallaşdırmaları etdiniz, hansı əlavə funksiyalar (filtrlər, şərti formatlama və s.) var idi?

sobes.tech Süni İntellekt

AI-dan cavab

eCharts ilə işləyərkən, göstəricilərin dinamikasını göstərmək üçün xətli və sütun qrafikləri, paylama üçün dairəvi diaqramlar və çoxlu oxlara malik mürəkkəb birləşdirilmiş qrafiklər yaratdım.

Əlavə funksiyalar aşağıdakılardan ibarətdir:

  • Tarix və kateqoriyalar üzrə filtrlər, React və eCharts birləşməsi ilə həyata keçirilmişdir ki, istifadəçi göstərilən məlumatları dinamik şəkildə dəyişə bilsin.
  • Şərti formatlama: məsələn, limit aşdıqda xətt və ya sütunun rəngini dəyişdirmək (qırmızı limit aşdıqda).
  • Hover zamanı əlavə məlumatlar ilə interaktiv tooltiplər.
  • Qrafiklərin yaxınlaşdırılması və panlama imkanı, ətraflı analiz üçün.

eCharts-də şərti formatlama nümunəsi:

option = {
  series: [{
    type: 'bar',
    data: [120, 200, 150, 80, 70],
    itemStyle: {
      color: function(params) {
        return params.value > 100 ? 'red' : 'green';
      }
    }
  }]
};