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 ในโครงการเชิงพาณิชย์ให้ไปที่ลิงค์ - ใบอนุญาตและราคา