@jorgemoreira/charts NPM

@jorgemoreira/charts

A library to render bar charts in HTML5 Canvas.

npm install @jorgemoreira/charts

import { paintChart } from "@jorgemoreira/charts";

const root = document.getElementById("chart-wrapper");
paintChart(root, options);

Name	Type	Description
`type`	`string`	Required. Can be `"horizontal-bars"` or `"vertical-bars"`.
`data`	`object`	Required. An object with the data properties.
`width`	`number`	Required. The canvas width, in pixels.
`height`	`number`	Required. The canvas height, in pixels.
`gridLinesDistance`	`number`	Required. The distance between the grid lines in the values axis.
`title`	`string`	Text to display at the top.

Name	Type	Description
`labels`	`string[]`	Required. An array of labels for the category axis.
`datasets`	`object[]`	Required. An array of datasets.

Name	Type	Description
`label`	`string`	Required. The label to show in the legend.
`values`	`number[]`	Required. The dataset values.
`color`	`string`	A color value to fill the bars and the legend. See MDN.

3 years ago