donut.js 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. (function (global, factory) {
  2. if (typeof define === "function" && define.amd) {
  3. define("/Plugin/donut", ["exports", "Plugin", "Config"], factory);
  4. } else if (typeof exports !== "undefined") {
  5. factory(exports, require("Plugin"), require("Config"));
  6. } else {
  7. var mod = {
  8. exports: {}
  9. };
  10. factory(mod.exports, global.Plugin, global.Config);
  11. global.PluginDonut = mod.exports;
  12. }
  13. })(this, function (_exports, _Plugin2, _Config) {
  14. "use strict";
  15. Object.defineProperty(_exports, "__esModule", {
  16. value: true
  17. });
  18. _exports.default = void 0;
  19. _Plugin2 = babelHelpers.interopRequireDefault(_Plugin2);
  20. var NAME = 'donut';
  21. var DonutPlugin =
  22. /*#__PURE__*/
  23. function (_Plugin) {
  24. babelHelpers.inherits(DonutPlugin, _Plugin);
  25. function DonutPlugin() {
  26. babelHelpers.classCallCheck(this, DonutPlugin);
  27. return babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(DonutPlugin).apply(this, arguments));
  28. }
  29. babelHelpers.createClass(DonutPlugin, [{
  30. key: "getName",
  31. value: function getName() {
  32. return NAME;
  33. }
  34. }, {
  35. key: "render",
  36. value: function render() {
  37. if (!Gauge) {
  38. return;
  39. }
  40. var $el = this.$el;
  41. var $canvas = $el.find('canvas');
  42. var $text = $el.find('.donut-label');
  43. if ($canvas.length === 0) {
  44. return;
  45. }
  46. var donut = new Donut($canvas[0]).setOptions(this.options);
  47. $el.data('donut', donut);
  48. donut.animationSpeed = 50;
  49. donut.maxValue = $el.data('max-value');
  50. donut.set($el.data('value'));
  51. if ($text.length > 0) {
  52. donut.setTextField($text[0]);
  53. }
  54. }
  55. }], [{
  56. key: "getDefaults",
  57. value: function getDefaults() {
  58. return {
  59. lines: 12,
  60. angle: 0.3,
  61. lineWidth: 0.08,
  62. pointer: {
  63. length: 0.9,
  64. strokeWidth: 0.035,
  65. color: (0, _Config.colors)('blue-grey', 400)
  66. },
  67. limitMax: false,
  68. // If true, the pointer will not go past the end of the gauge
  69. colorStart: (0, _Config.colors)('blue-grey', 200),
  70. colorStop: (0, _Config.colors)('blue-grey', 200),
  71. strokeColor: (0, _Config.colors)('primary', 500),
  72. generateGradient: true
  73. };
  74. }
  75. }]);
  76. return DonutPlugin;
  77. }(_Plugin2.default);
  78. _Plugin2.default.register(NAME, DonutPlugin);
  79. var _default = DonutPlugin;
  80. _exports.default = _default;
  81. });