anoopmb
/
charts
1
0
Fork 0
Koodi Ongelmat 0 Pull-pyynnöt 0 Julkaisut 18 Wiki Toiminta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 Commitit
9 Branchit
8.4 MiB
 
 
 
Puu: 1efedb3094
Branchit Tagit
${ item.name }
Create branch ${ searchTerm }
from '1efedb3094'
${ noResults }
 ZIP  TAR.GZ
pratu16x7 1efedb3094 update Blog in docs 7 vuotta sitten
.github [fix] heatmap data 7 vuotta sitten
dist [major] more modules: date-utils, intervals 7 vuotta sitten
docs update Blog in docs 7 vuotta sitten
src [major] more modules: date-utils, intervals 7 vuotta sitten
.babelrc rebuild, update to 0.0.4 7 vuotta sitten
.eslintrc.json add babel, eslint; dom and utils modules 7 vuotta sitten
.gitignore ignore yarn.lock 7 vuotta sitten
LICENSE Initial commit 7 vuotta sitten
Makefile update README.md, segregate assets, add .DS_Store to .gitignore 7 vuotta sitten
README.md update Blog in docs 7 vuotta sitten
package-lock.json include zero values in the tooltip 7 vuotta sitten
package.json rebuild, update to 0.0.4 7 vuotta sitten
rollup.config.js Merge branch 'master' into support-react 7 vuotta sitten

README.md

Frappé Charts

GitHub-inspired modern, intuitive and responsive charts with zero dependencies

Explore Demos »

Contents

Installation

  • Install via npm:

    $ npm install frappe-charts

    and include in your project:

    import Chart from "frappe-charts/dist/frappe-charts.min.esm"

  • ...or include within your HTML

      <script src="https://unpkg.com/frappe-charts@0.0.4/dist/frappe-charts.min.iife.js"></script>

Usage

const data = {
    labels: ["12am-3am", "3am-6pm", "6am-9am", "9am-12am",
        "12pm-3pm", "3pm-6pm", "6pm-9pm", "9am-12am"
    ],
    datasets: [
        {
            title: "Some Data",
            color: "light-blue",
            values: [25, 40, 30, 35, 8, 52, 17, -4]
        },
        {
            title: "Another Set",
            color: "violet",
            values: [25, 50, -10, 15, 18, 32, 27, 14]
        }
    ]
}

const chart = new Chart({
    parent: '#chart', // or a DOM element
    title: "My Awesome Chart",
    data: data,
    type: 'bar', // or 'line', 'scatter', 'pie', 'percentage'
    height: 250
})

If you want to contribute:

  1. Clone this repo.
  2. cd into project directory
  3. npm install
  4. npm run dev

License

This repository has been released under the MIT License

Project maintained by Frappe. Used in ERPNext. Read the blog post.