Highcharts - การตั้งค่าสภาพแวดล้อม

ในบทนี้จะกล่าวถึงวิธีการตั้งค่าไลบรารี Highcharts เพื่อใช้ในการพัฒนาเว็บแอปพลิเคชัน

Highcharts ต้องการ jQuery เป็นการอ้างอิง ขั้นแรกเราจะติดตั้งไลบรารี jQuery และไลบรารี Highcharts

ติดตั้ง jQuery

มีสองวิธีในการใช้ jQuery

  • Download- ดาวน์โหลดในเครื่องจากjQuery.comและใช้งานได้

  • CDN access- คุณยังสามารถเข้าถึง CDN CDN จะช่วยให้คุณสามารถเข้าถึงศูนย์ข้อมูลระดับภูมิภาคได้ทั่วโลก ในกรณีนี้โฮสต์ของ Google ซึ่งหมายความว่าการใช้ CDN จะย้ายความรับผิดชอบในการโฮสต์ไฟล์จากเซิร์ฟเวอร์ของคุณไปยังชุดไฟล์ภายนอก นอกจากนี้ยังมีข้อดีคือหากผู้เยี่ยมชมหน้าเว็บของคุณได้ดาวน์โหลดสำเนา jQuery จาก CDN เดียวกันแล้วจะไม่ต้องดาวน์โหลดซ้ำ

ใช้ดาวน์โหลด jQuery

รวมไฟล์ jQuery JavaScript ในเพจ HTML โดยใช้สคริปต์ต่อไปนี้ -

<head>
   <script src = "/jquery/jquery.min.js"></script>
</head>

ใช้ CDN

เรากำลังใช้ไลบรารี jQuery เวอร์ชัน CDN ตลอดบทช่วยสอนนี้

รวมไฟล์ jQuery JavaScript ในเพจ HTML โดยใช้สคริปต์ต่อไปนี้ -

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
   </script>
</head>

ติดตั้ง Highcharts

ต่อไปนี้เป็นสองวิธีในการใช้ Highcharts

  • Download- ดาวน์โหลดในเครื่องจากhighcharts.comและใช้งานได้

  • CDN access- คุณยังสามารถเข้าถึง CDN CDN จะช่วยให้คุณสามารถเข้าถึงศูนย์ข้อมูลระดับภูมิภาคได้ทั่วโลก ในกรณีนี้โฮสต์ Highcharts - Code.Highcharts.Com

การใช้ Highcharts ที่ดาวน์โหลด

รวมไฟล์ Highcharts JavaScript ในเพจ HTML โดยใช้สคริปต์ต่อไปนี้ -

<head>
   <script src = "/highcharts/highcharts.js"></script>
</head>

ใช้ CDN

เรากำลังใช้ไลบรารี Highcharts เวอร์ชัน CDN ตลอดบทช่วยสอนนี้

รวมไฟล์ Highcharts JavaScript ในเพจ HTML โดยใช้สคริปต์ต่อไปนี้ -

<head>
   <script src = "https://code.highcharts.com/highcharts.js"></script>
</head>