Rumah > hujung hadapan web > tutorial js > Pustaka carta visual JavaScript D3.js API rujukan Cina_Lain-lain

Pustaka carta visual JavaScript D3.js API rujukan Cina_Lain-lain

WBOY
Lepaskan: 2016-05-16 16:18:59
asal
1159 orang telah melayarinya

D3 Semua API yang disediakan oleh perpustakaan berada di bawah ruang nama d3. Pustaka d3 menggunakan versi semantik. Anda boleh menggunakan d3.version untuk melihat maklumat versi semasa.

d3 (bahagian teras)

Set Pilihan

  • d3.select - Memilih julat elemen daripada dokumen semasa.
  • d3.selectAll - Pilih berbilang elemen daripada dokumen semasa.
  • selection.attr - Menetapkan atau mendapatkan atribut yang ditentukan.
  • selection.classed - Tambah atau alih keluar kelas CSS bagi elemen yang dipilih.
  • selection.style - Tetapkan atau alih keluar sifat CSS. gaya mempunyai keutamaan yang lebih tinggi daripada attr.
  • selection.property - Tetapkan atau dapatkan nilai hartanah mentah.
  • selection.text - Menetapkan atau mendapatkan kandungan teks isi teg bagi elemen yang dipilih.
  • selection.html - Tetapkan atau dapatkan kandungan HTML elemen yang dipilih (serupa dengan innerHTML )
  • selection.append - Mencipta dan menambah elemen baharu pada elemen yang dipilih.
  • selection.insert - Mencipta dan menambah elemen baharu sebelum elemen yang dipilih.
  • selection.remove - Mengalih keluar elemen yang dipilih daripada objek dokumen semasa.
  • selection.data - dapatkan atau tetapkan data untuk sekumpulan elemen, sambil mengira sambung hubungan.
  • selection.enter - Mengembalikan objek pemegang tempat untuk elemen yang hilang, menunjuk ke bahagian data terikat yang lebih daripada set elemen yang dipilih.
  • selection.exit - Mengembalikan set elemen elemen berlebihan, iaitu bahagian elemen terpilih yang lebih daripada data terikat. (Contoh 1, Contoh 2, Contoh 3 tentang prinsip data, masuk, keluar)
  • selection.datum - Menetapkan atau mendapatkan data satu elemen, tanpa kaitan. (dapatkan atau tetapkan data untuk elemen individu, tanpa mengira gabungan.)
  • selection.filter - Menapis set pemilihan berdasarkan data terikat.
  • selection.sort - Isih elemen yang dipilih berdasarkan data terikat.
  • selection.order - Menyusun semula elemen dalam dokumen agar sepadan dengan set pemilihan.
  • selection.on - Tambah atau alih keluar pendengar acara.
  • selection.transition - Memulakan kesan peralihan (mengembalikan objek Transition), yang boleh difahami sebagai animasi.
  • selection.interrupt - Hentikan serta-merta semua animasi yang sedang berjalan.
  • selection.each - Memanggil fungsi yang ditentukan untuk setiap set elemen yang dipilih.
  • selection.call - Memanggil fungsi yang ditentukan untuk set elemen yang sedang dipilih.
  • selection.empty - Menguji sama ada set pemilihan kosong.
  • selection.node - Mengembalikan elemen pertama dalam pemilihan.
  • selection.size - Mengembalikan bilangan elemen dalam set pemilihan.
  • selection.select - Memilih elemen anak pertama bagi elemen yang dipilih untuk membentuk set pilihan baharu.
  • selection.selectAll - Pilih berbilang sub-elemen bagi elemen yang dipilih untuk membentuk set pilihan baharu.
  • d3.selection - Prototaip objek set pilihan (set pilihan boleh dipertingkatkan dengan d3.selection.prototype).
  • d3.event - Dapatkan acara pengguna interaksi semasa.
  • d3.mouse - Dapatkan koordinat tetikus berbanding unsur.
  • d3.touches - Dapatkan koordinat titik sentuh berbanding unsur.

Kesan peralihan

  • d3.transition - Memulakan peralihan animasi. Tutorial ringkas
  • transition.delay - Menentukan masa tunda untuk setiap peralihan elemen (unit: ms).
  • transition.duration - Menentukan tempoh peralihan setiap elemen dalam milisaat.
  • transition.ease - Menentukan fungsi penimbal peralihan.
  • transition.attr - Peralihan lancar kepada nilai atribut attr baharu (nilai atribut permulaan ialah atribut semasa).
  • transition.attrTween - Peralihan lancar antara nilai atribut attr berbeza (nilai atribut permulaan boleh ditetapkan dalam fungsi peralihan, malah keseluruhan fungsi peralihan boleh disesuaikan).
  • transition.style - Peralihan lancar kepada nilai atribut gaya baharu.
  • transition.styleTween - Peralihan lancar antara nilai atribut gaya yang berbeza.
  • transition.text - Menetapkan kandungan teks pada permulaan peralihan.
  • transition.tween - mengalihkan atribut kepada nilai atribut baharu Atribut boleh menjadi atribut bukan attr atau bukan gaya, seperti teks.
  • transition.select - Memilih elemen anak bagi setiap elemen semasa untuk peralihan.
  • transition.selectAll - Pilih berbilang elemen anak bagi setiap elemen semasa untuk peralihan.
  • transition.filter - Tapis beberapa elemen dalam elemen semasa melalui data untuk peralihan.
  • transition.transition - Memulakan peralihan baharu selepas peralihan semasa tamat.
  • transition.remove - Mengalih keluar elemen semasa selepas peralihan.
  • peralihan.kosong - Mengembalikan benar jika peralihan kosong. Jika tiada unsur bukan nol dalam elemen semasa, peralihan ini kosong.
  • transition.node - Mengembalikan elemen pertama dalam peralihan.
  • transition.size - Mengembalikan bilangan elemen semasa dalam peralihan.
  • transition.each - Mengulang setiap elemen dan melaksanakan operasi. Apabila jenis pencetus tidak dinyatakan, operasi dilakukan serta-merta. Apabila jenis pencetus yang ditentukan ialah 'mula' atau 'tamat', operasi akan dilakukan pada permulaan atau akhir peralihan.
  • transition.call - Jalankan fungsi dengan peralihan semasa seperti ini.
  • d3.ease - Fungsi penimbal peralihan tersuai.
  • kemudahan - fungsi penimbal. Fungsi penimbal boleh menjadikan kesan animasi lebih semula jadi Sebagai contoh, fungsi penimbal elastik boleh digunakan untuk mensimulasikan pergerakan objek anjal. ialah kes khas fungsi interpolasi.
  • d3.timer - Memulakan pemasaan animasi tersuai. Fungsi ini serupa dengan setTimeout, tetapi ia dilaksanakan secara dalaman menggunakan requestAnimationFrame, yang lebih cekap.
  • d3.timer.flush - Segera laksanakan pemasa semasa tanpa berlengah-lengah. Boleh digunakan untuk menangani isu skrin percikan.
  • d3.interpolate - Menghasilkan fungsi interpolasi yang menginterpolasi antara dua parameter. Jenis fungsi perbezaan dipilih secara automatik berdasarkan jenis argumen input (nombor, rentetan, warna, dll.).
  • interpolasi - fungsi interpolasi. Parameter input adalah antara [0, 1].
  • d3.interpolateNumber - Menginterpolasi antara dua nombor.
  • d3.interpolateRound - Interpolasi antara dua nombor, nilai pulangan akan dibundarkan.
  • d3.interpolateString - Interpolate antara dua rentetan. Menghuraikan nombor dalam rentetan dan nombor yang sepadan akan diinterpolasi.
  • d3.interpolateRgb - Interpolasi antara dua warna RGB.
  • d3.interpolateHsl - Interpolasi antara dua warna HSL.
  • d3.interpolateLab - Interpolasi antara dua warna L*a*b*.
  • d3.interpolateHcl - Interpolate antara dua warna HCL.
  • d3.interpolateArray - Menginterpolasi antara dua tatasusunan. d3.interpolateArray( [0, 1], [1, 10, 100] )(0.5); // mengembalikan [0.5, 5.5, 100]
  • d3.interpolateObject - Interpolate antara dua objek. d3.interpolateArray( {x: 0, y: 1}, {x: 1, y: 10, z: 100} )(0.5); // mengembalikan {x: 0.5, y: 5.5, z: 100}
  • d3.interpolateTransform - Interpolasi antara dua transformasi afin 2D.
  • d3.interpolateZoom - Skalakan kuali dengan lancar antara dua titik.Contoh
  • d3.interpolators - Tambahkan fungsi interpolasi tersuai.

Kendalian Data (Bekerja dengan Tatasusunan)

Matematik

  • d3.random.normal - Hasilkan nombor rawak menggunakan taburan normal.
  • d3.random.logNormal - Hasilkan nombor rawak menggunakan taburan lognormal.
  • d3.random.irwinHall - Hasilkan nombor rawak menggunakan taburan Irwin–Hall (kaedah pelaksanaan taburan normal yang ringkas, boleh dilaksanakan dan mudah diprogramkan).
  • d3.transform - Tukar format svg transform kepada format rentetan matriks transformasi 2D standard.

Memuatkan Sumber Luaran

Pemformatan Rentetan

    d3.csv
  • - Dapatkan fail CSV (nilai dipisahkan koma, nilai dipisahkan bertindih).
  • d3.csv.parse
  • - Tukar rentetan fail CSV kepada tatasusunan objek Kekunci objek ditentukan oleh baris pertama. Contohnya: [{"Tahun": "1997", "Length": "2.34"}, {"Year": "2000", "Length": "2.38"}]
  • d3.csv.parseRows
  • - Menukar rentetan fail CSV kepada tatasusunan. Contohnya: [ ["Tahun", "Panjang"],["1997", "2.34"],["2000", "2.38"] ]
  • d3.csv.format
  • - Menukar tatasusunan objek kepada rentetan fail CSV, yang merupakan operasi terbalik d3.csv.parse.
  • d3.csv.formatRows
  • - Menukar tatasusunan tatasusunan kepada rentetan fail CSV, yang merupakan operasi terbalik d3.csv.parseRows.
  • d3.tsv
  • - Dapatkan fail TSV (nilai diasingkan tab, nilai diasingkan tab).
  • d3.tsv.parse
  • - Sama seperti d3.csv.parse.
  • d3.tsv.parseRows
  • - Sama seperti d3.csv.parseRows.
  • d3.tsv.format
  • - Serupa dengan d3.csv.format.
  • d3.tsv.formatRows
  • - Sama seperti d3.csv.formatRows.
  • d3.dsv
  • - Buat objek pemprosesan fail yang serupa dengan d3.csv, dengan pembatas dan jenis mime yang boleh disesuaikan. Contohnya: var dsv = d3.dsv(“|”, “text/plain”);
  • Warna

    d3.rgb
  • - Tentukan warna dan cipta objek warna RGB. Menyokong input dalam pelbagai format warna.
  • rgb.brighter
  • - Tingkatkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • rgb.darker
  • - Mengurangkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • rgb.hsl
  • - Tukar objek warna RGB kepada objek warna HSL.
  • rgb.toString
  • - Tukar warna RGB kepada format rentetan.
  • d3.hsl
  • - Mencipta objek warna HSL. Menyokong input dalam pelbagai format warna.
  • hsl.brighter
  • - Tingkatkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • hsl.darker
  • - Mengurangkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • hsl.rgb
  • - Tukar objek warna HSL kepada objek warna RGB.
  • hsl.toString
  • - Tukar warna HSL kepada format rentetan.
  • d3.lab
  • - Mencipta objek warna Lab. Menyokong input dalam pelbagai format warna.
  • lab.brighter
  • - Tingkatkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • lab.darker
  • - Mengurangkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • lab.rgb - Tukar objek warna Lab kepada objek warna RGB.
  • lab.toString - Warna makmal ditukar kepada format rentetan.
  • d3.hcl - Mencipta objek warna HCL. Menyokong input dalam pelbagai format warna.
  • hcl.brighter - Tingkatkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • hcl.darker - Mengurangkan kecerahan warna, julat perubahan ditentukan oleh parameter.
  • hcl.rgb - Tukar objek warna HCL kepada objek warna RGB.
  • hcl.toString - Tukar warna HCL kepada format rentetan.

Ruang nama

  • d3.ns.prefix - Dapatkan atau lanjutkan ruang nama XML yang diketahui.
  • d3.ns.qualify - Sahkan sama ada awalan ruang nama wujud, seperti "xlink:href" di mana xlink ialah ruang nama yang diketahui.

Dalaman

  • d3.functor - Kefungsian. Tukar pembolehubah bukan fungsi kepada fungsi yang hanya mengembalikan nilai pembolehubah. Jika anda memasukkan fungsi, fungsi asal dikembalikan jika anda memasukkan nilai, fungsi dikembalikan, yang hanya mengembalikan nilai asal.
  • d3.rebind - Ikat kaedah satu objek ke objek lain.
  • d3.dispatch - Buat acara tersuai.
  • dispatch.on - Tambah atau alih keluar pendengar acara. Berbilang pendengar boleh ditambah pada acara.
  • penghantaran.jenis - peristiwa pencetus. Di mana 'jenis' ialah nama acara yang akan dicetuskan.

d3.skala(Skala)

Kuantitatif

  • d3.scale.linear - Mencipta transformasi kuantitatif linear. (Adalah disyorkan untuk merujuk kepada kod sumber untuk pemahaman yang lebih mendalam tentang pelbagai transformasi.)
  • linear - mengambil nilai domain dan mengembalikan nilai domain.
  • linear.invert - Penjelmaan songsang, nilai domain input mengembalikan nilai domain.
  • linear.domain - dapatkan atau tetapkan domain.
  • julat.linear - dapatkan atau tetapkan julat nilai.
  • linear.rangeRound - Menetapkan julat dan membundarkan hasil.
  • linear.interpolate - Fungsi interpolasi bagi transformasi get atau set, seperti menggantikan fungsi interpolasi linear lalai dengan fungsi interpolasi linear bulat d3_interpolateRound.
  • linear.clamp - Tetapkan sama ada julat nilai ditutup atau tidak Lalai tidak ditutup. Apabila julat ditutup, jika hasil interpolasi berada di luar julat, nilai sempadan julat akan diambil. Sebagai contoh, jika julat nilai ialah [1, 2], hasil pengiraan bagi fungsi interpolasi ialah 3. Jika ia tidak ditutup, keputusan akhir ialah 3 jika ia ditutup, hasil akhir ialah 2;
  • linear.nice - Kembangkan skop domain untuk menjadikan domain lebih teratur. Contohnya, [0.20147987687960267, 0.996679553296417] menjadi [0.2, 1].
  • linear.ticks - Ambil nilai perwakilan daripada domain. Biasanya digunakan untuk memilih skala paksi koordinat.
  • linear.tickFormat - Dapatkan fungsi penukaran format, biasanya digunakan untuk penukaran format skala paksi koordinat. Contohnya: var x = d3.scale.linear().domain([-1, 1]); console.log(x.ticks(5).map(x.tickFormat(5, “%”))); // ["-100%", "-50%", " 0%", " 50%", " 100%"]
  • linear.copy - Menyalin transformasi daripada transformasi sedia ada.
  • d3.scale.sqrt - Mencipta transformasi kuantitatif yang mengambil punca kuasa dua.
  • d3.scale.pow - Mencipta transformasi eksponen. (Sila rujuk ulasan fungsi sepadan linear)
  • pow - Memasukkan nilai domain dan mengembalikan nilai domain.
  • pow.invert - Transformasi songsang, nilai domain input mengembalikan nilai domain.
  • pow.domain - dapatkan atau tetapkan domain.
  • pow.range - dapatkan atau tetapkan julat nilai.
  • pow.rangeRound - Menetapkan julat dan membulatkan keputusan.
  • pow.interpolate - Fungsi interpolasi untuk mendapatkan atau set transformasi.
  • pow.clamp - Tetapkan sama ada julat nilai ditutup atau tidak Lalai tidak ditutup.
  • pow.nice - Kembangkan skop domain untuk menjadikan domain lebih teratur.
  • pow.ticks - Ambil nilai perwakilan daripada domain. Biasanya digunakan untuk memilih skala paksi koordinat.
  • pow.tickFormat - Dapatkan fungsi penukaran format, biasanya digunakan untuk penukaran format skala paksi koordinat.
  • pow.exponent - dapatkan atau tetapkan kuasa eksponen. Lalai ialah kuasa 1.
  • pow.copy - Menyalin transformasi daripada transformasi sedia ada.
  • d3.scale.log - Mencipta penjelmaan logaritma. (Sila rujuk ulasan fungsi sepadan linear)
  • log - Memasukkan nilai domain dan mengembalikan nilai domain.
  • log.invert - Transformasi songsang, nilai domain input mengembalikan nilai domain.
  • log.domain - dapatkan atau tetapkan domain.
  • log.range - dapatkan atau tetapkan julat nilai.
  • log.rangeRound - Menetapkan julat dan membulatkan keputusan.
  • log.interpolate - Fungsi interpolasi untuk mendapatkan atau set transformasi.
  • log.clamp - Tetapkan sama ada julat nilai ditutup atau tidak Lalai tidak ditutup.
  • log.nice - Kembangkan skop domain untuk menjadikan domain lebih teratur.
  • log.ticks - Ambil nilai perwakilan daripada domain. Biasanya digunakan untuk memilih skala paksi koordinat.
  • log.tickFormat - Dapatkan fungsi penukaran format, biasanya digunakan untuk penukaran format skala paksi koordinat.
  • log.copy - Menyalin transformasi daripada transformasi sedia ada.
  • d3.scale.quantize - Mencipta transformasi linear quantize dengan domain takrifan selang berangka dan julat nilai beberapa nilai diskret.
  • kuantiti - Masukkan nilai berangka dan kembalikan nilai diskret. Contohnya: var q = d3.scale.quantize().domain([0, 1]).range(['a', 'b', 'c']); a ', q(0.4) === 'b', q(0.6) === 'b', q(0.7) ==='c;
  • quantize.invertExtent - Mengembalikan julat nilai diskret. // Keputusan q.invertExtent(‘a’) ialah [0, 0.3333333333333333]
  • quantize.domain - Domain bagi transformasi dapatkan atau tetapkan.
  • kuantiti.julat - dapatkan atau tetapkan julat nilai transformasi.
  • quantize.copy - Menyalin transformasi daripada transformasi sedia ada.
  • d3.scale.threshold - Bina transformasi linear threshold. Domain ialah jujukan berangka bagi nilai yang dipisahkan dan julatnya ialah nilai diskret. Perbezaan antara ia dan kuantita ialah julat nilai yang ditentukan oleh kuantita ialah selang, dan kemudian selang dibahagikan kepada berbilang selang kecil untuk sepadan dengan setiap nilai diskret. ambang menentukan nilai pemisahan sempadan antara setiap sel. Contoh: var t = d3.scale.threshold().domain([0, 1]).julat(['a', 'b', 'c']); ;t(0) === 'b'; t(0.5) === 'b'; a'); //mengembalikan [undefined, 0] t.invertExtent('b'); //returns [0, 1] t.invertExtent('c'); //returns [1, undefined]
  • ambang - Masukkan nilai berangka dan kembalikan nilai diskret.
  • threshold.invertExtent - Masukkan nilai diskret dan kembalikan nilai berangka.
  • ambang.domain - Domain bagi transformasi dapatkan atau tetapkan.
  • julat.ambang - Julat nilai bagi transformasi dapatkan atau tetapkan.
  • ambang.salinan - Menyalin transformasi daripada transformasi sedia ada.
  • d3.skala.kuantil - Membina penjelmaan linear kuantil. Kaedah penggunaan sama sekali dengan kuantita Perbezaannya ialah kuantil mengasingkan selang berdasarkan median, dan mengkuantis memisahkan selang berdasarkan min aritmetik. contoh
  • kuantil - Masukkan nilai berangka dan kembalikan nilai diskret.
  • quantile.invertExtent - Masukkan nilai diskret dan kembalikan nilai berangka.
  • quantile.domain - Domain bagi transformasi dapatkan atau tetapkan.
  • kuantil.julat - dapatkan atau tetapkan julat nilai transformasi.
  • kuantil.kuantil - Dapatkan nilai yang diasingkan bagi transformasi kuantil. Contoh: var q = d3.scale.quantile().domain([0, 1]).range(['a', 'b', 'c']);
  • quantile.copy - Menyalin transformasi daripada transformasi sedia ada.
  • d3.skala.identiti - Membina transformasi linear identiti. Transformasi linear khas Domain definisi transformasi ini adalah sama dengan domain nilai Ia hanya digunakan dalam beberapa modul paksi atau berus di dalam d3.
  • identiti - fungsi transformasi linear identiti. Mengembalikan nilai input.
  • identity.invert - Sama seperti fungsi identiti, mengembalikan nilai input.
  • domain.identiti - Domain bagi transformasi dapatkan atau tetapkan.
  • julat.identiti - Julat nilai bagi transformasi dapatkan atau set.
  • identity.ticks - Ambil nilai perwakilan daripada domain. Biasanya digunakan untuk memilih skala paksi koordinat.
  • identity.tickFormat - Dapatkan fungsi penukaran format, biasanya digunakan untuk penukaran format skala paksi koordinat.
  • identity.copy - Menyalin transformasi daripada transformasi sedia ada.

Transformasi ordinal (Ordinal)

  • d3.scale.ordinal - Membina objek transformasi ordinal. Domain input dan domain output bagi transformasi ordinal adalah kedua-duanya diskret. Domain input transformasi kuantitatif adalah berterusan, yang merupakan perbezaan terbesar antara keduanya.
  • ordinal - Memasukkan nilai diskret dan mengembalikan nilai diskret. Nilai input yang tiada dalam domain semasa ditambah secara automatik pada domain.
  • domain.ordinal - Domain bagi transformasi dapatkan atau tetapkan.
  • julat.ordinal - dapatkan atau tetapkan julat nilai transformasi.
  • ordinal.rangePoints - Gunakan beberapa titik diskret untuk membahagikan julat berterusan. Lihat legenda dalam pautan untuk butiran.
  • ordinal.rangeBand - Gunakan beberapa selang diskret untuk membahagikan julat berterusan. Lihat legenda dalam pautan untuk butiran.
  • ordinal.rangeRoundBand - Gunakan beberapa selang diskret untuk membahagikan selang berterusan Sempadan dan lebar selang akan dibundarkan. Lihat legenda dalam pautan untuk butiran.
  • ordinal.rangeBand - Mendapat lebar selang diskret.
  • ordinal.rangeExtent - Dapatkan nilai minimum dan maksimum domain output.
  • ordinal.copy - Menyalin transformasi daripada transformasi sedia ada.
  • d3.scale.category10 - Bina satu transformasi ordinal dengan 10 warna.
  • d3.scale.category20 - Bina satu transformasi ordinal dengan 20 warna.
  • d3.scale.category20b - Bina transformasi ordinal dengan 20 warna lagi.
  • d3.scale.category20c - Bina satu transformasi ordinal dengan 20 warna lagi.

d3.svg (SVG)

Bentuk

  • d3.svg.line - Mencipta penjana segmen talian.
  • garisan - Hasilkan garis poli dalam carta garis.
  • line.x - Menetapkan atau mendapatkan x aksesori paksi.
  • line.y - menetapkan atau mendapat y aksesori paksi
  • line.interpolate - Menetapkan atau mendapatkan mod interpolasi.
  • line.tension - Dapatkan atau tetapkan pengakses tegangan spline kardinal.
  • line.defined - mentakrifkan sama ada garisan wujud pada titik tertentu.
  • d3.svg.line.radial - Mencipta penjana talian jejari.
  • garisan - Menghasilkan lengkung linear sekeping untuk digunakan dalam carta garisan latitud/radar.
  • line.radius - Mendapat atau menetapkan radius aksesori.
  • line.angle - Mendapat atau menetapkan aksesori angle.
  • line.defined - Menetapkan atau mendapatkan pengakses definisi baris.
  • d3.svg.area - Mencipta penjana kawasan baharu.
  • kawasan - menjana kawasan linear untuk carta kawasan.
  • kawasan.x - aksesori untuk mendapatkan atau menetapkan koordinat x.
  • kawasan.x0 - aksesori untuk mendapatkan atau menetapkan x0 koordinat (garis dasar).
  • kawasan.x1 - aksesori untuk mendapatkan atau menetapkan x1 koordinat (garisan belakang).
  • area.y - pelengkap untuk mendapatkan atau menetapkan koordinat y.
  • kawasan.y0 - akses untuk mendapatkan atau menetapkan koordinat y0 (garis dasar).
  • kawasan.y1 - pelengkap untuk mendapatkan atau menetapkan koordinat y1 (garisan belakang).
  • kawasan.interpolate - Mendapat atau menetapkan mod interpolasi.
  • kawasan.ketegangan - Dapatkan atau tetapkan pengakses tegangan (ketegangan splin kardinal).
  • kawasan.ditentukan - menentukan sama ada untuk mendapatkan atau mentakrifkan pelengkap definisi kawasan.
  • d3.svg.area.radial - Mencipta penjana kawasan baharu.
  • kawasan - Menghasilkan kawasan linear sekeping untuk digunakan dalam carta latitud/radar.
  • area.radius - Mendapat atau menetapkan radius aksesori.
  • area.innerRadius - Mendapat atau menetapkan aksesori dalam radius (garis dasar).
  • area.outerRadius - Mendapat atau menetapkan luar radius (garis belakang) aksesori.
  • area.angle - Dapatkan atau tetapkan angle aksesori.
  • area.startAngle - Mendapat atau menetapkan aksesori sudut (garis dasar) dalaman.
  • area.endAngle - Mendapat atau menetapkan aksesori sudut (garis belakang) luaran.
  • kawasan.ditentukan - menentukan sama ada untuk mendapatkan atau mentakrifkan pelengkap definisi kawasan.
  • d3.svg.arc - Mencipta penjana arka.
  • arka - Menghasilkan arka linear untuk digunakan dalam carta pai atau donat.
  • arc.innerRadius - Mendapat atau menetapkan aksesori jejari dalam.
  • arc.outerRadius - Mendapat atau menetapkan pengakses jejari luar.
  • arc.startAngle - Mendapat atau menetapkan pengakses sudut permulaan.
  • arc.endAngle - Mendapat atau menetapkan pengakses sudut hujung.
  • arka.centroid - Kira titik centroid lengkok.
  • d3.svg.symbol - Buat penjana simbol.
  • simbol - menjana simbol yang ditentukan untuk digunakan dalam peta cincang.
  • symbol.type - Mendapat atau menetapkan pengakses jenis simbol.
  • symbol.size - Dapatkan atau tetapkan aksesori saiz simbol (dalam piksel persegi).
  • d3.svg.symbolTypes - Tatasusunan jenis simbol yang disokong.
  • d3.svg.chord - Mencipta penjana kord baharu.
  • kord - Menghasilkan lengkung Bezier kuadratik yang menghubungkan dua lengkok, untuk digunakan dalam rajah kord.
  • chord.radius - Mendapat atau menetapkan pengakses jejari arka.
  • chord.startAngle - Mendapat atau menetapkan pengakses sudut permulaan arka.
  • chord.endAngle - Mendapat atau menetapkan pengakses sudut hujung arka.
  • chord.source - Mendapat atau menetapkan pengakses radian sumber.
  • chord.target - Mendapat atau menetapkan pengakses radian sasaran.
  • d3.svg.diagonal - Mencipta penjana pepenjuru baharu.
  • pepenjuru - Menghasilkan penyambung Bezier 2D untuk graf sambungan nod.
  • diagonal.source - Mendapat atau menetapkan pengakses sumber.
  • diagonal.target - Mendapat atau menetapkan pengakses titik sasaran.
  • diagonal.projection - Mendapat atau menetapkan pengubah titik pilihan.
  • d3.svg.diagonal.radial - Mencipta penjana slash baharu.
  • pepenjuru - Mencipta penyambung Bezier 2D untuk graf sambungan nod.

Kapak

  • d3.svg.axis - Mencipta penjana paksi.
  • paksi - secara rasmi menjana paksi dalam halaman.
  • axis.scale - dapatkan atau tetapkan perubahan skala skala paksi koordinat, yang menetapkan peraturan penukaran untuk nilai berangka dan kedudukan piksel.
  • axis.orient - dapatkan atau tetapkan arah skala paksi koordinat.
  • axis.ticks - Mengawal cara kutu paksi dijana.
  • axis.tickValues - Tetapkan nilai paksi tertentu.
  • axis.tickSize - Menentukan panjang piksel tanda semak pada paksi.
  • axis.innerTickSize - dapatkan atau tetapkan panjang piksel tanda tanda kecil paksi koordinat.
  • axis.outerTickSize - dapatkan atau tetapkan panjang piksel tanda semak besar paksi koordinat.
  • axis.tickPadding - Menentukan jarak piksel antara tanda paksi dan teks semak.
  • axis.tickFormat - Tetapkan format teks tandakan.

Kawalan

  • d3.svg.brush - Klik dan seret untuk memilih kawasan 2D.
  • berus - mengikat berus secara rasmi ke kawasan tertentu pada halaman.
  • berus.x - dapatkan atau tetapkan transformasi x berus, digunakan untuk menyeret mendatar.
  • brush.y - dapatkan atau tetapkan transformasi y berus, digunakan untuk menyeret menegak.
  • berus.luas - dapatkan atau tetapkan julat pemilihan berus (luas).
  • brush.clear - Tetapkan julat pemilihan berus (luas) kepada kosong.
  • berus.kosong - Menentukan sama ada julat pemilihan berus (luas) kosong.
  • brush.on - pendengar acara untuk get atau set brush. Tiga jenis acara boleh dipantau: mula berus, berus, hujung berus.
  • brush.event - Cetuskan acara mendengar melalui program dan gunakannya selepas menetapkan tahap melalui program.

d3.masa (Masa)

Pemformatan Masa

  • d3.time.format - Buat penukar format waktu tempatan berdasarkan format masa tertentu.
  • format - Tukar objek tarikh kepada rentetan dalam format masa tertentu.
  • format.parse - Tukar rentetan dalam format masa tertentu kepada objek tarikh.
  • d3.time.format.utc - Mencipta penukar format Masa Sejagat (UTC) berdasarkan format masa tertentu.
  • d3.time.format.iso - Mencipta penukar format Masa Universal ISO (ISO 8601 UTC) berdasarkan format masa tertentu.

Skala Masa

  • d3.time.scale - Mencipta transformasi masa linear yang domainnya ialah selang berangka dan julatnya ialah selang masa. Biasa digunakan untuk mencipta paksi masa. Untuk butiran, sila rujuk d3.scale.linear.
  • skala - Input ialah nilai berangka dan pulangan ialah masa.
  • skala.terbalikkan - Penjelmaan songsang, masa input dan mengembalikan nilai berangka.
  • skala.domain - Domain bagi transformasi dapatkan atau tetapkan.
  • scale.nice - Kembangkan skop domain untuk menjadikan domain lebih teratur.
  • skala.julat - dapatkan atau tetapkan julat nilai transformasi.
  • scale.rangeRound - Menetapkan julat dan membulatkan keputusan.
  • skala.interpolate - Fungsi interpolasi bagi transformasi get atau set, seperti menggantikan fungsi interpolasi linear lalai dengan fungsi interpolasi eksponen.
  • skala.pengapit - Tetapkan sama ada julat nilai ditutup atau tidak Lalai tidak ditutup. Apabila julat ditutup, jika hasil interpolasi berada di luar julat, nilai sempadan julat akan diambil. Lihat linear.clamp untuk butiran.
  • scale.ticks - Ambil nilai perwakilan daripada domain. Biasanya digunakan untuk memilih skala paksi koordinat.
  • scale.tickFormat - Dapatkan fungsi penukaran format, biasanya digunakan untuk penukaran format skala paksi koordinat.
  • skala.salinan - Menyalin transformasi daripada perubahan masa sedia ada.

Selang Masa

  • d3.time.interval - Mengembalikan selang masa untuk waktu tempatan.
  • selang - Kesannya sama seperti kaedah interval.floor.
  • julat selang - Mengembalikan tarikh dalam selang waktu yang ditentukan.
  • interval.floor - Bundarkan ke bawah kepada nilai selang terdekat.
  • selang.pusingan - Bundarkan ke atas atau ke bawah kepada nilai selang terdekat.
  • selang.ceil - Bundarkan ke nilai selang terdekat.
  • interval.offset - Mengembalikan tarikh offset untuk selang masa yang ditentukan.
  • interval.utc - Mengembalikan selang masa UTC yang sepadan.
  • d3.time.day - Mengembalikan masa yang ditentukan berdasarkan permulaan hari (mula lalai ialah 12:00am).
  • d3.time.days - Mengembalikan semua hari berdasarkan selang masa dan keadaan selang yang ditentukan, kesannya adalah sama seperti day.range.
  • d3.time.dayOfYear - Kira bilangan hari dalam tahun untuk masa yang ditentukan.
  • d3.time.hour - Mengembalikan masa yang ditentukan berdasarkan permulaan jam (cth., 1:00 AM).
  • d3.time.hours - Mengembalikan semua jam berdasarkan selang masa dan keadaan selang waktu yang ditentukan, kesannya adalah sama seperti jam.julat.
  • d3.time.minit - Mengembalikan masa yang ditentukan berdasarkan permulaan minit (cth., 1:02 AM).
  • d3.masa.minit - Mengembalikan semua minit berdasarkan selang masa dan keadaan selang masa yang ditentukan, kesannya adalah sama seperti minit.julat.
  • d3.time.month - Mengembalikan masa yang ditentukan berdasarkan permulaan bulan (cth., 1 Februari, 12:00 AM).
  • d3.time.months - Mengembalikan setiap masa berdasarkan bulan untuk selang masa dan keadaan selang yang ditentukan, kesannya adalah sama dengan julat bulan.
  • d3.time.second - Mengembalikan masa yang ditentukan berdasarkan permulaan saat (cth., 1:02:03 AM).
  • d3.masa.saat - Mengembalikan semua masa berdasarkan saat untuk selang masa dan keadaan selang yang ditentukan, kesannya adalah sama dengan julat kedua.
  • d3.time.ahad - Mengembalikan masa yang ditentukan berdasarkan permulaan Ahad (cth., 5 Februari, 12:00 AM).
  • d3.time.sundays - Mengembalikan semua masa berdasarkan hari Ahad untuk selang masa dan keadaan selang yang ditentukan Kesannya adalah sama seperti sunday.range.
  • d3.time.sundayOfYear - Kira bilangan minggu dalam tahun untuk masa yang ditentukan dengan hari Ahad sebagai titik asas.
  • d3.time.monday - setiap Isnin (cth., 5 Februari, 12:00 AM).
  • d3.time.mondays - alias untuk monday.range.
  • d3.time.mondayOfYear - mengira nombor minggu berasaskan hari Isnin.
  • d3.time.selasa - setiap Selasa (cth., 5 Februari, 12:00 AM).
  • d3.time.selasa - alias untuk selasa.julat.
  • d3.time.tuesdayOfYear - mengira nombor minggu berdasarkan hari Selasa.
  • d3.time.wednesday - setiap hari Rabu (cth., 5 Februari, 12:00 AM).
  • d3.masa.rabu - alias untuk rabu.julat.
  • d3.time.wednesdayOfYear - mengira nombor minggu berdasarkan rabu.
  • d3.time.khamis - setiap Khamis (cth., 5 Februari, 12:00 AM).
  • d3.masa.khamis - alias untuk khamis.julat.
  • d3.time.thursdayOfYear - mengira nombor minggu berasaskan khamis.
  • d3.time.friday - setiap Jumaat (cth., 5 Februari, 12:00 AM).
  • d3.time.fridays - alias untuk julat julat.
  • d3.time.fridayOfYear - mengira nombor minggu berasaskan hari Jumaat.
  • d3.time.sabtu - setiap Sabtu (cth., 5 Februari, 12:00 AM).
  • d3.masa.sabtu - alias untuk julat sabtu.
  • d3.time.saturdayOfYear - mengira nombor minggu berasaskan Sabtu.
  • d3.masa.minggu - alias untuk hari Ahad.
  • d3.time.weeks - alias untuk julat ahad.
  • d3.time.weekOfYear - alias untuk sundayOfYear.
  • d3.time.year - 返回指定时间基于年起始的时间(cth., 1 Januari, 12:00 AM).
  • d3.masa.tahun - 返回指定时间区间和间隔条件的所有时间,效果同tahun.>.
构图(d3.susun atur)

Himpunan

弦图(Kord)

Label berkaitan:
api
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan