PHPackages                             apility/laravel-highcharts - 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. apility/laravel-highcharts

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

apility/laravel-highcharts
==========================

A Laravel and Livewire wrapper for Highcharts.

v0.3.0(6mo ago)05MITPHPPHP ^8.2|^8.3|^8.4

Since Nov 3Pushed 6mo agoCompare

[ Source](https://github.com/apility/laravel-highcharts)[ Packagist](https://packagist.org/packages/apility/laravel-highcharts)[ Docs](https://github.com/apility/laravel-highcharts)[ RSS](/packages/apility-laravel-highcharts/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (7)Versions (2)Used By (0)

A Laravel and Livewire implementation of Highcharts.
====================================================

[](#a-laravel-and-livewire-implementation-of-highcharts)

[![Latest Version on Packagist](https://camo.githubusercontent.com/5f32f93b42e4734b6aeff98d31e4a64b5c7eb5faccfc86a7f5c77c69161823b6/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6170696c6974792f6c61726176656c2d686967686368617274732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/apility/laravel-highcharts)[![GitHub Tests Action Status](https://camo.githubusercontent.com/f1d22f5e1759e44ce90e8048af09d41aa5ad7d91e561f64fa99e213c388c5404/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6170696c6974792f6c61726176656c2d686967686368617274732f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/apility/laravel-highcharts/actions?query=workflow%3Arun-tests+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/f03c7d61d8a5bfd67e7e0435c6bce06c364c6606a9c801b4553d2ff5129e79b5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6170696c6974792f6c61726176656c2d686967686368617274732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/apility/laravel-highcharts)

Prerequisites
-------------

[](#prerequisites)

- Laravel 10 or higher
- PHP 8.2 or higher
- Highcharts, available on `window.Highcharts`.
- Livewire 2 or higher

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require apility/laravel-highcharts
```

After installing the package you need to import the Alpine JS component which is used to display the chart. You can do this by adding the following to your `resources/app.js` file:

```
import Chart from '../../vendor/apility/laravel-highcharts/resources/js/chart';

Alpine.data('highchartsChart', Chart); // Note that the Alpine component is expected to be named 'highchartsChart'.
```

If you are using Livewire 3, you need to [manually bundle AlpineJS](https://livewire.laravel.com/docs/installation#manually-bundling-livewire-and-alpine) per the Livewire documentation. Your `resources/app.js` file should then look like this:

```
import {Livewire, Alpine} from '../../vendor/livewire/livewire/dist/livewire.esm';
import Chart from '../../vendor/apility/laravel-highcharts/resources/js/chart';

Alpine.data('highchartsChart', Chart); // Note that the Alpine component is expected to be named 'highchartsChart'.

Livewire.start();
```

### Publishing config and views

[](#publishing-config-and-views)

You can publish the config file with:

```
php artisan vendor:publish --tag="laravel-highcharts-config"
```

This is the contents of the published config file:

```