anoopmb
/
charts
1
0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 18 Wiki Aktivität
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
113 Commits
9 Branches
8.4 MiB
 
 
 
Struktur: 1efedb3094
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „1efedb3094“
${ noResults }
 ZIP  TAR.GZ
pratu16x7 1efedb3094 update Blog in docs vor 7 Jahren
.github [fix] heatmap data vor 7 Jahren
dist [major] more modules: date-utils, intervals vor 7 Jahren
docs update Blog in docs vor 7 Jahren
src [major] more modules: date-utils, intervals vor 7 Jahren
.babelrc rebuild, update to 0.0.4 vor 7 Jahren
.eslintrc.json add babel, eslint; dom and utils modules vor 7 Jahren
.gitignore ignore yarn.lock vor 7 Jahren
LICENSE Initial commit vor 7 Jahren
Makefile update README.md, segregate assets, add .DS_Store to .gitignore vor 7 Jahren
README.md update Blog in docs vor 7 Jahren
package-lock.json include zero values in the tooltip vor 7 Jahren
package.json rebuild, update to 0.0.4 vor 7 Jahren
rollup.config.js Merge branch 'master' into support-react vor 7 Jahren

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.