aetchell/elemental-highchart

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

This package's canonical repository appears to be gone and the package has been frozen as a result.

Installs: 936

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

Type:silverstripe-vendormodule

dev-main 2023-07-21 01:53 UTC

This package is auto-updated.

Last update: 2023-08-21 01:57:40 UTC


README

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

Installation

composer require aetchell/elemental-highchart

Requirements

The default template uses fontawesome v4 for chart control icons.

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

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

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

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

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.

You can find example CSV files in the docs directory