The chart rendered from the code listed on the project page. Shows a two-series column chart using the Highcharts library.

This module allows you to render a chart in a text area using the Charts API. To use the text filter, you must first enable the Charts module, at least one charting provider (e.g. Highcharts), and this module. Then, you must enable the Charts Text Filter in the text format settings.

Essentially, the text filter allows you to add a chart using an empty tag with data attributes. Here's an example:

<chart
  id="my-chart"
  data-chart-library="highcharts"
  data-title="My Chart Title"
  data-chart-type="column"
  data-chart-series="my_first_series"
  data-chart-series1="my_second_series"
  data-chart-data="[1,2,3]"
  data-chart-data1="[5,3,4]"
  data-chart-data-title="My first series title"
  data-chart-data-title1="My second series title"
  data-xaxis-labels="['A','B','C']"
  data-xaxis-title="X-Axis Title"
  data-yaxis-title="Y-Axis Title"
  data-options="[]"
>
</chart>

This is an early, proof-of-concept version of the module. It is not yet ready for production use. Please report any issues you find.

Supporting organizations: 
Module development and maintenance

Project information

Releases