PHPackages                             aetchell/elemental-highchart - 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. aetchell/elemental-highchart

ActiveSilverstripe-vendormodule[Utility & Helpers](/categories/utility)

aetchell/elemental-highchart
============================

Add Highcharts and Highcharts Stock objects to your pages inside Elemental blocks

0942JavaScript

Since Nov 2Pushed 9mo ago3 watchersCompare

[ Source](https://github.com/ornatipinnis/elemental-highchart)[ Packagist](https://packagist.org/packages/aetchell/elemental-highchart)[ RSS](/packages/aetchell-elemental-highchart/feed)WikiDiscussions main Synced 6d ago

READMEChangelog (1)DependenciesVersions (2)Used By (0)

Elemental highcharts for Silverstripe 5.x
=========================================

[](#elemental-highcharts-for-silverstripe-5x)

This elemental block allows you to embed a Highchart or Highchart Stock chart into your elemental area.

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

[](#installation)

`composer require aetchell/elemental-highchart`

Requirements
------------

[](#requirements)

The default template uses [fontawesome v4](https://fontawesome.com/v4/) for chart control icons.

The follwing Silverstripe modules are also required in addition to the core framework:

- [dnadesign/silverstripe-elemental](https://github.com/silverstripe/silverstripe-elemental): ^5
- [silverstripe/display-logic](https://github.com/unclecheese/silverstripe-display-logic) ^3
- [symbiote/silverstripe-multivaluefield](https://github.com/symbiote/silverstripe-multivaluefield) ^6

Templates
---------

[](#templates)

You can override the default template by copying `/templates/aetchell/Highcharts/Elemental/ElementaHighchart.ss` to your own theme or the app folder. Be sure to maintain the directory structure due to the namespace: `/aetchell/Highcharts/Elemental/ElementaHighchart.ss`

CSS
---

[](#css)

Sample styles can be found in: `client/css/HighchartElemental.css`

JS
--

[](#js)

A blank JS file is included from within `client/js/HighchartElemental.js`. This file does not currently contain any code and is not being included in the JS stack.

Highcharts notes
----------------

[](#highcharts-notes)

This implementation of Highcharts uses the CSV data source to add series to a chart. Information on using CSV data in Highcharts is available [here](https://api.highcharts.com/highcharts/data.csv).

You can find example CSV files in the [docs](./sample-data/) directory

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance41

Moderate activity, may be stable

Popularity14

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity26

Early-stage or recently created project

 Bus Factor1

Top contributor holds 91.4% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/23d71297a578927819f8c8199022def076cc2b0d85dff18db64db1d8179b5549?d=identicon)[ornatipinnis](/maintainers/ornatipinnis)

---

Top Contributors

[![ornatipinnis](https://avatars.githubusercontent.com/u/878247?v=4)](https://github.com/ornatipinnis "ornatipinnis (85 commits)")[![ashpik](https://avatars.githubusercontent.com/u/57202142?v=4)](https://github.com/ashpik "ashpik (8 commits)")

### Embed Badge

![Health badge](/badges/aetchell-elemental-highchart/health.svg)

```
[![Health](https://phpackages.com/badges/aetchell-elemental-highchart/health.svg)](https://phpackages.com/packages/aetchell-elemental-highchart)
```

###  Alternatives

[zumba/symbiosis

Symbiosis, event structure for bootstrapping plugins.

1360.4k1](/packages/zumba-symbiosis)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)