ไลบรารี 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 ที่ใช้งานง่าย การสนับสนุนหลายประเภทของแผนภูมิ และตัวเลือกการแสดงผลที่ยืดหยุ่น ทำให้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับนักพัฒนาที่สร้างระบบรายงาน เครื่องมือธุรกิจอัจฉริยะ หรือแอปพลิเคชันการแสดงผลข้อมูล

Previous Next

เริ่มต้นใช้งาน 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!");
    }
});

 ไทย