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

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

WBOY
WBOYke hadapan
2023-09-19 08:13:021364semak imbas

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>

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!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam