Code Monkey home page Code Monkey logo

chart.js-errorbars's Introduction

Chart.js with Error Bars

*This is an fork of Chart.js which supports error bars. It can be used as a stand-alone library or as an extension of the original library.

Documentation

You can find documentation for Chart.js at chartjs.org/docs. Usage of the extension is noted below.

Include Error Bars

Including error bars is extremely simple. Download this version of Chart.js and include it in your site. To add error bars, include an array called error (of the same length as the data array) in each dataset.

Options included with this version of the library:

	//String - direction of the error bars. "up", "down", or "both"
	errorDir : "both",

	//Number - stroke width of the error bars
	errorStrokeWidth : 1,

	//Number - ratio of the width of the error bar caps to the width of the bar
	errorCapWidth : 0.75,
	//For line charts, errorCapWidth is the ratio of the width of the error bar
	//caps to the radius of the points, and the default is 2.5.

Compatibility

This repo is compatible with @nnnick/Chart.js, so even if you are already using Chart.js on your site, switching to my version will not harm anything. I am not changing the core, so new updates to there will simply be merged in here.

Old version

A previous version (based on the old, non-API version of Chart.js) also supported scatter plots, box plots, and trendlines. This version of the project is available in the "old" branch.

I have no immediate plans to add these features to the new Chart.js, but contributions are welcome. I will test code and merge it.

Any new code MUST maintain compatibility with @nnnick/Chart.js.

Roadmap

  1. Fix the scaling to account for all the new features (so they don't literally go off the charts)
  2. Include error in tooltips (?)

License

Chart.js, and this exension, are available under the MIT license.

Bugs & issues

When reporting bugs or issues, if you could include a link to a simple jsbin or similar demonstrating the issue, that'd be really helpful.

chart.js-errorbars's People

Contributors

alexdunphy avatar andyburke avatar brettbukowski avatar caydenberg avatar chandruxp avatar derekperkins avatar esamattis avatar etimberg avatar fizerkhan avatar fntneves avatar fulldecent avatar ilyakatz avatar isnow avatar jakabfia avatar jakesylvestre avatar jbrooksuk avatar mardaneus86 avatar miosss avatar nnnick avatar ooflorent avatar robocoder avatar tannerlinsley avatar winnetou avatar

Watchers

 avatar  avatar  avatar

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.