This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

chartjs-plugin-ruler

0.0.18 • Public • Published

chartjs-plugin-ruler

npm version

This plugins adds the possiblity to add rulers into the chart. When the calculate button is clicked a callback is called with the x-axis value for each ruler.

NOTE: This plugin is highly specific for one application and I do NOT recommend using it.

example image

Installation

You can install the plugin using the npm:

npm install chartjs-plugin-ruler

Usage

Example code on how to use this plugin:

import Chart from 'chart.js'
import RulerPlugin from 'chartjs-plugin-ruler'

// Register plugin
Chart.plugins.register(RulerPlugin)

// Plugin options
const options = {
    plugins: {
        ruler: {
            rulers: {
                '1': {
                    buttonClass: 'btn btn-danger',
                    innerHtml: 'ruler1',
                    innerHtmlRemove: 'remove1',
                    color: 'red'
                },
                '2': {
                    buttonClass: 'btn btn-primary',
                    innerHtml: 'ruler2',
                    innerHtmlRemove: 'remove2',
                    color: 'blue'
                },
                '3': {
                    buttonClass: 'btn btn-success',
                    innerHtml: 'ruler3',
                    innerHtmlRemove: 'remove3',
                    color: 'green'
                }
            },
            calculateButton: {
                buttonClass: 'btn btn-info',
                innerHtml: 'calculate'
            },
            onCalculate: function(data){
                console.log(data)
            },
            onRulersChange: function(data){
                console.log(data)
            }
        }
    }
}

// Create Chart as usual
... 

Readme

Keywords

Package Sidebar

Install

npm i chartjs-plugin-ruler

Weekly Downloads

1

Version

0.0.18

License

MIT

Unpacked Size

165 kB

Total Files

7

Last publish

Collaborators

  • fifal