1. Produkti
  2.   Izklājlapa
  3.   Node.js
  4.   XLSX-Chart
 
  

Bezmaksas Node.js bibliotēka vairākām Excel diagrammu izveidei

Vadošā atvērtā koda Node.js bibliotēka vienkāršu un progresīvu diagrammu ģenerēšanai Excel darblapā. Tā izveido vairākas diagrammas vienā failā, diagrammas tīmekļa lejupielādēm un diagrammu no veidnes Node.js vidē.

Kas ir XLSX-Chart?

Ja strādājat ar Node.js un jums ir jāģenerē Excel faili ar iekļautām diagrammām, atvērtā koda pakotne XLSX-Chart ir ļoti labs variants, ko apsvērt. Daudzas bibliotēkas ļauj ģenerēt Excel darblapas, iestatīt šūnu vērtības utt., bet mazākas atbalsta diagrammas/grafikus, kas ir iekļauti XLSX failā. XLSX-Chart aizpilda šo nepilnību. API ir salīdzinoši vienkāršs — norādāt diagrammas tipu, nosaukumus, laukus, datus, un pēc tam rakstīt failu. Tas atbalsta vairākus tipus (kolonna, josla, līnija, apgabals, radara, izkliedētā, pīrāgs), tāpēc varat izvēlēties to, kas vislabāk atbilst jūsu datiem. Ja nepieciešama lielāka kontrole (izkārtojums, stili), varat sniegt savu Excel veidni, lai no tās balstītos diagrammas ģenerēšanā.

XLSX-Chart ir viegls Node.js pakotne, ko izstrādājis Dmitriy Samortsev, kas ļauj programmatūras izstrādātājiem izveidot Excel diagrammas programmatiski Node.js lietotnēs. Tā sniedz metodes, lai rakstītu tieši failā vai ģenerētu bināros datus (lejupielādei caur HTTP), kas ir ērti tīmekļa lietojumprogrammās. Bibliotēka abstrakcē sarežģītību, strādājot ar Excel Open XML formātu, nodrošinot intuitīvu API dažādu diagrammu veidu ģenerēšanai. Neatkarīgi no tā, vai veidojat biznesa inteliģences paneļus, automatizētas atskaites sistēmas vai datu analīzes rīkus, XLSX-Chart piedāvā vienkāršu risinājumu Excel diagrammu ģenerēšanai. Tā intuīcaitā API, atbalsts vairākiem diagrammu veidiem un elastīgās izvades iespējas padara to par izcilu izvēli izstrādātājiem, kas veido atskaites sistēmas, biznesa inteliģences rīkus vai datu vizualizācijas lietojumprogrammas.

Previous Next

XLSX-Chart sākšana

Lai instalētu XLSX-Chart, varat izmantot npm, JavaScript pakotņu pārvaldnieku. Lūdzu, izmantojiet šādas komandas, lai sekmīgi instalētu.

Instalēt XLSX-Chart caur npm

npm install xlsx-chart

Jūs varat lejupielādēt kompilēto koplietoto bibliotēku no GitHub krātuves un instalēt to.

Vienkāršas kolonnas diagrammas izveide Node.js

Atvērtā koda XLSX-Chart bibliotēka piedāvā pilnu atbalstu vienkāršu un sarežģītu diagrammu izveidei Excel darblapā Node.js lietojumprogrammās. Šajā kods piemērs izveido kolonnu diagrammu, kas salīdzina ceturkšņa pārdošanas apjomus četros produktos. Titulu masīvs pārstāv datu serijas (ceturkšņi), savukārt lauki pārstāv kategorijas (produkti). Datu objekts satur faktiskās vērtības katrai kombinācijai.

Kā izveidot vienkāršu Excel diagrammu, kas parāda ceturkšņa pārdojumus Node.js vidē?

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

Vairāku diagrammu izveide vienā failā Node.js

Viena no XLSX-Chart spēcīgajām funkcijām ir vairāku diagrammu ģenerēšana vienā darba grāmatā Node.js lietojumprogrammās. Bibliotēka nodrošina programmatūras izstrādātājiem iespēju izveidot diagrammas ar pielāgotām vērtībām un vairākiem vizualizācijas veidiem. Šajā koda piemērā tiek parādīts, kā izstrādātāji var izveidot visaptverošu atskaiti ar trim dažādiem diagrammu veidiem. Diagrammu masīvs ļauj definēt vairākas vizualizācijas, katrai ar savu konfigurāciju. Īpašība chartTitle katrai diagrammai piešķir aprakstošu nosaukumu. Tas ir īpaši noderīgi vadības paneļiem vai detalizētām analītiskām atskaitēm.

Kā izveidot vairākas diagrammas vienā failā Node.js lietotnēs?

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

Diagrammu ģenerēšana tīmekļa lejupielādēm

Atvērtā koda XLSX-Chart bibliotēka atvieglo programmatūras izstrādātājiem diagrammu ģenerēšanu, kuras var viegli lejupielādēt caur tīmekļa lietotnēm. Lūk, spēcīgs piemērs, kas demonstrē joslu diagrammas ģenerēšanu Express.js maršrutā. Metode generate atgriež diagrammas datus kā buferi, kas tiek nosūtīts klientam ar atbilstošajām galvenes, lai nodrošinātu lejupielādi. Šī pieeja ir ideāla dinamiskai atskaites ģenerēšanai, neizveidojot pagaidu failus serverī.

Kā izveidot Excel diagrammas lejupielādei no tīmekļa Node.js vidē?

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

Izmantot pielāgotas veidnes Excel diagrammu izveidei

For organizations with specific branding requirements, custom templates provide complete control for creating and managing Excel charts. The templatePath option points to a pre-formatted Excel file. XLSX-Chart will use this template as the foundation, applying your data while preserving custom formatting, colors, fonts, and layouts. Note that custom templates currently work best with column charts. The following code demonstrates how to achieve it.

Kā izveidot Excel diagrammas, izmantojot pielāgotas veidnes Node.js vidē?

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

 Latviski