Perpustakaan Node.js Gratis untuk Membuat Beberapa Diagram Excel
Perpustakaan Node.js Open Source Teratas untuk Menghasilkan Diagram Sederhana dan Lanjutan di Worksheet Excel. Ia Membuat Beberapa Diagram dalam Satu File, Diagram untuk Unduhan Web & Diagram dari Templat di dalam Node.js.
Apa itu XLSX-Chart?
Jika Anda bekerja dengan Node.js dan perlu menghasilkan file Excel dengan diagram yang tertanam, paket open‑source XLSX-Chart adalah pilihan yang sangat baik untuk dipertimbangkan. Banyak perpustakaan memungkinkan Anda membuat Worksheet Excel, mengatur nilai sel, dll., tetapi lebih sedikit yang mendukung diagram/grafik yang tertanam dalam XLSX. XLSX-Chart mengisi kekosongan itu. API‑nya cukup sederhana — Anda menentukan tipe diagram, judul, bidang, data, dan kemudian menulis file. Ia mendukung beberapa tipe (kolom, batang, garis, area, radar, sebar, pai) sehingga Anda dapat memilih yang paling sesuai dengan data Anda. Jika Anda memerlukan kontrol lebih (tata letak, gaya), Anda dapat menyediakan templat Excel Anda sendiri sebagai dasar pembuatan diagram.
XLSX-Chart adalah paket Node.js ringan yang dikembangkan oleh Dmitriy Samortsev yang memungkinkan pengembang perangkat lunak membuat diagram Excel secara programatik di dalam aplikasi Node.js. Paket ini menyediakan metode untuk menulis langsung ke file atau menghasilkan data biner (untuk diunduh via HTTP) yang berguna dalam aplikasi web. Perpustakaan ini menyederhanakan kompleksitas bekerja dengan format Open XML Excel, menyediakan API yang intuitif untuk menghasilkan berbagai tipe diagram. Baik Anda membangun dasbor intelijen bisnis, sistem pelaporan otomatis, atau alat analisis data, XLSX-Chart menawarkan solusi sederhana untuk pembuatan diagram Excel. API yang intuitif, dukungan untuk banyak tipe diagram, dan opsi keluaran yang fleksibel menjadikannya pilihan yang sangat baik bagi pengembang yang membangun sistem pelaporan, alat intelijen bisnis, atau aplikasi visualisasi data.
Memulai dengan XLSX-Chart
Untuk menginstal XLSX-Chart, Anda dapat menggunakan npm, manajer paket untuk JavaScript. Silakan gunakan perintah berikut untuk instalasi yang berhasil.
Instal XLSX-Chart via npm
npm install xlsx-chartAnda dapat mengunduh perpustakaan bersama yang telah dikompilasi dari repositori GitHub dan menginstalnya.
Membuat Diagram Kolom Sederhana di Node.js
Perpustakaan open source XLSX-Chart telah menyertakan dukungan lengkap untuk membuat diagram sederhana dan lanjutan di worksheet Excel dalam aplikasi Node.js. Contoh kode berikut membuat diagram kolom yang membandingkan penjualan kuartalan pada empat produk. Array judul mewakili seri data (kuartal), sementara fields mewakili kategori (produk). Objek data berisi nilai aktual untuk setiap kombinasi.
Bagaimana Membuat Diagram Excel Sederhana yang Menampilkan Penjualan Kuartalan di Dalam 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);
}
});
Buat Beberapa Diagram dalam Satu File di Node.js
Salah satu fitur kuat XLSX-Chart adalah menghasilkan beberapa diagram dalam satu workbook di dalam aplikasi Node.js. Perpustakaan ini memungkinkan pengembang perangkat lunak membuat diagram dengan nilai kustom dan beberapa visualisasi. Contoh kode berikut menunjukkan cara pengembang dapat membuat laporan komprehensif dengan tiga tipe diagram yang berbeda. Array charts memungkinkan Anda mendefinisikan beberapa visualisasi, masing‑masing dengan konfigurasi sendiri. Properti chartTitle memberikan setiap diagram nama deskriptif. Ini sangat berguna untuk dasbor eksekutif atau laporan analitis yang detail.
Bagaimana Membuat Beberapa Diagram dalam Satu File di Aplikasi 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);
Menghasilkan Diagram untuk Unduhan Web
Perpustakaan open source XLSX-Chart memudahkan pengembang perangkat lunak menghasilkan diagram yang dapat diunduh dengan mudah melalui aplikasi web. Berikut adalah contoh kuat yang menunjukkan cara menghasilkan diagram batang dalam route Express.js. Metode generate mengembalikan data diagram sebagai buffer, yang kemudian dikirim ke klien dengan header yang tepat untuk pengunduhan. Pendekatan ini ideal untuk pembuatan laporan dinamis tanpa harus membuat file sementara di server.
Bagaimana Membuat Diagram Excel untuk Unduhan Web di Dalam 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);
});
});
Gunakan Templat Kustom untuk Membuat Diagram Excel
Untuk organisasi dengan persyaratan merek khusus, templat kustom memberikan kontrol penuh untuk membuat dan mengelola diagram Excel. Opsi templatePath mengarah ke file Excel yang telah diformat sebelumnya. XLSX-Chart akan menggunakan templat ini sebagai dasar, menerapkan data Anda sambil mempertahankan pemformatan, warna, font, dan tata letak khusus. Perlu dicatat bahwa templat kustom saat ini paling cocok untuk diagram kolom. Kode berikut menunjukkan cara mencapainya.
Bagaimana Membuat Diagram Excel melalui Templat Kustom di Dalam 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!");
}
});
