Learn Chart.js

Shadows and bevels

There are several third-party plugins listed in the official Chart.js documentation, and one of them, called chartjs-plugin-style, adds a few styling options for charts; these options include bevels, shadows, and glows. To use it, you can install the plugin via npm or download the JavaScript file from nagix.github.io/chartjs-plugin-style that can be imported on to your page:

<script src="../JavaScript/chartjs-plugin-style.min.js"></script>

Now you can use new properties in your datasets to add bevels, shadows, and glows. The following example configures bevels and adds shadows to a simple bar chart. The names of the properties should be self-explanatory:

const data = { labels: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], ...