Mix and match bar and line charts to provide a clear visual distinction between datasets. New in 2.0 New chart axis types Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease.

Apr 15, 2025 · Follow this guide to get familiar with all major concepts of Chart.js: chart types and elements, datasets, customization, plugins, components, and tree-shaking. Don't hesitate to follow the links in the text.

Apr 15, 2025 · Chart.js provides a set of frequently used chart types, plugins, and customization options. In addition to a reasonable set of built-in chart types , you can use additional community-maintained chart types (opens new window) .

Apr 15, 2025 · Let's get started with Chart.js! Follow a step-by-step guide to get up to speed with Chart.js; Install Chart.js from npm or a CDN; Integrate Chart.js with bundlers, loaders, and front-end frameworks; Use Chart.js from Node.js; Alternatively, see the example below or check samples. # Create a Chart

Apr 15, 2025 · # Chart.js Samples. You can navigate through the samples via the sidebar. Alternatively, you can run them locally. To do so, clone the Chart.js repository (opens new window) from GitHub, run pnpm ci to install all packages, then …

Apr 15, 2025 · # Bar Chart. A bar chart provides a way of showing data values represented as vertical bars. It is sometimes used to show trend data, and the comparison of multiple data sets side by side.

Apr 15, 2025 · # Line Chart. A line chart is a way of plotting data points on a line. Often, it is used to show trend data, or the comparison of two data sets.

Apr 15, 2025 · You can download the latest version of Chart.js on GitHub (opens new window). If you download or clone the repository, you must build Chart.js to generate the dist files. Chart.js no longer comes with prebuilt release versions, so an alternative option to downloading the repo is strongly advised.

Apr 15, 2025 · You can use Chart.js in Node.js for server-side generation of plots with help from an NPM package such as node-canvas (opens new window) or skia-canvas (opens new window). Sample usage:

Simple yet flexible JavaScript charting for designers & developers. Website Documentation GitHub. Samples. Simple yet flexible JavaScript charting for designers & developers ... Other charts. Scatter. Scatter - Multi axis. Doughnut. Pie. Polar area. Radar. Combo bar/line. Linear scale. Step size. Min & max. Min & max (suggested) Logarithmic ...