{{< highcharts >}}

Description#

The highcharts shortcode allows to display Highcharts charts.

Parameters#

NameType(named/positional)Description
idnamedId of the Highcharts container.
NB: This Id can be used as the renderTo parameter of the Highcharts.Chart class .
assetsnamedComma-separated list of minified Highcharts assets to load in the page.
NB: All the minified assets of Highcharts are included in the theme and available in assets/js/external/highcharts.
sourcenamedSource of the Highcharts chart.
NB: The source can be either a local path or an URL.

Examples#

MarkdownRendering
{{</* highcharts
  id="highcharts1"
  assets=""
  source="/highcharts/example-default.json"
*/>}}
Loading
{{</* highcharts
  id="highcharts2"
  assets="js/external/highcharts/modules/gantt.min.js"
  source="/highcharts/example-gantt.json"
*/>}}
Loading
{{</* highcharts
  id="highcharts3"
  assets="js/external/highcharts/modules/map.min.js,js/external/highcharts/modules/exporting.min.js"
  source="/highcharts/example-maps.json"
*/>}}
Loading
{{</* highcharts
  id="highcharts4"
  assets="js/external/highcharts/modules/stock.min.js,js/external/highcharts/modules/data.min.js,js/external/highcharts/indicators/indicators-all.min.js,js/external/highcharts/modules/drag-panes.min.js,js/external/highcharts/modules/annotations-advanced.min.js,js/external/highcharts/modules/price-indicator.min.js,js/external/highcharts/modules/full-screen.min.js,js/external/highcharts/modules/stock-tools.min.js,js/external/highcharts/modules/heikinashi.min.js,js/external/highcharts/modules/hollowcandlestick.min.js,js/external/highcharts/modules/accessibility.min.js"
  source="/highcharts/example-stock.json"
*/>}}
Loading