1. Produkte
  2.   Kalkulationstabelle
  3.   Node.js
  4.   XLSX-Chart
 
  

Kostenlose Node.js‑Bibliothek zum Erstellen mehrerer Excel‑Diagramme

Top Open‑Source Node.js Bibliothek zur Erzeugung einfacher und fortgeschrittener Diagramme in Excel‑Tabellenblättern. Sie erstellt mehrere Diagramme in einer Datei, Diagramme für Web‑Downloads und Diagramme aus einer Vorlage in Node.js.

Was ist XLSX-Chart?

Wenn Sie in Node.js arbeiten und Excel-Dateien mit eingebetteten Diagrammen erzeugen müssen, ist das Open‑Source‑Paket XLSX-Chart eine sehr gute Option. Viele Bibliotheken ermöglichen das Erzeugen von Excel‑Arbeitsblättern, das Setzen von Zellwerten usw., aber nur wenige unterstützen Diagramme/Grafiken, die im XLSX eingebettet sind. XLSX-Chart schließt diese Lücke. Die API ist recht einfach – Sie geben Diagrammtyp, Titel, Felder, Daten an und schreiben dann die Datei. Es unterstützt mehrere Typen (Säule, Balken, Linie, Fläche, Radar, Streudiagramm, Kreis), sodass Sie das auswählen können, was am besten zu Ihren Daten passt. Wenn Sie mehr Kontrolle benötigen (Layout, Stile), können Sie Ihre eigene Excel‑Vorlage bereitstellen, auf der die Diagrammerstellung basiert.

XLSX-Chart ist ein leichtgewichtiges Node.js‑Paket, entwickelt von Dmitriy Samortsev, das Softwareentwicklern ermöglicht, Excel‑Diagramme programmatisch in Node.js‑Apps zu erstellen. Es bietet Methoden, um direkt in eine Datei zu schreiben oder Binärdaten zu erzeugen (für den Download via HTTP), was in Web‑Anwendungen praktisch ist. Die Bibliothek abstrahiert die Komplexität des Arbeitens mit dem Open‑XML‑Format von Excel und bietet eine intuitive API zur Generierung verschiedener Diagrammtypen. Ob Sie Business‑Intelligence‑Dashboards, automatisierte Berichtssysteme oder Datenanalyse‑Tools bauen – XLSX-Chart liefert eine unkomplizierte Lösung zur Erstellung von Excel‑Diagrammen. Die intuitive API, die Unterstützung mehrerer Diagrammtypen und die flexiblen Ausgabeoptionen machen es zu einer ausgezeichneten Wahl für Entwickler, die Reporting‑Systeme, Business‑Intelligence‑Tools oder Datenvisualisierungs‑Applikationen bauen.

Previous Next

Erste Schritte mit XLSX-Chart

Um XLSX-Chart zu installieren, können Sie npm, den Paketmanager für JavaScript, verwenden. Bitte benutzen Sie die folgenden Befehle für eine erfolgreiche Installation.

XLSX-Chart via npm installieren

npm install xlsx-chart

Sie können download das kompilierte Shared Library aus dem GitHub-Repository und es installieren.

Einfaches Säulendiagramm in Node.js erstellen

Die Open‑Source‑Bibliothek XLSX-Chart enthält vollständige Unterstützung zum Erstellen einfacher und fortgeschrittener Diagramme in Excel‑Arbeitsblättern innerhalb von Node.js‑Anwendungen. Das folgende Code‑Beispiel erzeugt ein Säulendiagramm, das die Quartalsumsätze von vier Produkten vergleicht. Das titles‑Array stellt die Datenreihen (Quartale) dar, während fields die Kategorien (Produkte) repräsentiert. Das data‑Objekt enthält die tatsächlichen Werte für jede Kombination.

Wie erstellt man ein einfaches Excel-Diagramm, das den Quartalsumsatz in Node.js zeigt?

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);
    }
});

Mehrere Diagramme in einer Datei in Node.js erstellen

Eine der leistungsstarken Funktionen von XLSX‑Chart ist das Erzeugen mehrerer Diagramme in einer einzigen Arbeitsmappe innerhalb von Node.js‑Anwendungen. Die Bibliothek ermöglicht es Entwicklern, Diagramme mit benutzerdefinierten Werten und mehreren Visualisierungen zu erstellen. Das folgende Code‑Beispiel zeigt, wie Entwickler einen umfassenden Bericht mit drei verschiedenen Diagrammtypen erstellen können. Das charts‑Array erlaubt das Definieren mehrerer Visualisierungen, jeweils mit eigener Konfiguration. Die chartTitle‑Eigenschaft gibt jedem Diagramm einen beschreibenden Namen. Das ist besonders nützlich für Management‑Dashboards oder detaillierte analytische Berichte.

Wie erstellt man mehrere Diagramme in einer Datei in Node.js-Apps?

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);

Diagramme für Web‑Downloads erzeugen

Die Open‑Source‑Bibliothek XLSX‑Chart erleichtert Entwicklern das Erzeugen von Diagrammen, die über Web‑Anwendungen leicht heruntergeladen werden können. Hier ein starkes Beispiel, das das Erzeugen eines Balkendiagramms innerhalb einer Express.js‑Route demonstriert. Die generate‑Methode gibt die Diagrammdaten als Buffer zurück, welcher dann dem Client mit den entsprechenden Headern zum Download gesendet wird. Dieser Ansatz ist ideal für die dynamische Berichtserstellung, ohne temporäre Dateien auf dem Server zu erzeugen.

Wie erstellt man Excel-Diagramme für Web-Downloads in 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);
    });
});

Benutzerdefinierte Vorlagen zur Erstellung von Excel‑Diagrammen verwenden

Für Organisationen mit spezifischen Branding‑Anforderungen bieten benutzerdefinierte Vorlagen vollständige Kontrolle über die Erstellung und Verwaltung von Excel‑Diagrammen. Die Option templatePath verweist auf eine bereits formatierte Excel‑Datei. XLSX‑Chart verwendet diese Vorlage als Grundlage und wendet Ihre Daten an, während benutzerdefinierte Formatierungen, Farben, Schriftarten und Layouts erhalten bleiben. Beachten Sie, dass benutzerdefinierte Vorlagen derzeit am besten mit Säulendiagrammen funktionieren. Der folgende Code zeigt, wie man das erreicht.

Wie erstellt man Excel-Diagramme über benutzerdefinierte Vorlagen in 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!");
    }
});
 Deutsch