Menurut Anda berapa lama waktu yang dibutuhkan untuk membuat bagan seperti ini di halaman web?
Butuh waktu lama, jika Anda tidak terlalu terampil dalam JavaScript.
Tetapi kabar baiknya adalah bahwa jika Anda menggunakan kerangka kerja HighCharts, lebih dari sepuluh baris kode memungkinkan Anda untuk menghasilkan grafik yang efektif pada halaman.
Tentu saja, fungsinya jauh lebih dari ini, seperti berbagai bagan, pencetakan, ekspor, dan analisis komparatif.
Ini tidak hanya dapat digunakan untuk analisis bagan situs web, tetapi juga hal-hal yang dibuat dengan ini ketika ada ringkasan dan demonstrasi harus menarik. Anda benar -benar dapat meninggalkan PPT.
Jadi cepatlah dan pelajari cara menggunakannya! Lai Lai
Ini kubah sederhana:
1. Di highcharts atribut dipisahkan oleh koma
2. Gunakan {} dalam atribut besar, isi atribut spesifik di {}
3. Selain data, atribut lain umumnya digunakan. "Termasuk
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> title </iteme> <script type = "text/javascript" src = "http://cdn.hcharts.cn/jQuery/jQuery-1.8.min. src = "http://cdn.hcharts.cn/highcharts/highcharts.js"> </script> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> </head> <body> <div> </div> <function> {function "(function". // Tentukan bagan di mana kelasnya adalah grafik: {type: 'line' // Jenis grafik, dan kolom, dll.}, Judul: {text: 'Dome01' // judul bagan}, xaxis: {kategori: [a ',' b ',' c ',' d '] // pengelompokan x koordinat},' b ',' c ',' d '] Koordinat}}, Seri: [{name: 'Zhangsan', // Nama data: [2,3,5,3] // Data spesifik}, {name: 'lisi', data: [3,5,1,3]}, {name: 'wangwu', data: [1,4,6,2]}, {name: 'wangwu', data: [1,4,6,2] }); </script> </body> </html>Tidak masalah jika Anda tidak dapat memahaminya sekarang. Anda dapat mencobanya di browser Anda. Saya akan memperbarui artikel yang terkait dengan Highcharts di masa depan. Teman yang tertarik dapat terus mendukung wulin.com.