DC.js - koordinateGridMixin

Koordinat & Poros juga disebut sebagai coordinateGridMixin dirancang untuk mendukung sejumlah jenis diagram beton berbasis grid koordinat seperti Diagram Batang, Diagram Garis, dll. Hierarki koordinatGridMixin didefinisikan dalam diagram di bawah ini.

CoordinateGridMixin mendukung sejumlah metode untuk mengurangi beban kerja dalam membuat sumbu koordinat, yaitu sebagai berikut -

• brushOn ([brushOn])
• chartBodyG ([body])
• clipPadding ([pad])
• elasticX ([X])
• fokus ([rentang])
• g ([root])
• isOrdinal()
• mouseZoomable ([Zoom])
• rangeChart ([range])
• round(r)
• xAxisMax()
• xAxisMin()
• xUnitCount()

Mari kita bahas masing-masing metode ini secara singkat.

brushOn ([brushOn])

Ini adalah filter rentang berbasis kuas. Anda dapat mengaturnya ke On / Off. Jika brushing aktif, pengguna dapat menyeret mouse melintasi diagram. Mengaktifkan dapat menonaktifkan elemen interaktif lainnya pada bagan seperti penyorotan, tip alat, dan garis referensi. Ini didefinisikan di bawah -

chart.brushOn = function (brushOn) {
   if (!arguments.length) {
      return _brushOn;
   }
   _brushOn = brushOn;
   return chart;
};

chartBodyG ([body])

Ini digunakan untuk mengambil grup SVG untuk badan bagan. Anda dapat memanggil fungsi ini seperti yang ditunjukkan di bawah ini -

chart.chartBodyG = function (body) {
   if (!arguments.length) {
      return _chartBodyG;
   }
};

clipPadding ([pad])

Ini digunakan untuk mendapatkan atau mengatur padding dalam piksel untuk jalur klip. Ini didefinisikan di bawah -

chart.clipPadding = function (pad) {
   if (!arguments.length) {
      return _clipPadding;
   }   
};

elasticX ([X])

Metode ini digunakan untuk mengaktifkan / menonaktifkan perilaku sumbu x elastis. Jika elastisitas sumbu x diaktifkan, diagram kisi akan mencoba menghitung ulang rentang sumbu x. Ini memicu acara menggambar ulang yang ditentukan di bawah ini -

chart.elasticX = function (X) {
   if (!arguments.length) {
      return _x;
   }
}

Demikian pula, Anda dapat melakukan elastisY ([Y]).

fokus ([rentang])

Metode ini digunakan untuk memperbesar grafik agar fokus pada rentang yang diberikan. Rentang yang diberikan harus berupa larik yang hanya berisi dua elemen ([awal, akhir]).

g ([root])

Metode ini digunakan untuk mendapatkan atau mengatur elemen root g.

isOrdinal ()

Metode ini digunakan untuk mengembalikan diagram ordinal xUnits. Kebanyakan grafik berperilaku berbeda dengan data ordinal dan menggunakan hasil dari metode ini untuk memicu logika yang sesuai.

mouseZoomable ([Zoom])

Metode ini digunakan untuk mengatur atau mendapatkan kemampuan zoom mouse.

rangeChart ([range])

Ini digunakan untuk mendapatkan atau menyetel bagan pemilihan rentang yang terkait dengan instance.

bulat (r)

Metode ini digunakan untuk mengatur atau mendapatkan fungsi pembulatan yang digunakan untuk mengukur pemilihan saat brushing diaktifkan.

xAxisMax ()

Menghitung nilai x maksimum untuk ditampilkan di bagan. Demikian pula, kita dapat melakukan untuk sumbu Y.

xAxisMin ()

Menghitung nilai x minimum untuk ditampilkan di grafik. Demikian pula, kita dapat melakukan untuk sumbu Y.

xUnitCount ()

Mengembalikan jumlah unit yang ditampilkan pada sumbu x. Demikian pula, kita dapat melakukan untuk sumbu Y.