0
Welcome Guest! Login
0 items Join Now

Our Summer Sale is coming to an end, but it's not too late to save big! It's your last chance to save 50% on themes and 35% on memberships!
motionmailapp.com

Xenon: Chartist Particle

Your Guide to Recreating Elements of the Xenon Demo for Grav


Introduction

The Chartist particle makes it easy to create beautiful pie, line, and bar charts for your website.

Here are the topics covered in this guide:

Configuration

Main Options

These options affect the main area of the particle, and not the individual items within.

Option Description
Particle Name Enter the name you would like to assign to the particle. This only appears in the back end.
CSS Classes Enter the CSS class(es) you want to use in the content of the particle.
Title Enter a title for your particle. This appears over the chart.
Labels Data Here, you will enter the data that appears at the bottom of the chart.
Series Data Here, you can insert one or more series of numbers to create the vertical values of the chart.

Separate each item with comma. For Labels Data, each item should be wrapped with single quote. For example: 'Mon', 'Tue', 'Wed'. For Series Data, all each item should be wrapped with square brackets. For example: 100, 150, 250. For multiple series, separate each data series with comma. For example: 100, 150, 250, 250, 180, 590, 50, 350, 50.


Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.