Skip to main content

Charts

<span>81 words</span><span class="px-2 text-primary-500">&middot;</span><span title="Reading time">1 min</span>

Blowfish includes support for Chart.js using the chart shortcode. Simply wrap the chart markup within the shortcode. Blowfish automatically themes charts to match the configured colorScheme parameter, however the colours can be customised using normal Chart.js syntax.

Refer to the chart shortcode docs for more details.

The examples below are a small selection taken from the official Chart.js docs. You can also view the page source on GitHub to see the markup.

Bar chart #

Line chart #

Doughnut chart #