ไลบรารี Node.js ฟรีสำหรับสร้างหลายแผนภูมิ Excel
ไลบรารี Node.js แบบโอเพ่นซอร์สชั้นนำสำหรับสร้างแผนภูมิโดยง่ายและขั้นสูงในแผ่นงาน Excel มันสร้างหลายแผนภูมิในไฟล์เดียว, แผนภูมิสำหรับการดาวน์โหลดบนเว็บ และแผนภูมิจากเทมเพลตภายใน Node.js.
XLSX-Chart คืออะไร?
หากคุณทำงานใน Node.js และต้องการสร้างไฟล์ Excel ที่ฝังแผนภูมิไว้ในนั้น แพคเกจโอเพ่นซอร์ส XLSX-Chart เป็นตัวเลือกที่ดีมากให้พิจารณา ไลบรารีหลายตัวอนุญาตให้คุณสร้าง Worksheet ของ Excel ตั้งค่าค่าในเซลล์ ฯลฯ แต่มีน้อยที่รองรับแผนภูมิ/กราฟที่ฝังในไฟล์ XLSX XLSX-Chart เติมเต็มช่องว่างนี้ API ค่อนข้างตรงไปตรงมา — คุณระบุประเภทแผนภูมิ ชื่อเรื่อง ฟิลด์ และข้อมูล แล้วเขียนไฟล์ รองรับหลายประเภท (คอลัมน์, แถบ, เส้น, พื้นที่, เรดาร์, จุดกระจาย, พาย) เพื่อให้คุณเลือกตามข้อมูลของคุณ หากต้องการการควบคุมมากขึ้น (การจัดวาง, สไตล์) คุณสามารถใช้เทมเพลต Excel ของคุณเองเป็นฐานในการสร้างแผนภูมิ
XLSX-Chart เป็นแพคเกจ Node.js ที่เบาและพัฒนาโดย Dmitriy Samortsev ซึ่งช่วยให้นักพัฒนาซอฟต์แวร์สร้างแผนภูมิ Excel ด้วยโปรแกรมภายในแอป Node.js ได้ มันให้วิธีการเขียนโดยตรงไปยังไฟล์หรือสร้างข้อมูลไบนารี (สำหรับดาวน์โหลดผ่าน HTTP) ซึ่งสะดวกในการใช้งานบนเว็บ ไลบรารีนี้ลบความซับซ้อนของการทำงานกับรูปแบบ Open XML ของ Excel โดยให้ API ที่ใช้งานง่ายสำหรับสร้างแผนภูมิหลายประเภท ไม่ว่าคุณจะสร้างแดชบอร์ดธุรกิจอัจฉริยะ ระบบรายงานอัตโนมัติ หรือเครื่องมือวิเคราะห์ข้อมูล XLSX-Chart จะให้โซลูชันที่ตรงไปตรงมาสำหรับการสร้างแผนภูมิ Excel API ที่ใช้งานง่าย การสนับสนุนหลายประเภทของแผนภูมิ และตัวเลือกการแสดงผลที่ยืดหยุ่น ทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับนักพัฒนาที่สร้างระบบรายงาน เครื่องมือธุรกิจอัจฉริยะ หรือแอปพลิเคชันการแสดงผลข้อมูล
เริ่มต้นใช้งาน XLSX-Chart
เพื่อการติดตั้ง XLSX-Chart คุณสามารถใช้ npm ซึ่งเป็นตัวจัดการแพคเกจสำหรับ JavaScript โปรดใช้คำสั่งต่อไปนี้เพื่อการติดตั้งที่สำเร็จ
ติดตั้ง XLSX-Chart ผ่าน npm
npm install xlsx-chartคุณสามารถ ดาวน์โหลด ไลบรารีที่คอมไพล์แล้วจากที่เก็บ GitHub และติดตั้งมัน
สร้างแผนภูมิคอลัมน์แบบง่ายใน Node.js
ไลบรารี XLSX-Chart แบบโอเพ่นซอร์สได้รวมการสนับสนุนอย่างครบถ้วนสำหรับการสร้างแผนภูมิแบบง่ายและขั้นสูงในแผ่นงาน Excel ภายในแอปพลิเคชัน Node.js ตัวอย่างโค้ดต่อไปนี้สร้างแผนภูมิคอลัมน์เปรียบเทียบยอดขายรายไตรมาสของสี่ผลิตภัณฑ์ อาร์เรย์ titles แสดงชุดข้อมูล (ไตรมาส) ในขณะที่ fields แสดงหมวดหมู่ (ผลิตภัณฑ์) วัตถุ data มีค่าจริงสำหรับแต่ละการผสม
วิธีสร้างแผนภูมิ Excel ง่ายที่แสดงยอดขายรายไตรมาสภายใน Node.js?
var XLSXChart = require("xlsx-chart");
var xlsxChart = new XLSXChart();
var opts = {
file: "sales-report.xlsx",
chart: "column",
titles: [
"Q1 Sales",
"Q2 Sales",
"Q3 Sales"
],
fields: [
"Product A",
"Product B",
"Product C",
"Product D"
],
data: {
"Q1 Sales": {
"Product A": 5,
"Product B": 10,
"Product C": 15,
"Product D": 20
},
"Q2 Sales": {
"Product A": 10,
"Product B": 5,
"Product C": 20,
"Product D": 15
},
"Q3 Sales": {
"Product A": 20,
"Product B": 15,
"Product C": 10,
"Product D": 5
}
}
};
xlsxChart.writeFile(opts, function(err) {
if (err) {
console.error("Error generating chart:", err);
} else {
console.log("Chart created successfully:", opts.file);
}
});
สร้างหลายแผนภูมิในไฟล์เดียวใน Node.js
หนึ่งในคุณลักษณะที่ทรงพลังของ XLSX-Chart คือการสร้างหลายแผนภูมิในสมุดงานเดียวภายในแอปพลิเคชัน Node.js ไลบรารีทำให้นักพัฒนาซอฟต์แวร์สร้างแผนภูมิด้วยค่าที่กำหนดเองและการแสดงผลหลายแบบ ตัวอย่างโค้ดต่อไปนี้แสดงวิธีที่นักพัฒนาสามารถสร้างรายงานครอบคลุมด้วยแผนภูมิสามประเภทที่แตกต่างกัน อาร์เรย์ charts ให้คุณกำหนดการแสดงผลหลายแบบ แต่ละแบบมีการกำหนดค่าของตนเอง คุณสมบัติ chartTitle ให้ชื่ออธิบายกับแต่ละแผนภูมิ สิ่งนี้มีประโยชน์โดยเฉพาะสำหรับแดชบอร์ดระดับผู้บริหารหรือรายงานวิเคราะห์ละเอียด
วิธีสร้างหลายแผนภูมิในไฟล์เดียวภายในแอป Node.js?
let fs = require("fs");
let XLSXChart = require("xlsx-chart");
let xlsxChart = new XLSXChart();
let opts = {
charts: [{
chart: "column",
titles: ["2023", "2024"],
fields: ["Jan", "Feb", "Mar", "Apr"],
data: {
"2023": {
"Jan": 100,
"Feb": 120,
"Mar": 140,
"Apr": 130
},
"2024": {
"Jan": 110,
"Feb": 135,
"Mar": 150,
"Apr": 145
}
},
chartTitle: "Monthly Performance Comparison"
}, {
chart: "line",
titles: ["Website Traffic", "Mobile Traffic"],
fields: ["Week 1", "Week 2", "Week 3", "Week 4"],
data: {
"Website Traffic": {
"Week 1": 5000,
"Week 2": 5500,
"Week 3": 6000,
"Week 4": 6200
},
"Mobile Traffic": {
"Week 1": 3000,
"Week 2": 3500,
"Week 3": 4200,
"Week 4": 4800
}
},
chartTitle: "Traffic Analysis"
}, {
chart: "pie",
titles: ["Market Share"],
fields: ["Company A", "Company B", "Company C", "Others"],
data: {
"Market Share": {
"Company A": 35,
"Company B": 28,
"Company C": 22,
"Others": 15
}
},
chartTitle: "Market Distribution"
}]
};
xlsxChart.generate(opts, function(err, data) {
if (err) {
console.error("Error:", err);
return;
}
fs.writeFileSync("comprehensive-report.xlsx", data);
console.log("Multi-chart report created successfully!");
});
require('fs').writeFileSync('inventory.xlsx', report);
สร้างแผนภูมิสำหรับการดาวน์โหลดบนเว็บ
ไลบรารี XLSX-Chart แบบโอเพ่นซอร์สทำให้การสร้างแผนภูมิสำหรับนักพัฒนาซอฟต์แวร์ทำได้ง่ายและสามารถดาวน์โหลดได้ผ่านเว็บแอปพลิเคชัน ตัวอย่างที่ทรงพลังต่อไปนี้แสดงการสร้างแผนภูมิแท่งภายในเส้นทางของ Express.js วิธี generate จะคืนข้อมูลแผนภูมิเป็นบัฟเฟอร์ ซึ่งจากนั้นส่งไปยังไคลเอ็นต์พร้อมหัวข้อที่เหมาะสมสำหรับการดาวน์โหลด วิธีนี้เหมาะสำหรับการสร้างรายงานแบบไดนามิกโดยไม่ต้องสร้างไฟล์ชั่วคราวบนเซิร์ฟเวอร์
วิธีสร้างแผนภูมิ Excel สำหรับการดาวน์โหลดบนเว็บภายใน Node.js?
var XLSXChart = require("xlsx-chart");
var xlsxChart = new XLSXChart();
// Express.js route example
app.get('/download-report', function(req, res) {
var opts = {
chart: "bar",
titles: ["Revenue", "Expenses", "Profit"],
fields: ["January", "February", "March", "April"],
data: {
"Revenue": {
"January": 50000,
"February": 55000,
"March": 60000,
"April": 58000
},
"Expenses": {
"January": 30000,
"February": 32000,
"March": 35000,
"April": 33000
},
"Profit": {
"January": 20000,
"February": 23000,
"March": 25000,
"April": 25000
}
}
};
xlsxChart.generate(opts, function(err, data) {
if (err) {
return res.status(500).send("Error generating chart");
}
res.set({
"Content-Type": "application/vnd.ms-excel",
"Content-Disposition": "attachment; filename=financial-report.xlsx",
"Content-Length": data.length
});
res.status(200).send(data);
});
});
ใช้เทมเพลตกำหนดเองเพื่อสร้างแผนภูมิ Excel
สำหรับองค์กรที่มีข้อกำหนดการสร้างแบรนด์เฉพาะ, เทมเพลตกำหนดเองให้การควบคุมเต็มที่ในการสร้างและจัดการแผนภูมิ Excel. ตัวเลือก templatePath ชี้ไปที่ไฟล์ Excel ที่จัดรูปแบบไว้ล่วงหน้า. XLSX-Chart จะใช้เทมเพลตนี้เป็นพื้นฐาน, นำข้อมูลของคุณไปใช้พร้อมคงรูปแบบสี, ฟอนต์, และเลย์เอาต์ที่กำหนดเองไว้. หมายเหตุว่าเทมเพลตกำหนดเองในขณะนี้ทำงานดีที่สุดกับแผนภูมิคอลัมน์. โค้ดต่อไปนี้แสดงวิธีทำ.
วิธีสร้างแผนภูมิ Excel ผ่านเทมเพลตกำหนดเองภายใน Node.js?
var XLSXChart = require("xlsx-chart");
var xlsxChart = new XLSXChart();
var opts = {
file: "branded-report.xlsx",
chart: "column",
templatePath: __dirname + "/templates/company-template.xlsx",
titles: ["Sales Team A", "Sales Team B"],
fields: ["Q1", "Q2", "Q3", "Q4"],
data: {
"Sales Team A": {
"Q1": 45000,
"Q2": 52000,
"Q3": 58000,
"Q4": 61000
},
"Sales Team B": {
"Q1": 42000,
"Q2": 48000,
"Q3": 55000,
"Q4": 59000
}
}
};
xlsxChart.writeFile(opts, function(err) {
if (err) {
console.error("Template error:", err);
} else {
console.log("Branded report created!");
}
});