Chart.js Hierarchical Scale Plugin

Chart.js module for adding a new categorical scale which mimics a hierarchical tree.

Related Plugins

Check out also my other chart.js plugins:

chartjs-chart-boxplot for rendering boxplots and violin plots
chartjs-chart-error-bars for rendering errors bars to bars and line charts
chartjs-chart-geo for rendering map, bubble maps, and choropleth charts
chartjs-chart-graph for rendering graphs, trees, and networks
chartjs-chart-pcp for rendering parallel coordinate plots
chartjs-chart-venn for rendering venn and euler diagrams
chartjs-chart-wordcloud for rendering word clouds

Install

npm install --save chart.js chartjs-plugin-hierarchical

Usage

see Examples

or at this

Scale

a new scale type hierarchical.

Styling

The hierarchical axis scale has the following styling options

see IHierarchicalScaleOptions

Data structure

see ILabelNode and IValueNode

ESM and Tree Shaking

The ESM build of the library supports tree shaking thus having no side effects. As a consequence the chart.js library won't be automatically manipulated nor new controllers automatically registered. One has to manually import and register them.

import { Chart } from 'chart.js';
import { HierarchicalScale } from 'chartjs-plugin-hierarchical';

// register scale in chart.js and ensure the defaults are set
Chart.register(HierarchicalScale);
...

Development Environment

npm i -g yarn
yarn install
yarn sdks vscode

Common commands

yarn compile
yarn test
yarn lint
yarn fix
yarn build
yarn docs

developed by datavisyn.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!