📄️ Chart title
The chart title is a label that appears on the top, left, bottom, or right of the chart.
📄️ Grid lines
Chart.js v2 (default)
📄️ Axes
There are several types of chart axes: Linear, Logarithmic, Time, Categorical, and Radial. If you are looking to create a standard chart, chances are you want to use a linear or time axis.
📄️ Labels
There are several different types of labels: axis labels, tick labels, and data labels.
📄️ Legend
The chart legend can be customized via the options.legend property (see chart legend in Chart.js v2 and chart legend in Chart.js v3+).
📄️ Fonts
QuickChart supports all Google Noto fonts. Custom fonts are available upon request.
📄️ Colors and backgrounds
Every aspect of chart coloration is customizable. All colors are taken as strings, in either hex, RGB, or by specifying a color name. To adjust opacity, set an RGBA value.
📄️ Point style
Points (also referred to as "markers") may appear in a line, sparkline, radar, or bubble chart. Point style can be configured globally using the options.elements.point object. See Chart.js point configuration for more details.
📄️ Line style
You can style lines by setting properties on the data.dataset object that defines your line series. See Chart.js line styling documentation for full details.
📄️ Time series
Date and time series axes automatically handle calendar dates. To create a time series axis, set its type to time:
📄️ Smoothing & rounding
Line charts
📄️ Plugins & addons
Pre-installed plugins
📄️ Retina support
Use retina support to generate high quality images suitable for high-DPI displays. By default, QuickChart serves charts at 2x requested pixel size so that they appear sharp on retina displays.