การให้คะแนนโดยบรรณาธิการ: การให้คะแนนของผู้ใช้: [ทั้งหมด: 0 เฉลี่ย: 0/5].ilfs_responsive_below_title_1 { width: 300px; } @media (ความกว้างต่ำสุด: 500px) {.ilfs_responsive_below_title_1 { width: 300px; } } @media (ความกว้างต่ำสุด: 800px) {.ilfs_responsive_below_title_1 { width: 336px; } }
24HourCharts เป็น API ฟรีเพื่อสร้างแผนภูมิในรูปแบบ SVG และ PNG ที่นี่คุณสามารถใช้เพื่อสร้างแผนภูมิแบบไดนามิกโดยส่งคำขอ API อย่างง่าย คุณเพียงแค่ต้องระบุข้อมูลแผนภูมิ จากนั้นมันก็จะสร้างให้คุณในเวลาไม่นาน รองรับแผนภูมิแท่ง แถบแนวนอน เส้น พาย แท่งแบบเรียงซ้อน แท่งแนวนอนแบบเรียงซ้อน และแผนภูมิประเภทเส้นแบบเรียงซ้อน
ในการตอบสนอง API คุณจะได้รับแผนภูมิที่สร้างขึ้นเป็น HTML แบบฝัง SVG หรือ ภาพ PNG ไวยากรณ์คำขอ API นั้นค่อนข้างยาว แต่เมื่อคุณเข้าใจแล้ว ครั้งต่อไปจะสร้างการโทรได้ง่ายขึ้น คุณสามารถส่งคำขอ API ผ่านภาษาการเขียนโปรแกรมใดๆ ที่คุณรู้จัก เช่นเดียวกับการใช้ไคลเอ็นต์บรรทัดคำสั่ง HTTP เช่น cURL และ Httpie
การสร้างแผนภูมิแบบไดนามิกอาจเป็นเรื่องยาก หากคุณกำลังสร้างแอพบางตัวที่ต้องมีการสร้างแผนภูมิ การฮาร์ดโค้ดนั้นอาจไม่มีประสิทธิภาพ และนั่นคือที่ที่คุณสามารถใช้ 24HourCharts ได้ เพียงรับคีย์ API แล้วเริ่มการเรียก API คุณสามารถส่งคำขอได้ฟรี 100 รายการต่อวัน
API ฟรีเพื่อสร้างแผนภูมิในรูปแบบ SVG และ PNG
24HourCharts โฮสต์บน RapidAPI คุณเพียงแค่สร้างบัญชีฟรี จากนั้นสมัครรับข้อมูล API นี้ที่นี่ หรือถ้าคุณมีบัญชี RapidAPI อยู่แล้ว คุณก็เข้าสู่ระบบแล้วเรียนรู้เกี่ยวกับเส้นทางและเอกสารที่มีอยู่ได้เลย
จากนั้น ให้คุณเริ่มส่งคำขอ API เพียงเลือกภาษาการเขียนโปรแกรมจากรายการ และจะแสดงไวยากรณ์ API ที่สอดคล้องกัน คุณสามารถดูภาพหน้าจอด้านล่างนี้
ในกรณีของฉัน ฉันจะทำการเรียก API จากเทอร์มินัลโดยใช้ cURL ดังนั้น คุณเพียงแค่คัดลอกคำสั่ง cURL แล้ววางลงในเทอร์มินัล สำหรับการสร้างแผนภูมิแท่งอย่างง่าย คุณสามารถใช้ไวยากรณ์ต่อไปนี้ มี 3 เส้นทางสำหรับรุ่น; สำหรับ SVG สำหรับ PNG และสำหรับ HTML ตอนนี้ คุณได้รับการตอบสนอง ฉันได้บันทึกผลลัพธ์ที่สร้างจากการเรียก API ด้านบนในไฟล์ SVG แล้ว
curl–request POST \–url https://24hourcharts.p.rapidapi.com/v1/charts/html \–header’content-type: application/json’\–header’x-rapidapi-host: 24hourcharts.p.rapidapi.com’\–header’x-rapidapi-key: 3f7be51bd1mshcc52081266dee73p13ccebjsn69937ced43c9’\–data'{“type”:”bar”,”title”:”Sample Chart”,”labels”: [“Jan”,”Feb”,”Mar”],”datasets”: [ {“label”:”Totals”,”values”: [“$620.00″,”$577.67″,”$719.33″,”$931.33″,”$712.08”] } ] }’
เปิดไฟล์ SVG ในเบราว์เซอร์เพื่อดูแผนภูมิที่ API สร้างขึ้น หากไฟล์ SVG มีขนาดใหญ่เกินไป คุณสามารถบีบอัดโดยใช้ซอฟต์แวร์เพิ่มประสิทธิภาพ SVG ได้ ง่ายนิดเดียว
ด้วยวิธีนี้ คุณสามารถใช้ API การสร้างแผนภูมิอย่างง่ายได้ฟรี เพียงแก้ไขการเรียก API จากนั้นดำเนินการเพื่อสร้างแผนภูมิ คุณสามารถสร้างแผนภูมิไดนามิก แล้วใช้งานได้ทุกที่ที่ต้องการ
ความคิดสุดท้าย:
การสร้างแผนภูมิแบบกำหนดเองอาจเป็นเรื่องยาก แต่ตอนนี้คุณสามารถทำได้โดยใช้ 24HourCharts API ด้วยวิธีนี้ คุณยังสามารถสร้างแผนภูมิหลังจากได้รับข้อมูลตามที่ผู้ใช้ป้อน สำหรับตอนนี้ นี่เป็น API ที่ดีมาก และทำงานได้ตามที่กล่าวไว้ หากคุณเป็นนักพัฒนาเว็บ คุณสามารถทดลองใช้ตอนนี้และแจ้งให้เราทราบว่าคุณคิดอย่างไรกับมัน
