Rumah > hujung hadapan web > html tutorial > Bagaimana untuk melukis carta dan graf menggunakan perpustakaan Kanvas HTML5 GoJS?

Bagaimana untuk melukis carta dan graf menggunakan perpustakaan Kanvas HTML5 GoJS?

WBOY
Lepaskan: 2023-09-19 08:13:02
ke hadapan
1433 orang telah melayarinya

GoJS ialah perpustakaan JavaScript yang boleh anda gunakan untuk melaksanakan carta interaktif. Halaman ini akan menunjukkan kepada anda perkara penting menggunakan GoJS. Jika anda ingin menambah carta dan graf, gunakan perpustakaan sumber terbuka ini.

GoJS mempunyai seni bina paparan model di mana model memegang tatasusunan objek JavaScript yang menerangkan nod dan pautan. Untuk menggambarkan data ini menggunakan objek Nod dan Pautan sebenar, carta bertindak sebagai paparan.

Membina carta dengan GoJS menghasilkan elemen Kanvas HTML5 untuk diletakkan di dalam elemen DIV tertentu.

Cara Melukis Carta

Untuk mula menggunakan GoJS, anda perlu mengisytiharkan perpustakaan dalam dokumen HTML anda. Dengan cara ini anda juga perlu memuatkan perpustakaan. Muatkan pustaka GoJS go.js.

Untuk menambah, paut ke perpustakaan GoJS, yang anda boleh dapatkan daripada CDNJS. Sebagai alternatif, anda boleh memuat turun pustaka GoJS jika perlu.

Begini cara menambahkannya menggunakan CDNJS -

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>
Salin selepas log masuk

NOTA: Muatkan go-debug.js semasa membangunkan untuk semakan ralat masa jalan. Apabila mengatur letak, pilih "go.js".

如何使用GoJS HTML5 Canvas库绘制图表和图形?

Atas ialah kandungan terperinci Bagaimana untuk melukis carta dan graf menggunakan perpustakaan Kanvas HTML5 GoJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
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