Rumah >hujung hadapan web >tutorial js >5 pemalam perpustakaan carta jQuery teratas [perpustakaan pemalam jquery]_Pengetahuan asas

5 pemalam perpustakaan carta jQuery teratas [perpustakaan pemalam jquery]_Pengetahuan asas

WBOY
WBOYasal
2016-05-16 15:02:071588semak imbas

Pemalam GraphUp jQuery - $15

Graphup ialah pemalam jQuery (v1.4+) yang sangat ringan dan fleksibel yang digunakan untuk mencantikkan jadual data anda. Ia boleh menggunakan warna, histogram dan graf untuk mempersembahkan data anda dengan berkesan.

Menyokong banyak pilihan - Pilih pembersih data dan alat cat: isi, lajur, carta penuh (menyokong noktah atau koma menyesuaikan jadual warna dan kelas CSSnya); - Keseluruhan pemalam hanya 4kb Boleh Diperluas - anda boleh mencipta pembersih dan alatan cat atau jadual warna anda sendiri dengan mudah. Juga, buat panggilan balik untuk melaksanakan sebarang operasi pada sel sebelum mewarna. Sangat fleksibel, kemungkinannya tidak berkesudahan! Anda boleh menonton demo peningkatan ciri - jadual asal anda masih boleh dilihat walaupun tanpa dokumentasi penuh - contoh langsung dan dokumentasi.

Keserasian: Chrome 5, FireFox 2, FireFox 3, IE7, IE8, Opera, Safari

1. jQuery Visualize Plugin

Jika anda ingin memaparkan kandungan jadual secara grafik, maka pemalam ini akan menjadi alat paparan terbaik. Ia menyediakan pelbagai jenis ikon seperti carta bar, carta pai, carta kawasan dan carta garis

Contoh tunjuk cara

Carta yang disokong: carta bar, carta pai, carta kawasan, carta garis

Keperluan sistem: jQuery, exanvas (termasuk)

Sokongan penyemak imbas: IE6, 7, 8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
Kanvas HTML5 tidak disokong dalam IE, tetapi Google mengekalkan perpustakaan kelas yang boleh menterjemahkan Kanvas ke dalam VML, yang membolehkannya dijalankan dalam mana-mana versi IE

Jenis lesen: Lesen MIT dan GPL

2. Carta Tinggi

highcharts ialah pemalam jQuery yang hebat Ringkasnya, highcharts serasi dengan kebanyakan penyemak imbas, malah iPhone. Banyak jenis carta disokong. Dan ia adalah pemalam dinamik Anda boleh menambah, memadam dan mengubah suai urutan, paksi atau titik dengan mudah selepas membuat carta, dan anda boleh memuatkan data fail dari luar kandungan terperinci dalam carta. Akhirnya, penskalaan dan flipping disokong.

Contoh tunjuk cara

Carta yang disokong: Carta bar, carta pai, carta kawasan, carta garis, carta spline, carta silinder, carta serakan, Areaspline

Keperluan sistem: jQuery atau MooTools

Sokongan penyemak imbas: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, IPhone!

Jenis lesen: Lesen Creative Commons Attribution Non-Commercial 3.0 Percuma untuk digunakan oleh sekolah, organisasi bukan untung dan individu. Satu tapak web komersial berharga AS$80

3. Flot

Pengarang Flot menyebutnya "versi jQuery plot javascript yang menarik". Fungsi utama termasuk: siri penukaran, zum, interaksi titik data dan kotak gesaan ringkas

Contoh tunjuk cara

Carta yang disokong: Carta bar, carta pai, carta mata, carta garis

Keperluan sistem: jQuery

Sokongan penyemak imbas: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Konqueror 4+

Jenis lesen: Lesen MIT dan GPL

4. jQuery Sparklines

Sparklines boleh menjana carta interline kecil dalam HTML atau Javasript, yang amat berfaedah untuk memaparkan carta mini. Kerana ia hanya menggunakan 1 baris untuk melengkapkan penjanaan ikon. Satu lagi ciri yang sangat buruk ialah menyegarkan diri. Anda boleh melihat demonstrasi dalam talian bagi menangkap pergerakan tetikusnya.

Contoh tunjuk cara

Carta yang disokong: Carta bar, carta pai, carta garis, Tristate, Bullet, Plot Kotak

Keperluan sistem: jQuery

Sokongan penyemak imbas: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

Jenis lesen: Lesen MIT dan GPL

5. jqPlot

Ia tidak kelihatan pada mulanya, tetapi selepas penyelidikan mendalam, ia sememangnya salah satu pemalam carta jQuery percuma yang terbaik. Banyak pilihan tersedia untuk anda, malah anda boleh menyediakan bayang-bayang dan operasi seret. Garis trend malah boleh dikira secara automatik. Secara peribadi, saya rasa ia setanding dengan carta tinggi.

Contoh tunjuk cara

Carta yang disokong: carta bar, carta pai, carta garis

Keperluan sistem: jQuery

Sokongan penyemak imbas: IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

Jenis lesen: Lesen versi2 MIT dan GPL

Kenyataan:
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