DC.js - Legenda

Legend adalah kustomisasi layar yang dapat dilampirkan. Ini dapat ditambahkan ke bagan DC lainnya untuk membuat label legenda horizontal. Bab ini menjelaskan tentang legenda secara detail.

Metode Legenda

Legenda mendukung metode penting berikut. Mari kita bahas masing-masing secara mendetail.

autoItemWidth ([lebar])

Metode ini digunakan untuk menyetel lebar otomatis untuk item legenda hidup atau mati. Jika benar, itemWidth diabaikan. Ini didefinisikan di bawah -

legend.autoItemWidth = function (width) {
   if (!arguments.length) {
      return _width;
   }
}

gap ([gap])

Metode ini digunakan untuk mengatur atau mendapatkan celah antar item legenda. Ini didefinisikan sebagai berikut -

legend.gap = function (gap) {
   if (!arguments.length) {
      return _gap;
   }
}

horizontal ([h])

Metode ini digunakan untuk memposisikan legenda secara horizontal dan didefinisikan sebagai berikut.

_legend.horizontal = function (h) {
   if (!arguments.length) {
      return _h;
   }
};

itemHeight ([itemHeight])

Metode ini digunakan untuk mengatur atau mendapatkan tinggi item legenda.

legend.itemHeight = function (itemHeight) {
   if (!arguments.length) {
      return _itemHeight;
   }
};

itemWidth ([itemWidth])

Metode ini digunakan untuk menyetel atau mendapatkan legenda lebar item untuk legenda horizontal.

_legend.itemWidth = function (itemWidth) {
   if (!arguments.length) {
      return _itemWidth;
   }
};

legendText ([teks])

Metode ini digunakan untuk mengatur atau mendapatkan fungsi teks legenda. Widget legenda menggunakan fungsi ini untuk merender teks legenda untuk setiap item. Jika tidak ada fungsi yang ditentukan, widget legenda akan menampilkan nama-nama yang terkait dengan setiap grup. Contoh sederhana ditunjukkan di bawah ini -

legend.legendText(dc.pluck('name'))

maxItems ([item])

Metode ini digunakan untuk menampilkan jumlah maksimum item legenda.

x ([x])

Ini digunakan untuk menyetel atau mendapatkan koordinat x untuk widget legenda dan ditentukan di bawah ini -

legend.x = function (x) {
   if (!arguments.length) {
      return _x;
   }
};

Demikian pula, Anda juga dapat melakukan koordinat y.