คุณคิดว่าจะใช้เวลานานแค่ไหนในการสร้างแผนภูมิเช่นนี้ในหน้าเว็บ?
มันใช้เวลานานถ้าคุณไม่ได้มีทักษะเฉพาะใน JavaScript
แต่ข่าวดีก็คือถ้าคุณใช้ Highcharts Framework รหัสมากกว่าสิบบรรทัดอาจช่วยให้คุณสร้างแผนภูมิที่มีประสิทธิภาพดังกล่าวบนหน้า
แน่นอนว่าฟังก์ชั่นของมันมีมากกว่าสิ่งเหล่านี้เช่นแผนภูมิต่าง ๆ การพิมพ์การส่งออกและการวิเคราะห์เปรียบเทียบ
ไม่เพียง แต่สามารถใช้สำหรับการวิเคราะห์แผนภูมิเว็บไซต์เท่านั้น แต่ยังรวมถึงสิ่งที่เกิดขึ้นเมื่อมีการสรุปและการสาธิตจะต้องสะดุดตา คุณสามารถละทิ้ง PPT ได้อย่างสมบูรณ์
ดังนั้นรีบไปเรียนรู้วิธีใช้เขา! - -
นี่คือโดมที่เรียบง่าย:
1. ในแอตทริบิวต์ Highcharts ถูกคั่นด้วยเครื่องหมายจุลภาค
2. ใช้ {} ในแอตทริบิวต์ขนาดใหญ่กรอกแอตทริบิวต์เฉพาะใน {}
3. นอกเหนือจากข้อมูลแล้วคุณลักษณะอื่น ๆ จะใช้โดยทั่วไป "รวม
<! doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> title </title> <script type = "text/javascript" src = "http://cdn.hcharts.cn/jquery src = "http://cdn.hcharts.cn/highcharts/highcharts.js"> </script> <meta http-equiv = "content-ype" content = "text/html; charset = utf-8"> </head> $ (". แผนภูมิ"). highcharts ({// ระบุแผนภูมิที่คลาสคือแผนภูมิ: {ประเภท: 'line' // ประเภทของแผนภูมิและคอลัมน์ ฯลฯ } ชื่อ: {text: 'dome01' // ชื่อของ Chart}, xaxis: {หมวดหมู่: yaxis: {title: {text: 'บาง' // ชื่อของพิกัด y}}, ซีรีส์: [{ชื่อ: 'จางซาน', // ชื่อของข้อมูล: [2,3,5,3] // ข้อมูลเฉพาะ}, {ชื่อ: 'lisi', ข้อมูล: });}); </script> </body> </html>ไม่สำคัญว่าตอนนี้คุณไม่เข้าใจหรือไม่ คุณสามารถลองในเบราว์เซอร์ของคุณ ฉันจะอัปเดตบทความที่เกี่ยวข้องกับ Highcharts ในอนาคต เพื่อนที่สนใจสามารถสนับสนุน wulin.com ต่อไป