PHPackages                             diegocopat/pacchetto-vuejs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. diegocopat/pacchetto-vuejs

ActiveLibrary[Utility & Helpers](/categories/utility)

diegocopat/pacchetto-vuejs
==========================

Generatore di configurazioni per grafici Vue.js

1.0.2(1y ago)07MITPHPPHP >=7.4

Since Mar 8Pushed 1y ago1 watchersCompare

[ Source](https://github.com/DiegoCopat/pacchetto-vuejs)[ Packagist](https://packagist.org/packages/diegocopat/pacchetto-vuejs)[ RSS](/packages/diegocopat-pacchetto-vuejs/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (1)Versions (3)Used By (0)

Pacchetto VueJS
===============

[](#pacchetto-vuejs)

Un pacchetto PHP per generare configurazioni di grafici per Vue.js utilizzando ApexCharts. Questo pacchetto semplifica l'integrazione tra backend PHP e frontend Vue.js, permettendo di creare grafici moderni, interattivi e visivamente accattivanti.

Caratteristiche
---------------

[](#caratteristiche)

- Generazione di configurazioni per ApexCharts
- Supporto per vari tipi di grafici (linea, barre, torta, donut, area, radar)
- Personalizzazione completa di colori, stili e opzioni
- Generazione di componenti Vue.js completi
- Supporto per grafici statici e dinamici
- Interfaccia fluida con method chaining

Requisiti
---------

[](#requisiti)

- PHP 7.4 o superiore
- Composer
- Vue.js 3.x (per il frontend)
- ApexCharts.js e vue3-apexcharts (per il frontend)

Installazione
-------------

[](#installazione)

### 1. Installazione tramite Composer

[](#1-installazione-tramite-composer)

```
composer require diegocopat/pacchetto-vuejs
```

### 2. Pubblicazione degli asset (Laravel)

[](#2-pubblicazione-degli-asset-laravel)

Dopo aver installato il pacchetto con Composer, hai due opzioni per pubblicare gli asset necessari:

#### Opzione 1: Utilizzare il comando vendor:publish standard

[](#opzione-1-utilizzare-il-comando-vendorpublish-standard)

```
php artisan vendor:publish --provider="DiegoCopat\PacchettoVueJs\PacchettoVueJsServiceProvider"
```

Questo comando pubblicherà:

- Gli asset nella directory `public/vendor/diegocopat/pacchetto-vuejs`
- I componenti Vue nella directory `resources/js/Components/vendor/diegocopat`
- Il file di configurazione in `resources/js/vendor/diegocopat/apexcharts-setup.js`

#### Opzione 2: Utilizzare il comando di installazione dedicato

[](#opzione-2-utilizzare-il-comando-di-installazione-dedicato)

```
php artisan pacchetto-vuejs:install
```

Questo comando, oltre a pubblicare gli stessi asset di cui sopra, fornirà istruzioni aggiuntive per l'integrazione.

### 3. Installazione delle dipendenze npm (OBBLIGATORIO)

[](#3-installazione-delle-dipendenze-npm-obbligatorio)

⚠️ **IMPORTANTE**: Dopo aver pubblicato gli asset, è **NECESSARIO** installare manualmente i pacchetti npm richiesti:

```
npm install apexcharts vue3-apexcharts
# Oppure se usi Yarn
yarn add apexcharts vue3-apexcharts
```

> ⚠️ **Nota**: Senza questo passaggio, l'importazione di `vue3-apexcharts` fallirà e il pacchetto non funzionerà correttamente!

### 4. Integrazione con Vue.js

[](#4-integrazione-con-vuejs)

Dopo l'installazione degli asset e dei pacchetti npm, è necessario:

1. Integrare ApexCharts nel tuo file principale JavaScript (es. app.js, main.js):

```
import PacchettoVueJs from './vendor/diegocopat/apexcharts-setup';
app.use(PacchettoVueJs);
```

2. Ricompilare gli asset:

```
npm run dev
# o
npm run build
```

Risoluzione dei problemi comuni
-------------------------------

[](#risoluzione-dei-problemi-comuni)

### Errore: "Failed to resolve import 'vue3-apexcharts'"

[](#errore-failed-to-resolve-import-vue3-apexcharts)

Se incontri questo errore:

```
[plugin:vite:import-analysis] Failed to resolve import "vue3-apexcharts" from "resources/js/vendor/diegocopat/apexcharts-setup.js". Does the file exist?

```

**Soluzione**: Assicurati di aver installato le dipendenze npm richieste:

```
npm install apexcharts vue3-apexcharts
```

### Errore: "apexchart is not defined" o componente non trovato

[](#errore-apexchart-is-not-defined-o-componente-non-trovato)

Se il componente ApexChart non viene riconosciuto nei tuoi template Vue:

1. Verifica di aver aggiunto l'importazione nel tuo app.js:

```
import PacchettoVueJs from './vendor/diegocopat/apexcharts-setup';
app.use(PacchettoVueJs);
```

2. Se stai usando file `.vue` singoli, assicurati di importare anche lì:

```
import VueApexCharts from 'vue3-apexcharts';
```

Utilizzo Base
-------------

[](#utilizzo-base)

### Generazione di una configurazione per grafici

[](#generazione-di-una-configurazione-per-grafici)

```