Coder Social home page Coder Social logo

chartjs-plugin-bar-chart-annotation's Introduction

chartjs-plugin-bar-chart-annotation

NPM Version License Stats Downloads Stats Github stars Github issues

Bar chart annotation for Chart.js

nodei.co

Installation

npm install chartjs-plugin-bar-chart-annotation --save

Usage example

const barChartAnnotationPlugin = require("../src/index");

const {
  clearPlugins,
  showNOOnTopOfBarChartPlugin,
  showNOOnBottomOfBarChartPlugin,
  showInfoOnTopOfBarChartPlugin
} = barChartAnnotationPlugin;

const Chart = {}; // Should require('chart.js');
// Just in case one plguin gets registered twice
clearPlugins(Chart, [
  showNOOnTopOfBarChartPlugin
]);

Chart.pluginService.register(showNOOnTopOfBarChartPlugin);

// Just in case one plguin gets registered twice
clearPlugins(Chart, [
  showNOOnBottomOfBarChartPlugin
]);

Chart.pluginService.register(showNOOnBottomOfBarChartPlugin);

// Just in case one plguin gets registered twice
clearPlugins(Chart, [
  showInfoOnTopOfBarChartPlugin
]);

Chart.pluginService.register(showInfoOnTopOfBarChartPlugin);

For more examples and usage, please refer to the Wiki.

Development setup

git clone [email protected]:nerdmax/chartjs-plugin-bar-chart-annotation.git
cd chartjs-plugin-bar-chart-annotation
npm install

Release History

  • 0.0.2
    • Update readme.md
  • 0.0.1
    • Put all source code here, work in progress

Meta

Max LIU โ€“ My personal website โ€“ [email protected]

Contributing

  1. Fork it (https://github.com/nerdmax/chartjs-plugin-bar-chart-annotation/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.