This is an AngularJS 1.x directive which renders a slide wheel in canvas.

You can view a demo of the slide wheel at https://ayogohealth.github.io/ay-slide-wheel/

npm install ay-slide-wheel

// App.ts
import aySlideWheel from 'ay-slide-wheel/angular';
angular.module('myApp', [aySlideWheel]);

<ay-slide-wheel
  min="0"
  max="10"
  value="0"
  line-thickness="0.175"
  rounded-line="false"
  line-start-colour="rgba(70,141,172,1)"
  line-mid-colour="#A77484"
  line-end-colour="#1D165B"
>
</ay-slide-wheel>

Contributions of bug reports, feature requests, and pull requests are greatly appreciated!

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

Released under the MIT Licence.

Copyright © 2019 Ayogo Health Inc.