Display various types of charts on your pages using simple or CSV-based data inputs.
Settings
Chart Configuration
Type - Choose from Bar, Line, Radar, Doughnut, or Pie chart types.
Horizontal Bars - Display bars horizontally instead of vertically. Visible for Bar charts.
Input Type - Select between Simple (manual input) and CSV.
Simple Input
Labels - Comma-separated list of labels.
Data - Comma-separated list of numerical values.
CSV Input
CSV From - Load data via URL or textarea.
Has Header - Toggle to skip the first row.
Column Indexes - Define which columns to use for labels and data.
Limit Records - Limit the number of rows to parse.
Display
Show Legend - Display a legend with dataset name. Not available for Pie and Doughnut.
Show Title - Display a title above the chart. Not available for Pie and Doughnut.
Manipulation (CSV only)
Labels Manipulation - Convert timestamp labels to date/time format or change text case.
Add Text to Value - Append a suffix like "%" to data values.
Options
Begin at Zero - Force the axis to start at 0. Available for Bar, Line, and Radar.
Grace - Add padding to the axis range. Available for Bar, Line, and Radar.
Step Size - Set a custom axis step. Available for Bar, Line, and Radar.
Fill Area - Fill the area beneath the line. Available for Line charts.
Smoothing - Apply curve smoothing to the line. Available for Line charts.
Point Style - Choose the shape of data points (circle, cross, star, triangle, etc.) or hide them. Available for Line charts.
Point Radius - Set the size of data points. Visible when Point Style is not None. Available for Line charts.
Border Radius - Round the corners of bars. Available for Bar charts.
Animation
Animation - Enable or disable the chart entrance animation.
Duration - Animation duration in milliseconds. Visible when Animation is enabled.
Easing - Animation easing function (e.g., easeOutQuart, linear, easeOutBounce). Visible when Animation is enabled.
Style
On the Style tab you can configure chart height, legend position and color, axis grid and label colors, dataset colors (random or custom), and border width.