Ingyenes Node.js könyvtár több Excel diagram létrehozásához
Legfelsőbb nyílt forráskódú Node.js könyvtár egyszerű és fejlett diagramok generálásához Excel munkalapon. Egy fájlban több diagramot hoz létre, diagramokat webes letöltésekhez és sablonból készít diagramot Node.js környezetben.
Mi az XLSX-Chart?
Ha Node.js‑ben dolgozik, és beágyazott diagramokkal ellátott Excel fájlokat kell generálnia, az open‑source XLSX‑Chart csomag nagyon jó választás. Számos könyvtár lehetővé teszi Excel munkalapok generálását, cellaértékek beállítását stb., de kevesebb támogatja a XLSX‑be beágyazott diagramok/ábrák készítését. Az XLSX‑Chart ezt a hiányt pótolja. Az API elég egyszerű – megadja a diagram típusát, címeit, mezőit, adatait, majd kiírja a fájlt. Több típust támogat (oszlop, sáv, vonal, terület, radar, szórt, kör), így a legmegfelelőbbet választhatja adataihoz. Ha több szabályozásra (elrendezés, stílusok) van szüksége, saját Excel sablont is megadhat, amelyre a diagram generálását alapozza.
Az XLSX‑Chart egy könnyű Node.js csomag, amelyet Dmitriy Samortsev fejlesztett ki, és lehetővé teszi a szoftverfejlesztőknek, hogy programozott módon Excel diagramokat hozzanak létre Node.js‑es alkalmazásokban. Metódusokat biztosít a fájlba közvetlen íráshoz vagy bináris adat generálásához (HTTP‑es letöltéshez), ami webalkalmazásokban hasznos. A könyvtár elrejti az Excel Open XML formátummal való munkálás bonyolultságát, és egy intuitív API‑t kínál különböző diagramtípusok generálásához. Akár üzleti intelligencia dashboardot, automatizált jelentéskészítő rendszert vagy adat‑elemző eszközt épít, az XLSX‑Chart egyszerű megoldást nyújt az Excel diagramok generálására. Az intuitív API, a több diagramtípus támogatása és a rugalmas kimeneti lehetőségek miatt kiváló választás a jelentéskészítő rendszerek, üzleti intelligencia eszközök vagy adat‑vizualizációs alkalmazások fejlesztői számára.
Első lépések az XLSX-Chart használatával
Az XLSX‑Chart telepítéséhez használhatja az npm‑et, a JavaScript csomagkezelőt. Kérjük, használja a következő parancsokat a sikeres telepítéshez.
XLSX-Chart telepítése npm‑vel
npm install xlsx-chartA letöltheti a lefordított megosztott könyvtárat a GitHub tárolóból és telepítheti.
Egyszerű oszlopdiagram létrehozása Node.js-ben
Az open‑source XLSX‑Chart könyvtár teljes körű támogatást biztosít egyszerű és fejlett diagramok létrehozásához egy Excel munkalapon Node.js alkalmazásokban. Az alábbi kódpélda egy oszlopdiagramot hoz létre, amely a negyedéves értékesítést négy termék között hasonlítja össze. A titles tömb az adat sorozatot (negyedéveket) képviseli, míg a fields a kategóriákat (termékeket). A data objektum tartalmazza az egyes kombinációk tényleges értékeit.
Hogyan hozzunk létre egyszerű Excel diagramot, amely a negyedéves értékesítést mutatja Node.js‑ben?
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);
}
});
Több diagram létrehozása egy fájlban Node.js-ben
Az XLSX‑Chart egyik erőteljes funkciója, hogy egyetlen munkafüzetben több diagramot tud generálni Node.js alkalmazásokban. A könyvtár lehetővé teszi a fejlesztőknek egyedi értékekkel és több vizualizációval rendelkező diagramok létrehozását. Az alábbi kódpélda megmutatja, hogyan készíthetnek a fejlesztők egy átfogó jelentést három különböző diagramtípussal. A charts tömb lehetővé teszi több vizualizáció definiálását, mindegyik saját konfigurációval. A chartTitle tulajdonság minden diagramnak leíró nevet ad. Ez különösen hasznos vezetői irányítópultok vagy részletes analitikai jelentések esetén.
Hogyan készítsünk több diagramot egy fájlban Node.js‑es alkalmazásokban?
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);
Diagramok generálása webes letöltésekhez
Az open‑source XLSX‑Chart könyvtár megkönnyíti a fejlesztők számára, hogy olyan diagramokat generáljanak, amelyeket könnyen le lehet tölteni webes alkalmazásokon keresztül. Itt egy erőteljes példa, amely bemutatja egy sávdiagram generálását egy Express.js útvonalon belül. A generate metódus a diagram adatokat bufferként adja vissza, amelyet aztán megfelelő fejléc beállításokkal küldenek a kliensnek a letöltéshez. Ez a megközelítés ideális dinamikus jelentéskészítéshez anélkül, hogy ideiglenes fájlokat hozna létre a szerveren.
Hogyan hozzunk létre Excel diagramokat webes letöltésekhez Node.js‑ben?
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);
});
});
Egyedi sablonok használata Excel diagramok létrehozásához
A speciális márkakövetelményekkel rendelkező szervezetek számára az egyedi sablonok teljes irányítást biztosítanak az Excel diagramok létrehozásához és kezeléséhez. A templatePath beállítás egy előre formázott Excel fájlra mutat. Az XLSX-Chart ezt a sablont alapként használja, és az adatokat alkalmazza, miközben megőrzi az egyedi formázást, színeket, betűtípusokat és elrendezéseket. Megjegyzés: az egyedi sablonok jelenleg leginkább oszlopdiagramokkal működnek a legjobban. Az alábbi kód bemutatja, hogyan érhető el ez.
Hogyan készítsünk Excel diagramokat egyedi sablonokból Node.js‑ben?
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!");
}
});
