Highcharts - ภาพรวม

Highchartsเป็นไลบรารีการสร้างแผนภูมิแบบ JavaScript ที่มีวัตถุประสงค์เพื่อปรับปรุงเว็บแอปพลิเคชันโดยเพิ่มความสามารถในการสร้างแผนภูมิแบบโต้ตอบ รองรับแผนภูมิที่หลากหลาย แผนภูมิถูกวาดโดยใช้ SVG ในเบราว์เซอร์มาตรฐานเช่น Chrome, Firefox, Safari, Internet Explorer (IE) ใน IE 6 แบบเดิม VML จะใช้ในการวาดกราฟิก

คุณสมบัติของห้องสมุด Highcharts

ตอนนี้ให้เราพูดถึงคุณสมบัติที่สำคัญบางประการของห้องสมุด Highcharts

  • Compatability - ใช้งานได้กับเบราว์เซอร์และแพลตฟอร์มมือถือหลัก ๆ ทั้งหมดเช่น Android และ iOS

  • Multitouch Support - รองรับมัลติทัชบนแพลตฟอร์มที่ใช้หน้าจอสัมผัสเช่น Android และ iOS เหมาะสำหรับ iPhone / iPad และสมาร์ทโฟน / แท็บเล็ตที่ใช้ Android

  • Free to Use - โอเพ่นซอร์สและใช้งานได้ฟรีเพื่อจุดประสงค์ที่ไม่ใช่เชิงพาณิชย์

  • Lightweight - ไลบรารีหลัก highcharts.js ที่มีขนาดเกือบ 35KB เป็นไลบรารีที่มีน้ำหนักเบามาก

  • Simple Configurations - ใช้ json เพื่อกำหนดการกำหนดค่าต่างๆของแผนภูมิและง่ายต่อการเรียนรู้และใช้งาน

  • Dynamic - อนุญาตให้แก้ไขแผนภูมิแม้หลังจากสร้างแผนภูมิแล้ว

  • Multiple axes- ไม่ จำกัด เฉพาะแกน x, y รองรับหลายแกนบนแผนภูมิ

  • Configurable tooltips- Tooltip เกิดขึ้นเมื่อผู้ใช้วางเมาส์เหนือจุดใด ๆ บนแผนภูมิ Highcharts ให้คำแนะนำเครื่องมือจัดรูปแบบ inbuilt หรือตัวจัดรูปแบบการเรียกกลับเพื่อควบคุมคำแนะนำเครื่องมือโดยทางโปรแกรม

  • DateTime support- จัดการวันเวลาเป็นพิเศษ ให้การควบคุม inbuilt มากมายในหมวดหมู่ที่ชาญฉลาดวันที่

  • Export - ส่งออกแผนภูมิเป็นรูปแบบ PDF / PNG / JPG / SVG โดยเปิดใช้งานคุณสมบัติการส่งออก

  • Print - พิมพ์แผนภูมิโดยใช้หน้าเว็บ

  • Zoomablity - รองรับแผนภูมิการซูมเพื่อดูข้อมูลอย่างแม่นยำยิ่งขึ้น

  • External data- รองรับการโหลดข้อมูลแบบไดนามิกจากเซิร์ฟเวอร์ ให้การควบคุมข้อมูลโดยใช้ฟังก์ชันการโทรกลับ

  • Text Rotation - รองรับการหมุนฉลากในทิศทางใดก็ได้

ประเภทแผนภูมิที่รองรับ

ห้องสมุด Highcharts มีแผนภูมิประเภทต่อไปนี้ -

ซีเนียร์ ประเภทแผนภูมิและคำอธิบาย
1

Line Charts

ใช้ในการวาดแผนภูมิตามเส้น / เส้นโค้ง

2

Area Charts

ใช้เพื่อวาดแผนภูมิพื้นที่ที่ชาญฉลาด

3

Pie Charts

ใช้ในการวาดแผนภูมิวงกลม

4

Scatter Charts

ใช้เพื่อวาดแผนภูมิที่กระจัดกระจาย

5

Bubble Charts

ใช้เพื่อวาดแผนภูมิฟอง

6

Dynamic Charts

ใช้เพื่อวาดแผนภูมิแบบไดนามิกที่ผู้ใช้สามารถแก้ไขแผนภูมิได้

7

Combinations

ใช้เพื่อวาดการรวมกันของแผนภูมิต่างๆ

8

3D Charts

ใช้เพื่อวาดแผนภูมิ 3 มิติ

9

Angular Gauges

ใช้ในการวาดแผนภูมิประเภทมาตรวัดความเร็ว

10

Heat Maps

ใช้ในการวาดแผนที่ความร้อน

11

Tree Maps

ใช้ในการวาดแผนที่ต้นไม้

ในบทต่อ ๆ ไปเราจะพูดถึงแผนภูมิที่กล่าวถึงข้างต้นแต่ละประเภทโดยละเอียดพร้อมตัวอย่าง

ใบอนุญาต

Highcharts เป็นโอเพ่นซอร์สและใช้งานได้ฟรีเพื่อวัตถุประสงค์ที่ไม่ใช่เชิงพาณิชย์ หากต้องการใช้ Highcharts ในโครงการเชิงพาณิชย์ให้ไปที่ลิงค์ - ใบอนุญาตและราคา