
Chart.js | Open source HTML5 Charts for your website
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
Chart.js
Oct 13, 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 …
Getting Started - Chart.js
Oct 13, 2025 · Getting Started 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, …
Step-by-step guide | Chart.js
Oct 13, 2025 · Chart.js plots each dataset independently and allows to apply custom styles to them. Take a look at the chart: there’s a visible “line” of bubbles with equal x and y coordinates …
Chart.js Samples
Oct 13, 2025 · To do so, clone the Chart.js repository from GitHub, run pnpm ci to install all packages, then run pnpm run docs:dev to build the documentation. As soon as the build is …
Installation - Chart.js
Oct 13, 2025 · 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 …
Line Chart | Chart.js
Oct 13, 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.
Integration - Chart.js
Oct 13, 2025 · The examples below show how to load Chart.js in different systems. If you're using a front-end framework (e.g., React, Angular, or Vue), please see available integrations.
Bar Chart | Chart.js
Oct 13, 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 …
Chart.js - v4.5.1
Chart.js - v4.5.1 Enumerations DecimationAlgorithm UpdateModeEnum Classes Animation Animations Animator ArcElement BasePlatform BasicPlatform Chart DatasetController …