Unduhan awesome - Unduhan kode sumber awesome

awesome

Kode sumber lainnya

1.0.0

Unduh

Chart.js yang luar biasa

Daftar pilihan hal-hal mengagumkan yang terkait dengan Chart.js

Sumber daya
Grafik
Plugin
Adaptor
Integrasi
Peralatan

Dukungan Chart.js. Ada tiga versi utama Chart.js yang saat ini digunakan. Silakan lihat lencana versi di bawah untuk memeriksa apakah perpustakaan mendukung versi Chart.js Anda. (Juga, "❕" berarti suatu versi tidak didukung.)

Chart.js v.4️⃣ — dirilis pada November 2022
Chart.js v.3️⃣ — dirilis pada April 2021
Chart.js v.2️⃣ — dirilis pada April 2016

Sumber daya

Panduan Resmi | Panduan pengguna dan situs dokumentasi.

Grafik

Mendukung	Nama	Keterangan
2️⃣ ❕ ❕	bar-corong	Menambahkan jenis bagan corong batang
2️⃣ 3️⃣ 4️⃣	plot kotak	Menambahkan tipe bagan plot kotak dan plot biola
2️⃣ 3️⃣ 4️⃣	bilah kesalahan	Menambahkan beragam varian bilah kesalahan dari jenis bagan standar
2️⃣ 3️⃣ ❕	finansial	Menambahkan jenis grafik keuangan seperti kandil
❕ 3️⃣ 4️⃣	corong	Menambahkan jenis bagan corong
2️⃣ 3️⃣ 4️⃣	geografis	Menambahkan tipe bagan peta geografis seperti choropleth dan peta gelembung
2️⃣ 3️⃣ 4️⃣	grafik	Menambahkan jenis bagan grafik seperti grafik yang diarahkan gaya
2️⃣ 3️⃣ 4️⃣	matriks	Menambahkan jenis bagan matriks
2️⃣ 3️⃣ 4️⃣	pcp	Menambahkan tipe bagan plot koordinat paralel
❕ 3️⃣ 4️⃣	Sankey	Menambahkan jenis bagan diagram sankey
2️⃣ ❕ ❕	pandai besi	Menambahkan tipe bagan smith
2️⃣ 3️⃣ 4️⃣	ditumpuk100	Menggambar diagram batang bertumpuk 100%.
2️⃣ 3️⃣ 4️⃣	peta pohon	Menambahkan tipe bagan peta pohon
❕ 3️⃣ 4️⃣	Venn	Menambahkan tipe bagan venn dan euler
❕ 3️⃣ 4️⃣	awan kata	Menambahkan tipe bagan awan kata

Plugin

Penataan gaya

Mendukung	Nama	Keterangan
❕ 3️⃣ 4️⃣	warna otomatis	Pembuatan warna otomatis
2️⃣ ❕ ❕	skema warna	Mengaktifkan pewarnaan otomatis menggunakan skema warna yang telah ditentukan sebelumnya
❕ 3️⃣ 4️⃣	gradien	Gradien yang mudah
2️⃣ ❕ ❕	kasar	Menggambar bagan dengan gaya samar seperti gambar tangan menggunakan Rough.js
2️⃣ ❕ ❕	gaya	Memberikan opsi gaya seperti efek bayangan, kemiringan, cahaya, atau overlay
❕ ❕ 4️⃣	tumpukan waktu	Menambahkan format skala waktu yang berpendirian keras dengan pembagian waktu yang "bagus".

Fitur

Mendukung	Nama	Keterangan
2️⃣ 3️⃣ 4️⃣	anotasi	Menggambar garis, kotak, titik, label, poligon dan elips pada area grafik
2️⃣ 3️⃣ ❕	garis bidik	Menambahkan crosshair data ke diagram garis dan sebar
2️⃣ 3️⃣ 4️⃣	label data	Menampilkan label pada data untuk semua jenis bagan
2️⃣ ❕ ❕	label donat	Tampilkan label teks di tengah bagan donat
2️⃣ 3️⃣ 4️⃣	hierarkis	Menambahkan skala hierarki yang dapat diciutkan, diperluas, dan difokuskan
❕ ❕ 4️⃣	label gambar	Menampilkan label gambar pada data untuk bagan donat
2️⃣ ❕ ❕	label-piechart	Menampilkan label di luar diagram lingkaran/donat
2️⃣ ❕ ❕	regresi	Menghitung dan menggambar regresi statistik (garis tren)
❕ ❕ 4️⃣	garis tren	Gambar garis tren
2️⃣ ❕ ❕	air terjun	Memungkinkan penggunaan bagan air terjun dengan mudah

Interaksi

Mendukung	Nama	Keterangan
❕ ❕ 4️⃣	legenda a11y	Menyediakan aksesibilitas keyboard untuk legenda bagan
❕ 3️⃣ 4️⃣	chart2musik	Meningkatkan aksesibilitas bagan dengan navigasi keyboard dan sonifikasi
2️⃣ 3️⃣ 4️⃣	ditangguhkan	Menunda pembaruan bagan awal hingga bagan bergulir ke area pandang
2️⃣ 3️⃣ 4️⃣	dragdata	Memungkinkan pengguna menyeret titik data pada grafik
2️⃣ 3️⃣ 4️⃣	memperbesar	Memungkinkan zoom dan panning pada grafik

Sumber Data

Mendukung	Nama	Keterangan
2️⃣ 3️⃣ 4️⃣	sumber data-prometheus	Menampilkan deret waktu dari Prometheus
2️⃣ 3️⃣ ❕	mengalir	Menambahkan dukungan untuk data streaming langsung

Selain itu, banyak plugin dapat ditemukan di registri npm.

Adaptor

Mendukung	Nama	Keterangan
2️⃣ 3️⃣ 4️⃣	tanggal-fns	adaptor tanggal-fns
2️⃣ 3️⃣ 4️⃣	harijs	adaptor dayjs
2️⃣ 3️⃣ 4️⃣	mewah	Adaptor Luxon
2️⃣ 3️⃣ 4️⃣	momen	Adaptor Moment.js
❕ 3️⃣ 4️⃣	ruangwaktu	Adaptor ruangwaktu

Integrasi

JavaScript

Mendukung	Nama	Keterangan
2️⃣ ❕ ❕	diagram ember-cli	CLI Ember
❕ ❕ 4️⃣	grafik_baru	Segar
2️⃣ ❕ ❕	lwcc	Komponen Web Petir
2️⃣ 3️⃣ 4️⃣	ng2-grafik	Sudut v2+
2️⃣ 3️⃣ ❕	bagan omi	Omi
2️⃣ 3️⃣ 4️⃣	reaksi-chartjs-2	Bereaksi
❕ 3️⃣ 4️⃣	solid-chartjs	SolidJs
❕ 3️⃣ 4️⃣	svelte-chartjs	Langsing
2️⃣ 3️⃣ 4️⃣	vue-chartjs	Vue.js

Yang lain

Mendukung	Nama	Keterangan
❕ 3️⃣ ❕	BlazorChartjs	jaket
❕ 3️⃣ 4️⃣	pax.BlazorChartJs	Blazor (dengan isolasi JavaScript)
2️⃣ 3️⃣ 4️⃣	charba	GWT/J2CL
2️⃣ ❕ ❕	grafik.java	Jawa
❕ ❕ 4️⃣	chartjs-java-model	Jawa
2️⃣ ❕ ❕	chartjs-ocaml	Ocaml
2️⃣ 3️⃣ ❕	chartjs-ror	Ruby, menyederhanakan penggunaan Chart.js dalam tampilan Rails
❕ 3️⃣ 4️⃣	bagan-js-rs	Chart.js mengetikkan API di Rust (WIP dalam Alfa/tidak lengkap)
2️⃣ ❕ ❕	Django-chartjs	Django
	gambar	Komponen desain
2️⃣ 3️⃣ 4️⃣	ipychart	ular piton
2️⃣ 3️⃣ 4️⃣	laravel-chartjs	Laravel
2️⃣ ❕ ❕	mencairkan	Visualisasi data aliran multi-utas yang cepat dengan Angular
2️⃣ ❕ ❕	nova-chartjs	Laravel Nova
2️⃣ 3️⃣ 4️⃣	diagram cepat	API Web untuk grafik statis
2️⃣ ❕ ❕	grafik jahat	Pembungkus untuk aplikasi web Java
❕ 3️⃣ ❕	symfony/ux-chartjs	Paket Symfony UX