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.

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

Requires

• dnadesign/silverstripe-elemental: ^4
• silverstripe/cms: ^4
• silverstripe/display-logic: ^2.0
• silverstripe/framework: ^4
• symbiote/silverstripe-multivaluefield: ^5

BSD-3-Clause

• Ash Etchell

• silverstripe
• highChart
• elemental

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:

• dnadesign/silverstripe-elemental: ^4
• silverstripe/display-logic ^2.0
• symbiote/silverstripe-multivaluefield ^5

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