3 lines
3.7 KiB
JavaScript
3 lines
3.7 KiB
JavaScript
"use strict";function _classCallCheck(o,r){if(!(o instanceof r))throw new TypeError("Cannot call a class as a function")}function _defineProperties(o,r){for(var a=0;a<r.length;a++){var n=r[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(o,n.key,n)}}function _createClass(o,r,a){return r&&_defineProperties(o.prototype,r),a&&_defineProperties(o,a),o}var ChartjsRadarDemo=function(){function o(){_classCallCheck(this,o),this.init()}return _createClass(o,[{key:"init",value:function(){this.radarChart(),this.radarSkipPointChart()}},{key:"randomScalingFactor",value:function(){return(.5<Math.random()?1:-1)*Math.round(100*Math.random())}},{key:"randomScaling",value:function(){return Math.round(100*Math.random())}},{key:"months",value:function(){return["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}},{key:"radarChart",value:function(){var o={type:"radar",data:{labels:[["Eating","Dinner"],["Drinking","Water"],"Sleeping",["Designing","Graphics"],"Coding","Cycling","Running"],datasets:[{label:"My First dataset",backgroundColor:Chart.helpers.color(Looper.colors.brand.purple).alpha(.2).rgbString(),borderColor:Looper.colors.brand.purple,pointBackgroundColor:Looper.colors.brand.purple,data:[this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling()]},{label:"My Second dataset",backgroundColor:Chart.helpers.color(Looper.colors.brand.teal).alpha(.2).rgbString(),borderColor:Looper.colors.brand.teal,pointBackgroundColor:Looper.colors.brand.teal,data:[this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling(),this.randomScaling()]}]},options:{title:{display:!0,text:"Radar Chart"},scale:{angleLines:{color:"dark"===Looper.skin?Looper.hexToRgba(Looper.colors.white,.08):Looper.hexToRgba(Looper.colors.black,.1)},ticks:{beginAtZero:!0,backdropColor:Looper.getLightColor()}}}};new Chart($("#canvas-radar")[0],o)}},{key:"radarSkipPointChart",value:function(){var o={type:"radar",data:{labels:["Eating","Drinking","Sleeping","Designing","Coding","Cycling","Running"],datasets:[{label:"Skip first dataset",borderColor:Looper.colors.brand.purple,backgroundColor:Chart.helpers.color(Looper.colors.brand.purple).alpha(.2).rgbString(),pointBackgroundColor:Looper.colors.brand.purple,data:[NaN,this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor()]},{label:"Skip mid dataset",borderColor:Looper.colors.brand.indigo,backgroundColor:Chart.helpers.color(Looper.colors.brand.indigo).alpha(.2).rgbString(),pointBackgroundColor:Looper.colors.brand.indigo,data:[this.randomScalingFactor(),this.randomScalingFactor(),NaN,this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor()]},{label:"Skip last dataset",borderColor:Looper.colors.brand.teal,backgroundColor:Chart.helpers.color(Looper.colors.brand.teal).alpha(.2).rgbString(),pointBackgroundColor:Looper.colors.brand.teal,data:[this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),this.randomScalingFactor(),NaN]}]},options:{title:{display:!0,text:"Skip Points"},elements:{line:{tension:0}},scale:{angleLines:{color:"dark"===Looper.skin?Looper.hexToRgba(Looper.colors.white,.08):Looper.hexToRgba(Looper.colors.black,.1)},ticks:{beginAtZero:!0,backdropColor:Looper.getLightColor()}}}};new Chart($("#canvas-radar-skip-points")[0],o)}}]),o}();$(document).on("theme:init",function(){new ChartjsRadarDemo});
|
|
//# sourceMappingURL=../../sourcemaps/pages/chartjs-radar-demo.min.js.map
|