Installation

• Install via <code>npm</code>:

  console $ npm install frappe-charts

  and include in your project: js import { Chart } from "frappe-charts"

• ...or include within your HTML

  ```html

  ```

Usage

```js const data = { labels: ["12am-3am", "3am-6pm", "6am-9am", "9am-12am", "12pm-3pm", "3pm-6pm", "6pm-9pm", "9am-12am" ], datasets: [ { name: "Some Data", type: "bar", values: [25, 40, 30, 35, 8, 52, 17, -4] }, { name: "Another Set", type: "line", values: [25, 50, -10, 15, 18, 32, 27, 14] } ] }

const chart = new frappe.Chart("#chart", { // or a DOM element, // new Chart() in case of ES6 module with above usage title: "My Awesome Chart", data: data, type: 'axis-mixed', // or 'bar', 'line', 'scatter', 'pie', 'percentage' height: 250, colors: ['#7cd6fd', '#743ee2'] }) ```

Demo

Here's a demo to try out yourself:

See the Pen Frappe Charts Demo by Prateeksha Singh (@pratu16x7) on CodePen.