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
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:
- 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