├── .travis.yml ├── README.md ├── build.hxml ├── chart ├── BarChart.hx ├── BarOptions.hx ├── Chart.hx ├── DoughnutChart.hx ├── DoughnutPieOptions.hx ├── LineChart.hx ├── LineOptions.hx ├── PieChart.hx ├── PolarAreaChart.hx ├── PolarAreaOptions.hx ├── RadarChart.hx ├── RadarOptions.hx ├── Type.hx ├── data │ ├── BarData.hx │ ├── BarDataSet.hx │ ├── LineData.hx │ ├── LineDataSet.hx │ ├── RadarData.hx │ ├── RadarDataSet.hx │ └── SegmentData.hx └── defaults │ ├── BarDefaults.hx │ ├── DoughnutDefaults.hx │ ├── Global.hx │ ├── LineDefaults.hx │ ├── PieDefaults.hx │ ├── PolarAreaDefaults.hx │ └── RadarDefaults.hx ├── gruntfile.js ├── haxelib.json ├── libs └── chart.min.js ├── logo.png ├── package.json └── samples ├── _output ├── bar.html ├── bar.js ├── doughnut.html ├── doughnut.js ├── libs │ └── chart.min.js ├── line.html ├── line.js ├── pie.html ├── pie.js ├── polar.html ├── polar.js ├── radar.html └── radar.js ├── bar └── Main.hx ├── doughnut └── Main.hx ├── line └── Main.hx ├── pie └── Main.hx ├── polar └── Main.hx └── radar └── Main.hx /.travis.yml: -------------------------------------------------------------------------------- 1 | git: 2 | depth: 1 3 | 4 | language: haxe 5 | haxe: 6 | - "3.2.0" 7 | hxml: 8 | - build.hxml 9 | 10 | sudo: false 11 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![Build Status](https://travis-ci.org/adireddy/haxe-chart.svg?branch=master) [![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/) 2 | ========= 3 | 4 | ![logo](https://raw.githubusercontent.com/adireddy/haxe-chart/master/logo.png) 5 | 6 | Externs of Chart.js for Haxe - Simple, clean and engaging charts for designers and developers 7 | 8 | ### Installation ### 9 | 10 | ```haxe 11 | haxelib install chartjs 12 | ``` 13 | 14 | ### Demo ### 15 | 16 | * [Line](http://adireddy.github.io/demos/haxe-chart/line.html) 17 | * [Bar](http://adireddy.github.io/demos/haxe-chart/bar.html) 18 | * [Pie](http://adireddy.github.io/demos/haxe-chart/pie.html) 19 | * [Doughnut](http://adireddy.github.io/demos/haxe-chart/doughnut.html) 20 | * [Radar](http://adireddy.github.io/demos/haxe-chart/radar.html) 21 | * [Polar Area](http://adireddy.github.io/demos/haxe-chart/polar.html) 22 | 23 | Look at the `samples` folder for the source code of above example. 24 | 25 | ### Usage ### 26 | 27 | ```haxe 28 | 29 | import chart.defaults.Global; 30 | import chart.Chart; 31 | 32 | import js.html.CanvasRenderingContext2D; 33 | import js.html.CanvasElement; 34 | import js.Browser; 35 | 36 | class Main { 37 | 38 | var data = { 39 | labels: ["January", "February", "March", "April", "May", "June", "July"], 40 | datasets: [ 41 | { 42 | label: "My First dataset", 43 | fillColor: "rgba(220,220,220,0.5)", 44 | strokeColor: "rgba(220,220,220,0.8)", 45 | highlightFill: "rgba(220,220,220,0.75)", 46 | highlightStroke: "rgba(220,220,220,1)", 47 | data: [65, 59, 80, 81, 56, 55, 40] 48 | }, 49 | { 50 | label: "My Second dataset", 51 | fillColor: "rgba(151,187,205,0.5)", 52 | strokeColor: "rgba(151,187,205,0.8)", 53 | highlightFill: "rgba(151,187,205,0.75)", 54 | highlightStroke: "rgba(151,187,205,1)", 55 | data: [28, 48, 40, 19, 86, 27, 90] 56 | } 57 | ] 58 | }; 59 | 60 | public function new() { 61 | var canvas:CanvasElement = Browser.document.createCanvasElement(); 62 | Browser.document.body.appendChild(canvas); 63 | 64 | Global.responsive = true; 65 | 66 | var ctx:CanvasRenderingContext2D = canvas.getContext("2d"); 67 | var barChart = new Chart(ctx).Bar(data); 68 | } 69 | 70 | static function main() { 71 | new Main(); 72 | } 73 | } 74 | ``` 75 | ### Licensing Information ### 76 | 77 | 78 | MIT license 79 | 80 | This content is released under the [MIT](http://opensource.org/licenses/MIT) License. 81 | 82 | [Chart.js](https://github.com/nnnick/Chart.js) is written by [Nick Downie](http://www.nickdownie.com) and licensed under the [MIT](http://opensource.org/licenses/MIT) License. 83 | -------------------------------------------------------------------------------- /build.hxml: -------------------------------------------------------------------------------- 1 | -cp src 2 | -cp samples 3 | -dce full 4 | 5 | --each 6 | 7 | -main line.Main 8 | -js samples/_output/line.js 9 | 10 | --next 11 | 12 | -main bar.Main 13 | -js samples/_output/bar.js 14 | 15 | --next 16 | 17 | -main radar.Main 18 | -js samples/_output/radar.js 19 | 20 | --next 21 | 22 | -main polar.Main 23 | -js samples/_output/polar.js 24 | 25 | --next 26 | 27 | -main pie.Main 28 | -js samples/_output/pie.js 29 | 30 | --next 31 | 32 | -main doughnut.Main 33 | -js samples/_output/doughnut.js -------------------------------------------------------------------------------- /chart/BarChart.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | import js.html.Event; 4 | 5 | @:native("Chart.Bar") 6 | extern class BarChart extends Type { 7 | 8 | function update():Void; 9 | 10 | function removeData():Void; 11 | 12 | function addData(values:Array, label:String):Void; 13 | 14 | function getBarsAtEvent(evt:Event):Array; 15 | } -------------------------------------------------------------------------------- /chart/BarOptions.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | typedef BarOptions = { 4 | 5 | //Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value 6 | @:optional var scaleBeginAtZero:Bool; 7 | 8 | //Boolean - Whether grid lines are shown across the chart 9 | @:optional var scaleShowGridLines:Bool; 10 | 11 | //String - Colour of the grid lines 12 | @:optional var scaleGridLineColor:String; 13 | 14 | //Number - Width of the grid lines 15 | @:optional var scaleGridLineWidth:Float; 16 | 17 | //Boolean - Whether to show horizontal lines (except X axis) 18 | @:optional var scaleShowHorizontalLines:Bool; 19 | 20 | //Boolean - Whether to show vertical lines (except Y axis) 21 | @:optional var scaleShowVerticalLines:Bool; 22 | 23 | //Boolean - If there is a stroke on each bar 24 | @:optional var barShowStroke:Bool; 25 | 26 | //Number - Pixel width of the bar stroke 27 | @:optional var barStrokeWidth:Float; 28 | 29 | //Number - Spacing between each of the X value sets 30 | @:optional var barValueSpacing:Float; 31 | 32 | //Number - Spacing between data sets within X values 33 | @:optional var barDatasetSpacing:Float; 34 | 35 | //String - A legend template 36 | @:optional var legendTemplate:String; 37 | 38 | @:optional var animation:Bool; 39 | @:optional var animationEasing:String; 40 | @:optional var animationSteps:Int; 41 | @:optional var customTooltips:Bool; 42 | @:optional var maintainAspectRatio:Bool; 43 | @:optional var multiTooltipKeyBackground:String; 44 | @:optional var multiTooltipTemplate:String; 45 | @:optional var onAnimationComplete:Void -> Void; 46 | @:optional var onAnimationProgress:Void -> Void; 47 | @:optional var responsive:Bool; 48 | @:optional var scaleFontColor:String; 49 | @:optional var scaleFontFamily:String; 50 | @:optional var scaleFontSize:Float; 51 | @:optional var scaleFontStyle:String; 52 | @:optional var scaleIntegersOnly:Bool; 53 | @:optional var scaleLabel:String; 54 | @:optional var scaleLineColor:String; 55 | @:optional var scaleLineWidth:Float; 56 | @:optional var scaleOverride:Bool; 57 | @:optional var scaleShowLabels:Bool; 58 | @:optional var scaleStartValue:Float; 59 | @:optional var scaleStepWidth:Float; 60 | @:optional var scaleSteps:Float; 61 | @:optional var showScale:Bool; 62 | @:optional var showTooltips:Bool; 63 | @:optional var tooltipCaretSize:Float; 64 | @:optional var tooltipCornerRadius:Float; 65 | @:optional var tooltipEvents:Array; 66 | @:optional var tooltipFillColor:String; 67 | @:optional var tooltipFontColor:String; 68 | @:optional var tooltipFontFamily:String; 69 | @:optional var tooltipFontSize:Float; 70 | @:optional var tooltipFontStyle:String; 71 | @:optional var tooltipTemplate:String; 72 | @:optional var tooltipTitleFontColor:String; 73 | @:optional var tooltipTitleFontFamily:String; 74 | @:optional var tooltipTitleFontSize:Float; 75 | @:optional var tooltipTitleFontStyle:String; 76 | @:optional var tooltipXOffset:Float; 77 | @:optional var tooltipXPadding:Float; 78 | @:optional var tooltipYPadding:Float; 79 | } -------------------------------------------------------------------------------- /chart/Chart.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | import chart.data.RadarData; 4 | import chart.data.BarData; 5 | import chart.data.SegmentData; 6 | import chart.data.LineData; 7 | import js.html.CanvasRenderingContext2D; 8 | 9 | @:native("Chart") 10 | extern class Chart { 11 | 12 | function new(ctx:CanvasRenderingContext2D); 13 | 14 | function Line(data:LineData, ?options:LineOptions):LineChart; 15 | 16 | function Bar(data:BarData, ?options:BarOptions):BarChart; 17 | 18 | function Radar(data:RadarData, ?options:RadarOptions):RadarChart; 19 | 20 | function PolarArea(data:Array, ?options:PolarAreaOptions):PolarAreaChart; 21 | 22 | function Pie(data:Array, ?options:DoughnutPieOptions):PieChart; 23 | 24 | function Doughnut(data:Array, ?options:DoughnutPieOptions):DoughnutChart; 25 | } -------------------------------------------------------------------------------- /chart/DoughnutChart.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | import chart.data.SegmentData; 4 | import js.html.Event; 5 | 6 | @:native("Chart.Doughnut") 7 | extern class DoughnutChart extends Type { 8 | 9 | function update():Void; 10 | 11 | function removeData(index:Int):Void; 12 | 13 | function addData(values:SegmentData, index:Int):Void; 14 | 15 | function getSegmentsAtEvent(evt:Event):Array; 16 | } -------------------------------------------------------------------------------- /chart/DoughnutPieOptions.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | typedef DoughnutPieOptions = { 4 | 5 | //Boolean - Whether we should show a stroke on each segment 6 | @:optional var segmentShowStroke:Bool; 7 | 8 | //String - The colour of each segment stroke 9 | @:optional var segmentStrokeColor:String; 10 | 11 | //Number - The width of each segment stroke 12 | @:optional var segmentStrokeWidth:Float; 13 | 14 | //The percentage of the chart that we cut out of the middle. 15 | @:optional var percentageInnerCutout:Float; 16 | 17 | //Number - Amount of animation steps 18 | @:optional var animationSteps:Float; 19 | 20 | //String - Animation easing effect 21 | @:optional var animationEasing:String; 22 | 23 | //Boolean - Whether we animate the rotation of the Doughnut 24 | @:optional var animateRotate:Bool; 25 | 26 | //Boolean - Whether we animate scaling the Doughnut from the centre 27 | @:optional var animateScale:Bool; 28 | 29 | //String - A legend template 30 | @:optional var legendTemplate:String; 31 | 32 | @:optional var animation:Bool; 33 | @:optional var customTooltips:Bool; 34 | @:optional var maintainAspectRatio:Bool; 35 | @:optional var multiTooltipKeyBackground:String; 36 | @:optional var multiTooltipTemplate:String; 37 | @:optional var onAnimationComplete:Void -> Void; 38 | @:optional var onAnimationProgress:Void -> Void; 39 | @:optional var responsive:Bool; 40 | @:optional var scaleBeginAtZero:Bool; 41 | @:optional var scaleFontColor:String; 42 | @:optional var scaleFontFamily:String; 43 | @:optional var scaleFontSize:Float; 44 | @:optional var scaleFontStyle:String; 45 | @:optional var scaleIntegersOnly:Bool; 46 | @:optional var scaleLabel:String; 47 | @:optional var scaleLineColor:String; 48 | @:optional var scaleLineWidth:Float; 49 | @:optional var scaleOverride:Bool; 50 | @:optional var scaleShowLabels:Bool; 51 | @:optional var scaleStartValue:Float; 52 | @:optional var scaleStepWidth:Float; 53 | @:optional var scaleSteps:Float; 54 | @:optional var showScale:Bool; 55 | @:optional var showTooltips:Bool; 56 | @:optional var tooltipCaretSize:Float; 57 | @:optional var tooltipCornerRadius:Float; 58 | @:optional var tooltipEvents:Array; 59 | @:optional var tooltipFillColor:String; 60 | @:optional var tooltipFontColor:String; 61 | @:optional var tooltipFontFamily:String; 62 | @:optional var tooltipFontSize:Float; 63 | @:optional var tooltipFontStyle:String; 64 | @:optional var tooltipTemplate:String; 65 | @:optional var tooltipTitleFontColor:String; 66 | @:optional var tooltipTitleFontFamily:String; 67 | @:optional var tooltipTitleFontSize:Float; 68 | @:optional var tooltipTitleFontStyle:String; 69 | @:optional var tooltipXOffset:Float; 70 | @:optional var tooltipXPadding:Float; 71 | @:optional var tooltipYPadding:Float; 72 | } -------------------------------------------------------------------------------- /chart/LineChart.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | import js.html.Event; 4 | 5 | @:native("Chart.Line") 6 | extern class LineChart extends Type { 7 | 8 | function update():Void; 9 | 10 | function removeData():Void; 11 | 12 | function addData(values:Array, label:String):Void; 13 | 14 | function getPointsAtEvent(evt:Event):Array; 15 | } -------------------------------------------------------------------------------- /chart/LineOptions.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | typedef LineOptions = { 4 | ///Boolean - Whether grid lines are shown across the chart 5 | @:optional var scaleShowGridLines:Bool; 6 | 7 | //String - Colour of the grid lines 8 | @:optional var scaleGridLineColor:String; 9 | 10 | //Number - Width of the grid lines 11 | @:optional var scaleGridLineWidth:Float; 12 | 13 | //Boolean - Whether to show horizontal lines (except X axis) 14 | @:optional var scaleShowHorizontalLines:Bool; 15 | 16 | //Boolean - Whether to show vertical lines (except Y axis) 17 | @:optional var scaleShowVerticalLines:Bool; 18 | 19 | //Boolean - Whether the line is curved between points 20 | @:optional var bezierCurve:Bool; 21 | 22 | //Number - Tension of the bezier curve between points 23 | @:optional var bezierCurveTension:Float; 24 | 25 | //Boolean - Whether to show a dot for each point 26 | @:optional var pointDot:Bool; 27 | 28 | //Number - Radius of each point dot in pixels 29 | @:optional var pointDotRadius:Float; 30 | 31 | //Number - Pixel width of point dot stroke 32 | @:optional var pointDotStrokeWidth:Float; 33 | 34 | //Number - amount extra to add to the radius to cater for hit detection outside the drawn point 35 | @:optional var pointHitDetectionRadius:Float; 36 | 37 | //Boolean - Whether to show a stroke for datasets 38 | @:optional var datasetStroke:Bool; 39 | 40 | //Number - Pixel width of dataset stroke 41 | @:optional var datasetStrokeWidth:Float; 42 | 43 | //Boolean - Whether to fill the dataset with a colour 44 | @:optional var datasetFill:Bool; 45 | 46 | //String - A legend template 47 | @:optional var legendTemplate:String; 48 | 49 | //Boolean - Whether to horizontally center the label and point dot inside the grid 50 | @:optional var offsetGridLines:Bool; 51 | 52 | @:optional var animation:Bool; 53 | @:optional var animationEasing:String; 54 | @:optional var animationSteps:Int; 55 | @:optional var customTooltips:Bool; 56 | @:optional var maintainAspectRatio:Bool; 57 | @:optional var multiTooltipKeyBackground:String; 58 | @:optional var multiTooltipTemplate:String; 59 | @:optional var onAnimationComplete:Void -> Void; 60 | @:optional var onAnimationProgress:Void -> Void; 61 | @:optional var responsive:Bool; 62 | @:optional var scaleBeginAtZero:Bool; 63 | @:optional var scaleFontColor:String; 64 | @:optional var scaleFontFamily:String; 65 | @:optional var scaleFontSize:Float; 66 | @:optional var scaleFontStyle:String; 67 | @:optional var scaleIntegersOnly:Bool; 68 | @:optional var scaleLabel:String; 69 | @:optional var scaleLineColor:String; 70 | @:optional var scaleLineWidth:Float; 71 | @:optional var scaleOverride:Bool; 72 | @:optional var scaleShowLabels:Bool; 73 | @:optional var scaleStartValue:Float; 74 | @:optional var scaleStepWidth:Float; 75 | @:optional var scaleSteps:Float; 76 | @:optional var showScale:Bool; 77 | @:optional var showTooltips:Bool; 78 | @:optional var tooltipCaretSize:Float; 79 | @:optional var tooltipCornerRadius:Float; 80 | @:optional var tooltipEvents:Array; 81 | @:optional var tooltipFillColor:String; 82 | @:optional var tooltipFontColor:String; 83 | @:optional var tooltipFontFamily:String; 84 | @:optional var tooltipFontSize:Float; 85 | @:optional var tooltipFontStyle:String; 86 | @:optional var tooltipTemplate:String; 87 | @:optional var tooltipTitleFontColor:String; 88 | @:optional var tooltipTitleFontFamily:String; 89 | @:optional var tooltipTitleFontSize:Float; 90 | @:optional var tooltipTitleFontStyle:String; 91 | @:optional var tooltipXOffset:Float; 92 | @:optional var tooltipXPadding:Float; 93 | @:optional var tooltipYPadding:Float; 94 | } -------------------------------------------------------------------------------- /chart/PieChart.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | import chart.data.SegmentData; 4 | import js.html.Event; 5 | 6 | @:native("Chart.Pie") 7 | extern class PieChart extends Type { 8 | 9 | function update():Void; 10 | 11 | function removeData(index:Int):Void; 12 | 13 | function addData(values:SegmentData, index:Int):Void; 14 | 15 | function getSegmentsAtEvent(evt:Event):Array; 16 | } -------------------------------------------------------------------------------- /chart/PolarAreaChart.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | import chart.data.SegmentData; 4 | import js.html.Event; 5 | 6 | @:native("Chart.PolarArea") 7 | extern class PolarAreaChart extends Type { 8 | 9 | function update():Void; 10 | 11 | function removeData(index:Int):Void; 12 | 13 | function addData(values:SegmentData, index:Int):Void; 14 | 15 | function getSegmentsAtEvent(evt:Event):Array; 16 | } -------------------------------------------------------------------------------- /chart/PolarAreaOptions.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | typedef PolarAreaOptions = { 4 | //Boolean - Show a backdrop to the scale label 5 | @:optional var scaleShowLabelBackdrop:Bool; 6 | 7 | //String - The colour of the label backdrop 8 | @:optional var scaleBackdropColor:String; 9 | 10 | // Boolean - Whether the scale should begin at zero 11 | @:optional var scaleBeginAtZero:Bool; 12 | 13 | //Number - The backdrop padding above & below the label in pixels 14 | @:optional var scaleBackdropPaddingY:Float; 15 | 16 | //Number - The backdrop padding to the side of the label in pixels 17 | @:optional var scaleBackdropPaddingX:Float; 18 | 19 | //Boolean - Show line for each value in the scale 20 | @:optional var scaleShowLine:Bool; 21 | 22 | //Boolean - Stroke a line around each segment in the chart 23 | @:optional var segmentShowStroke:Bool; 24 | 25 | //String - The colour of the stroke on each segment. 26 | @:optional var segmentStrokeColor:String; 27 | 28 | //Number - The width of the stroke value in pixels 29 | @:optional var segmentStrokeWidth:Float; 30 | 31 | //Number - Amount of animation steps 32 | @:optional var animationSteps:Float; 33 | 34 | //String - Animation easing effect. 35 | @:optional var animationEasing:String; 36 | 37 | //Boolean - Whether to animate the rotation of the chart 38 | @:optional var animateRotate:Bool; 39 | 40 | //Boolean - Whether to animate scaling the chart from the centre 41 | @:optional var animateScale:Bool; 42 | 43 | //String - A legend template 44 | @:optional var legendTemplate:String; 45 | 46 | @:optional var animation:Bool; 47 | @:optional var customTooltips:Bool; 48 | @:optional var maintainAspectRatio:Bool; 49 | @:optional var multiTooltipKeyBackground:String; 50 | @:optional var multiTooltipTemplate:String; 51 | @:optional var onAnimationComplete:Void -> Void; 52 | @:optional var onAnimationProgress:Void -> Void; 53 | @:optional var responsive:Bool; 54 | @:optional var scaleFontColor:String; 55 | @:optional var scaleFontFamily:String; 56 | @:optional var scaleFontSize:Float; 57 | @:optional var scaleFontStyle:String; 58 | @:optional var scaleIntegersOnly:Bool; 59 | @:optional var scaleLabel:String; 60 | @:optional var scaleLineColor:String; 61 | @:optional var scaleLineWidth:Float; 62 | @:optional var scaleOverride:Bool; 63 | @:optional var scaleShowLabels:Bool; 64 | @:optional var scaleStartValue:Float; 65 | @:optional var scaleStepWidth:Float; 66 | @:optional var scaleSteps:Float; 67 | @:optional var showScale:Bool; 68 | @:optional var showTooltips:Bool; 69 | @:optional var tooltipCaretSize:Float; 70 | @:optional var tooltipCornerRadius:Float; 71 | @:optional var tooltipEvents:Array; 72 | @:optional var tooltipFillColor:String; 73 | @:optional var tooltipFontColor:String; 74 | @:optional var tooltipFontFamily:String; 75 | @:optional var tooltipFontSize:Float; 76 | @:optional var tooltipFontStyle:String; 77 | @:optional var tooltipTemplate:String; 78 | @:optional var tooltipTitleFontColor:String; 79 | @:optional var tooltipTitleFontFamily:String; 80 | @:optional var tooltipTitleFontSize:Float; 81 | @:optional var tooltipTitleFontStyle:String; 82 | @:optional var tooltipXOffset:Float; 83 | @:optional var tooltipXPadding:Float; 84 | @:optional var tooltipYPadding:Float; 85 | } -------------------------------------------------------------------------------- /chart/RadarChart.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | import js.html.Event; 4 | 5 | @:native("Chart.Radar") 6 | extern class RadarChart extends Type { 7 | 8 | function update():Void; 9 | 10 | function removeData():Void; 11 | 12 | function addData(values:Array, label:String):Void; 13 | 14 | function getPointsAtEvent(evt:Event):Array; 15 | } -------------------------------------------------------------------------------- /chart/RadarOptions.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | typedef RadarOptions = { 4 | 5 | //Boolean - Whether to show lines for each scale point 6 | @:optional var scaleShowLine:Bool; 7 | 8 | //Boolean - Whether we show the angle lines out of the radar 9 | @:optional var angleShowLineOut:Bool; 10 | 11 | //Boolean - Whether to show labels on the scale 12 | @:optional var scaleShowLabels:Bool; 13 | 14 | // Boolean - Whether the scale should begin at zero 15 | @:optional var scaleBeginAtZero:Bool; 16 | 17 | //String - Colour of the angle line 18 | @:optional var angleLineColor:String; 19 | 20 | //Number - Pixel width of the angle line 21 | @:optional var angleLineWidth:Float; 22 | 23 | //String - Point label font declaration 24 | @:optional var pointLabelFontFamily:String; 25 | 26 | //String - Point label font weight 27 | @:optional var pointLabelFontStyle:String; 28 | 29 | //Number - Point label font size in pixels 30 | @:optional var pointLabelFontSize:Float; 31 | 32 | //String - Point label font colour 33 | @:optional var pointLabelFontColor:String; 34 | 35 | //Boolean - Whether to show a dot for each point 36 | @:optional var pointDot:Bool; 37 | 38 | //Number - Radius of each point dot in pixels 39 | @:optional var pointDotRadius:Float; 40 | 41 | //Number - Pixel width of point dot stroke 42 | @:optional var pointDotStrokeWidth:Float; 43 | 44 | //Number - amount extra to add to the radius to cater for hit detection outside the drawn point 45 | @:optional var pointHitDetectionRadius:Float; 46 | 47 | //Boolean - Whether to show a stroke for datasets 48 | @:optional var datasetStroke:Bool; 49 | 50 | //Number - Pixel width of dataset stroke 51 | @:optional var datasetStrokeWidth:Float; 52 | 53 | //Boolean - Whether to fill the dataset with a colour 54 | @:optional var datasetFill:Bool; 55 | 56 | //String - A legend template 57 | @:optional var legendTemplate:String; 58 | 59 | @:optional var animation:Bool; 60 | @:optional var animationEasing:String; 61 | @:optional var animationSteps:Int; 62 | @:optional var customTooltips:Bool; 63 | @:optional var maintainAspectRatio:Bool; 64 | @:optional var multiTooltipKeyBackground:String; 65 | @:optional var multiTooltipTemplate:String; 66 | @:optional var onAnimationComplete:Void -> Void; 67 | @:optional var onAnimationProgress:Void -> Void; 68 | @:optional var responsive:Bool; 69 | @:optional var scaleFontColor:String; 70 | @:optional var scaleFontFamily:String; 71 | @:optional var scaleFontSize:Float; 72 | @:optional var scaleFontStyle:String; 73 | @:optional var scaleIntegersOnly:Bool; 74 | @:optional var scaleLabel:String; 75 | @:optional var scaleLineColor:String; 76 | @:optional var scaleLineWidth:Float; 77 | @:optional var scaleOverride:Bool; 78 | @:optional var scaleStartValue:Float; 79 | @:optional var scaleStepWidth:Float; 80 | @:optional var scaleSteps:Float; 81 | @:optional var showScale:Bool; 82 | @:optional var showTooltips:Bool; 83 | @:optional var tooltipCaretSize:Float; 84 | @:optional var tooltipCornerRadius:Float; 85 | @:optional var tooltipEvents:Array; 86 | @:optional var tooltipFillColor:String; 87 | @:optional var tooltipFontColor:String; 88 | @:optional var tooltipFontFamily:String; 89 | @:optional var tooltipFontSize:Float; 90 | @:optional var tooltipFontStyle:String; 91 | @:optional var tooltipTemplate:String; 92 | @:optional var tooltipTitleFontColor:String; 93 | @:optional var tooltipTitleFontFamily:String; 94 | @:optional var tooltipTitleFontSize:Float; 95 | @:optional var tooltipTitleFontStyle:String; 96 | @:optional var tooltipXOffset:Float; 97 | @:optional var tooltipXPadding:Float; 98 | @:optional var tooltipYPadding:Float; 99 | } -------------------------------------------------------------------------------- /chart/Type.hx: -------------------------------------------------------------------------------- 1 | package chart; 2 | 3 | @:native("Chart.Type") 4 | extern class Type { 5 | 6 | function clear():Type; 7 | 8 | function stop():Type; 9 | 10 | function resize():Type; 11 | 12 | function destroy():Void; 13 | 14 | function toBase64Image():String; 15 | 16 | function generateLegend():String; 17 | } -------------------------------------------------------------------------------- /chart/data/BarData.hx: -------------------------------------------------------------------------------- 1 | package chart.data; 2 | 3 | typedef BarData = { 4 | var labels:Array; 5 | var datasets:Array; 6 | } -------------------------------------------------------------------------------- /chart/data/BarDataSet.hx: -------------------------------------------------------------------------------- 1 | package chart.data; 2 | 3 | typedef BarDataSet = { 4 | @:optional var label:String; 5 | @:optional var fillColor:String; 6 | @:optional var strokeColor:String; 7 | @:optional var highlightFill:String; 8 | @:optional var highlightStroke:String; 9 | @:optional var data:Array; 10 | } -------------------------------------------------------------------------------- /chart/data/LineData.hx: -------------------------------------------------------------------------------- 1 | package chart.data; 2 | 3 | typedef LineData = { 4 | var labels:Array; 5 | var datasets:Array; 6 | } -------------------------------------------------------------------------------- /chart/data/LineDataSet.hx: -------------------------------------------------------------------------------- 1 | package chart.data; 2 | 3 | typedef LineDataSet = { 4 | @:optional var label:String; 5 | @:optional var fillColor:String; 6 | @:optional var strokeColor:String; 7 | @:optional var pointColor:String; 8 | @:optional var pointStrokeColor:String; 9 | @:optional var pointHighlightFill:String; 10 | @:optional var pointHighlightStroke:String; 11 | @:optional var data:Array; 12 | } -------------------------------------------------------------------------------- /chart/data/RadarData.hx: -------------------------------------------------------------------------------- 1 | package chart.data; 2 | 3 | typedef RadarData = { 4 | var labels:Array; 5 | var datasets:Array; 6 | } -------------------------------------------------------------------------------- /chart/data/RadarDataSet.hx: -------------------------------------------------------------------------------- 1 | package chart.data; 2 | 3 | typedef RadarDataSet = { 4 | @:optional var label:String; 5 | @:optional var fillColor:String; 6 | @:optional var strokeColor:String; 7 | @:optional var pointColor:String; 8 | @:optional var pointStrokeColor:String; 9 | @:optional var pointHighlightFill:String; 10 | @:optional var pointHighlightStroke:String; 11 | @:optional var data:Array; 12 | } -------------------------------------------------------------------------------- /chart/data/SegmentData.hx: -------------------------------------------------------------------------------- 1 | package chart.data; 2 | 3 | typedef SegmentData = { 4 | @:optional var value:Dynamic; 5 | @:optional var color:String; 6 | @:optional var highlight:String; 7 | @:optional var label:String; 8 | } -------------------------------------------------------------------------------- /chart/defaults/BarDefaults.hx: -------------------------------------------------------------------------------- 1 | package chart.defaults; 2 | 3 | @:native("Chart.defaults.Bar") 4 | extern class BarDefaults { 5 | static var barDatasetSpacing:Float; 6 | static var barShowStroke:Bool; 7 | static var barStrokeWidth:Float; 8 | static var barValueSpacing:Float; 9 | static var legendTemplate:String; 10 | static var scaleBeginAtZero:Bool; 11 | static var scaleGridLineColor:String; 12 | static var scaleGridLineWidth:Float; 13 | static var scaleShowGridLines:Bool; 14 | static var scaleShowHorizontalLines:Bool; 15 | static var scaleShowVerticalLines:Bool; 16 | } -------------------------------------------------------------------------------- /chart/defaults/DoughnutDefaults.hx: -------------------------------------------------------------------------------- 1 | package chart.defaults; 2 | 3 | @:native("Chart.defaults.Doughnut") 4 | extern class DoughnutDefaults { 5 | static var animateRotate:Bool; 6 | static var animateScale:Bool; 7 | static var animationEasing:String; 8 | static var animationSteps:Float; 9 | static var legendTemplate:String; 10 | static var percentageInnerCutout:Float; 11 | static var segmentShowStroke:Bool; 12 | static var segmentStrokeColor:String; 13 | static var segmentStrokeWidth:Float; 14 | } -------------------------------------------------------------------------------- /chart/defaults/Global.hx: -------------------------------------------------------------------------------- 1 | package chart.defaults; 2 | 3 | @:native("Chart.defaults.global") 4 | extern class Global { 5 | static var animation:Bool; 6 | static var animationEasing:String; 7 | static var animationSteps:Int; 8 | static var customTooltips:Bool; 9 | static var maintainAspectRatio:Bool; 10 | static var multiTooltipKeyBackground:String; 11 | static var multiTooltipTemplate:String; 12 | static var onAnimationComplete:Void -> Void; 13 | static var onAnimationProgress:Void -> Void; 14 | static var responsive:Bool; 15 | static var scaleBeginAtZero:Bool; 16 | static var scaleFontColor:String; 17 | static var scaleFontFamily:String; 18 | static var scaleFontSize:Float; 19 | static var scaleFontStyle:String; 20 | static var scaleIntegersOnly:Bool; 21 | static var scaleLabel:String; 22 | static var scaleLineColor:String; 23 | static var scaleLineWidth:Float; 24 | static var scaleOverride:Bool; 25 | static var scaleShowLabels:Bool; 26 | static var scaleStartValue:Float; 27 | static var scaleStepWidth:Float; 28 | static var scaleSteps:Float; 29 | static var showScale:Bool; 30 | static var showTooltips:Bool; 31 | static var tooltipCaretSize:Float; 32 | static var tooltipCornerRadius:Float; 33 | static var tooltipEvents:Array; 34 | static var tooltipFillColor:String; 35 | static var tooltipFontColor:String; 36 | static var tooltipFontFamily:String; 37 | static var tooltipFontSize:Float; 38 | static var tooltipFontStyle:String; 39 | static var tooltipTemplate:String; 40 | static var tooltipTitleFontColor:String; 41 | static var tooltipTitleFontFamily:String; 42 | static var tooltipTitleFontSize:Float; 43 | static var tooltipTitleFontStyle:String; 44 | static var tooltipXOffset:Float; 45 | static var tooltipXPadding:Float; 46 | static var tooltipYPadding:Float; 47 | } -------------------------------------------------------------------------------- /chart/defaults/LineDefaults.hx: -------------------------------------------------------------------------------- 1 | package chart.defaults; 2 | 3 | @:native("Chart.defaults.Line") 4 | extern class LineDefaults { 5 | static var bezierCurve:Bool; 6 | static var bezierCurveTension:Float; 7 | static var datasetFill:Bool; 8 | static var datasetStroke:Bool; 9 | static var datasetStrokeWidth:Float; 10 | static var legendTemplate:String; 11 | static var pointDot:Bool; 12 | static var pointDotRadius:Float; 13 | static var pointDotStrokeWidth:Float; 14 | static var pointHitDetectionRadius:Float; 15 | static var scaleGridLineColor:String; 16 | static var scaleGridLineWidth:Float; 17 | static var scaleShowGridLines:Bool; 18 | static var scaleShowHorizontalLines:Bool; 19 | static var scaleShowVerticalLines:Bool; 20 | } -------------------------------------------------------------------------------- /chart/defaults/PieDefaults.hx: -------------------------------------------------------------------------------- 1 | package chart.defaults; 2 | 3 | @:native("Chart.defaults.Pie") 4 | extern class PieDefaults { 5 | static var animateRotate:Bool; 6 | static var animateScale:Bool; 7 | static var animationEasing:String; 8 | static var animationSteps:Float; 9 | static var legendTemplate:String; 10 | static var percentageInnerCutout:Float; 11 | static var segmentShowStroke:Bool; 12 | static var segmentStrokeColor:String; 13 | static var segmentStrokeWidth:Float; 14 | } -------------------------------------------------------------------------------- /chart/defaults/PolarAreaDefaults.hx: -------------------------------------------------------------------------------- 1 | package chart.defaults; 2 | 3 | @:native("Chart.defaults.PolarArea") 4 | extern class PolarAreaDefaults { 5 | static var animateRotate:Bool; 6 | static var animateScale:Bool; 7 | static var animationEasing:String; 8 | static var animationSteps:Float; 9 | static var legendTemplate:String; 10 | static var scaleBackdropColor:String; 11 | static var scaleBackdropPaddingX:Float; 12 | static var scaleBackdropPaddingY:Float; 13 | static var scaleBeginAtZero:Bool; 14 | static var scaleShowLabelBackdrop:Bool; 15 | static var scaleShowLine:Bool; 16 | static var segmentShowStroke:Bool; 17 | static var segmentStrokeColor:String; 18 | static var segmentStrokeWidth:Float; 19 | } -------------------------------------------------------------------------------- /chart/defaults/RadarDefaults.hx: -------------------------------------------------------------------------------- 1 | package chart.defaults; 2 | 3 | @:native("Chart.defaults.Radar") 4 | extern class RadarDefaults { 5 | static var angleLineColor:String; 6 | static var angleLineWidth:Float; 7 | static var angleShowLineOut:Bool; 8 | static var datasetFill:Bool; 9 | static var datasetStroke:Bool; 10 | static var datasetStrokeWidth:Float; 11 | static var legendTemplate:String; 12 | static var pointDot:Bool; 13 | static var pointDotRadius:Float; 14 | static var pointDotStrokeWidth:Float; 15 | static var pointHitDetectionRadius:Float; 16 | static var pointLabelFontColor:String; 17 | static var pointLabelFontFamily:String; 18 | static var pointLabelFontSize:Float; 19 | static var pointLabelFontStyle:String; 20 | static var scaleBeginAtZero:Bool; 21 | static var scaleShowLabels:Bool; 22 | static var scaleShowLine:Bool; 23 | } -------------------------------------------------------------------------------- /gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function (grunt) { 2 | 3 | grunt.initConfig({ 4 | pkg: grunt.file.readJSON("package.json"), 5 | 6 | haxe: { 7 | project: { 8 | hxml: "build.hxml" 9 | } 10 | }, 11 | 12 | exec: { 13 | copy_samples: "cp -R samples/_output/** ../adireddy.github.io/demos/haxe-chart/" 14 | }, 15 | 16 | zip: { 17 | "chart.zip": ["chart/**", "haxelib.json", "README.md"] 18 | } 19 | }); 20 | 21 | grunt.loadNpmTasks("grunt-haxe"); 22 | grunt.loadNpmTasks("grunt-browserify"); 23 | grunt.loadNpmTasks("grunt-contrib-uglify"); 24 | grunt.loadNpmTasks("grunt-zip"); 25 | grunt.loadNpmTasks("grunt-exec"); 26 | grunt.registerTask("default", ["haxe", "exec"]); 27 | }; -------------------------------------------------------------------------------- /haxelib.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "chartjs", 3 | "license": "MIT", 4 | "tags": [ 5 | "js", 6 | "haxe", 7 | "charts", 8 | "graphs", 9 | "chart.js", 10 | "extern", 11 | "web", 12 | "library" 13 | ], 14 | "description": "Externs of Chart.js for Haxe - Simple, clean and engaging charts for designers and developers", 15 | "contributors": [ 16 | "adireddy" 17 | ], 18 | "releasenote": "bug fixes", 19 | "version": "1.0.2", 20 | "url": "https://github.com/adireddy/haxe-chart", 21 | "dependencies": { 22 | 23 | } 24 | } -------------------------------------------------------------------------------- /libs/chart.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Chart.js 3 | * http://chartjs.org/ 4 | * Version: 1.0.2 5 | * 6 | * Copyright 2015 Nick Downie 7 | * Released under the MIT license 8 | * https://github.com/nnnick/Chart.js/blob/master/LICENSE.md 9 | */ 10 | (function(){"use strict";var t=this,i=t.Chart,e=function(t){this.canvas=t.canvas,this.ctx=t;var i=function(t,i){return t["offset"+i]?t["offset"+i]:document.defaultView.getComputedStyle(t).getPropertyValue(i)},e=this.width=i(t.canvas,"Width"),n=this.height=i(t.canvas,"Height");t.canvas.width=e,t.canvas.height=n;var e=this.width=t.canvas.width,n=this.height=t.canvas.height;return this.aspectRatio=this.width/this.height,s.retinaScale(this),this};e.defaults={global:{animation:!0,animationSteps:60,animationEasing:"easeOutQuart",showScale:!0,scaleOverride:!1,scaleSteps:null,scaleStepWidth:null,scaleStartValue:null,scaleLineColor:"rgba(0,0,0,.1)",scaleLineWidth:1,scaleShowLabels:!0,scaleLabel:"<%=value%>",scaleIntegersOnly:!0,scaleBeginAtZero:!1,scaleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",scaleFontSize:12,scaleFontStyle:"normal",scaleFontColor:"#666",responsive:!1,maintainAspectRatio:!0,showTooltips:!0,customTooltips:!1,tooltipEvents:["mousemove","touchstart","touchmove","mouseout"],tooltipFillColor:"rgba(0,0,0,0.8)",tooltipFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipFontSize:14,tooltipFontStyle:"normal",tooltipFontColor:"#fff",tooltipTitleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipTitleFontSize:14,tooltipTitleFontStyle:"bold",tooltipTitleFontColor:"#fff",tooltipYPadding:6,tooltipXPadding:6,tooltipCaretSize:8,tooltipCornerRadius:6,tooltipXOffset:10,tooltipTemplate:"<%if (label){%><%=label%>: <%}%><%= value %>",multiTooltipTemplate:"<%= value %>",multiTooltipKeyBackground:"#fff",onAnimationProgress:function(){},onAnimationComplete:function(){}}},e.types={};var s=e.helpers={},n=s.each=function(t,i,e){var s=Array.prototype.slice.call(arguments,3);if(t)if(t.length===+t.length){var n;for(n=0;n=0;s--){var n=t[s];if(i(n))return n}},s.inherits=function(t){var i=this,e=t&&t.hasOwnProperty("constructor")?t.constructor:function(){return i.apply(this,arguments)},s=function(){this.constructor=e};return s.prototype=i.prototype,e.prototype=new s,e.extend=r,t&&a(e.prototype,t),e.__super__=i.prototype,e}),c=s.noop=function(){},u=s.uid=function(){var t=0;return function(){return"chart-"+t++}}(),d=s.warn=function(t){window.console&&"function"==typeof window.console.warn&&console.warn(t)},p=s.amd="function"==typeof define&&define.amd,f=s.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},g=s.max=function(t){return Math.max.apply(Math,t)},m=s.min=function(t){return Math.min.apply(Math,t)},v=(s.cap=function(t,i,e){if(f(i)){if(t>i)return i}else if(f(e)&&e>t)return e;return t},s.getDecimalPlaces=function(t){return t%1!==0&&f(t)?t.toString().split(".")[1].length:0}),S=s.radians=function(t){return t*(Math.PI/180)},x=(s.getAngleFromPoint=function(t,i){var e=i.x-t.x,s=i.y-t.y,n=Math.sqrt(e*e+s*s),o=2*Math.PI+Math.atan2(s,e);return 0>e&&0>s&&(o+=2*Math.PI),{angle:o,distance:n}},s.aliasPixel=function(t){return t%2===0?0:.5}),y=(s.splineCurve=function(t,i,e,s){var n=Math.sqrt(Math.pow(i.x-t.x,2)+Math.pow(i.y-t.y,2)),o=Math.sqrt(Math.pow(e.x-i.x,2)+Math.pow(e.y-i.y,2)),a=s*n/(n+o),h=s*o/(n+o);return{inner:{x:i.x-a*(e.x-t.x),y:i.y-a*(e.y-t.y)},outer:{x:i.x+h*(e.x-t.x),y:i.y+h*(e.y-t.y)}}},s.calculateOrderOfMagnitude=function(t){return Math.floor(Math.log(t)/Math.LN10)}),C=(s.calculateScaleRange=function(t,i,e,s,n){var o=2,a=Math.floor(i/(1.5*e)),h=o>=a,l=g(t),r=m(t);l===r&&(l+=.5,r>=.5&&!s?r-=.5:l+=.5);for(var c=Math.abs(l-r),u=y(c),d=Math.ceil(l/(1*Math.pow(10,u)))*Math.pow(10,u),p=s?0:Math.floor(r/(1*Math.pow(10,u)))*Math.pow(10,u),f=d-p,v=Math.pow(10,u),S=Math.round(f/v);(S>a||a>2*S)&&!h;)if(S>a)v*=2,S=Math.round(f/v),S%1!==0&&(h=!0);else if(n&&u>=0){if(v/2%1!==0)break;v/=2,S=Math.round(f/v)}else v/=2,S=Math.round(f/v);return h&&(S=o,v=f/S),{steps:S,stepValue:v,min:p,max:p+S*v}},s.template=function(t,i){function e(t,i){var e=/\W/.test(t)?new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+t.replace(/[\r\t\n]/g," ").split("<%").join(" ").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split(" ").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');"):s[t]=s[t];return i?e(i):e}if(t instanceof Function)return t(i);var s={};return e(t,i)}),w=(s.generateLabels=function(t,i,e,s){var o=new Array(i);return labelTemplateString&&n(o,function(i,n){o[n]=C(t,{value:e+s*(n+1)})}),o},s.easingEffects={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return-1*t*(t-2)},easeInOutQuad:function(t){return(t/=.5)<1?.5*t*t:-0.5*(--t*(t-2)-1)},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return 1*((t=t/1-1)*t*t+1)},easeInOutCubic:function(t){return(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return-1*((t=t/1-1)*t*t*t-1)},easeInOutQuart:function(t){return(t/=.5)<1?.5*t*t*t*t:-0.5*((t-=2)*t*t*t-2)},easeInQuint:function(t){return 1*(t/=1)*t*t*t*t},easeOutQuint:function(t){return 1*((t=t/1-1)*t*t*t*t+1)},easeInOutQuint:function(t){return(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},easeInSine:function(t){return-1*Math.cos(t/1*(Math.PI/2))+1},easeOutSine:function(t){return 1*Math.sin(t/1*(Math.PI/2))},easeInOutSine:function(t){return-0.5*(Math.cos(Math.PI*t/1)-1)},easeInExpo:function(t){return 0===t?1:1*Math.pow(2,10*(t/1-1))},easeOutExpo:function(t){return 1===t?1:1*(-Math.pow(2,-10*t/1)+1)},easeInOutExpo:function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(-Math.pow(2,-10*--t)+2)},easeInCirc:function(t){return t>=1?t:-1*(Math.sqrt(1-(t/=1)*t)-1)},easeOutCirc:function(t){return 1*Math.sqrt(1-(t=t/1-1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-0.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var i=1.70158,e=0,s=1;return 0===t?0:1==(t/=1)?1:(e||(e=.3),st?-.5*s*Math.pow(2,10*(t-=1))*Math.sin(2*(1*t-i)*Math.PI/e):s*Math.pow(2,-10*(t-=1))*Math.sin(2*(1*t-i)*Math.PI/e)*.5+1)},easeInBack:function(t){var i=1.70158;return 1*(t/=1)*t*((i+1)*t-i)},easeOutBack:function(t){var i=1.70158;return 1*((t=t/1-1)*t*((i+1)*t+i)+1)},easeInOutBack:function(t){var i=1.70158;return(t/=.5)<1?.5*t*t*(((i*=1.525)+1)*t-i):.5*((t-=2)*t*(((i*=1.525)+1)*t+i)+2)},easeInBounce:function(t){return 1-w.easeOutBounce(1-t)},easeOutBounce:function(t){return(t/=1)<1/2.75?7.5625*t*t:2/2.75>t?1*(7.5625*(t-=1.5/2.75)*t+.75):2.5/2.75>t?1*(7.5625*(t-=2.25/2.75)*t+.9375):1*(7.5625*(t-=2.625/2.75)*t+.984375)},easeInOutBounce:function(t){return.5>t?.5*w.easeInBounce(2*t):.5*w.easeOutBounce(2*t-1)+.5}}),b=s.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)}}(),P=s.cancelAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(t){return window.clearTimeout(t,1e3/60)}}(),L=(s.animationLoop=function(t,i,e,s,n,o){var a=0,h=w[e]||w.linear,l=function(){a++;var e=a/i,r=h(e);t.call(o,r,e,a),s.call(o,r,e),i>a?o.animationFrame=b(l):n.apply(o)};b(l)},s.getRelativePosition=function(t){var i,e,s=t.originalEvent||t,n=t.currentTarget||t.srcElement,o=n.getBoundingClientRect();return s.touches?(i=s.touches[0].clientX-o.left,e=s.touches[0].clientY-o.top):(i=s.clientX-o.left,e=s.clientY-o.top),{x:i,y:e}},s.addEvent=function(t,i,e){t.addEventListener?t.addEventListener(i,e):t.attachEvent?t.attachEvent("on"+i,e):t["on"+i]=e}),k=s.removeEvent=function(t,i,e){t.removeEventListener?t.removeEventListener(i,e,!1):t.detachEvent?t.detachEvent("on"+i,e):t["on"+i]=c},F=(s.bindEvents=function(t,i,e){t.events||(t.events={}),n(i,function(i){t.events[i]=function(){e.apply(t,arguments)},L(t.chart.canvas,i,t.events[i])})},s.unbindEvents=function(t,i){n(i,function(i,e){k(t.chart.canvas,e,i)})}),R=s.getMaximumWidth=function(t){var i=t.parentNode;return i.clientWidth},T=s.getMaximumHeight=function(t){var i=t.parentNode;return i.clientHeight},A=(s.getMaximumSize=s.getMaximumWidth,s.retinaScale=function(t){var i=t.ctx,e=t.canvas.width,s=t.canvas.height;window.devicePixelRatio&&(i.canvas.style.width=e+"px",i.canvas.style.height=s+"px",i.canvas.height=s*window.devicePixelRatio,i.canvas.width=e*window.devicePixelRatio,i.scale(window.devicePixelRatio,window.devicePixelRatio))}),M=s.clear=function(t){t.ctx.clearRect(0,0,t.width,t.height)},W=s.fontString=function(t,i,e){return i+" "+t+"px "+e},z=s.longestText=function(t,i,e){t.font=i;var s=0;return n(e,function(i){var e=t.measureText(i).width;s=e>s?e:s}),s},B=s.drawRoundedRectangle=function(t,i,e,s,n,o){t.beginPath(),t.moveTo(i+o,e),t.lineTo(i+s-o,e),t.quadraticCurveTo(i+s,e,i+s,e+o),t.lineTo(i+s,e+n-o),t.quadraticCurveTo(i+s,e+n,i+s-o,e+n),t.lineTo(i+o,e+n),t.quadraticCurveTo(i,e+n,i,e+n-o),t.lineTo(i,e+o),t.quadraticCurveTo(i,e,i+o,e),t.closePath()};e.instances={},e.Type=function(t,i,s){this.options=i,this.chart=s,this.id=u(),e.instances[this.id]=this,i.responsive&&this.resize(),this.initialize.call(this,t)},a(e.Type.prototype,{initialize:function(){return this},clear:function(){return M(this.chart),this},stop:function(){return P(this.animationFrame),this},resize:function(t){this.stop();var i=this.chart.canvas,e=R(this.chart.canvas),s=this.options.maintainAspectRatio?e/this.chart.aspectRatio:T(this.chart.canvas);return i.width=this.chart.width=e,i.height=this.chart.height=s,A(this.chart),"function"==typeof t&&t.apply(this,Array.prototype.slice.call(arguments,1)),this},reflow:c,render:function(t){return t&&this.reflow(),this.options.animation&&!t?s.animationLoop(this.draw,this.options.animationSteps,this.options.animationEasing,this.options.onAnimationProgress,this.options.onAnimationComplete,this):(this.draw(),this.options.onAnimationComplete.call(this)),this},generateLegend:function(){return C(this.options.legendTemplate,this)},destroy:function(){this.clear(),F(this,this.events);var t=this.chart.canvas;t.width=this.chart.width,t.height=this.chart.height,t.style.removeProperty?(t.style.removeProperty("width"),t.style.removeProperty("height")):(t.style.removeAttribute("width"),t.style.removeAttribute("height")),delete e.instances[this.id]},showTooltip:function(t,i){"undefined"==typeof this.activeElements&&(this.activeElements=[]);var o=function(t){var i=!1;return t.length!==this.activeElements.length?i=!0:(n(t,function(t,e){t!==this.activeElements[e]&&(i=!0)},this),i)}.call(this,t);if(o||i){if(this.activeElements=t,this.draw(),this.options.customTooltips&&this.options.customTooltips(!1),t.length>0)if(this.datasets&&this.datasets.length>1){for(var a,h,r=this.datasets.length-1;r>=0&&(a=this.datasets[r].points||this.datasets[r].bars||this.datasets[r].segments,h=l(a,t[0]),-1===h);r--);var c=[],u=[],d=function(){var t,i,e,n,o,a=[],l=[],r=[];return s.each(this.datasets,function(i){t=i.points||i.bars||i.segments,t[h]&&t[h].hasValue()&&a.push(t[h])}),s.each(a,function(t){l.push(t.x),r.push(t.y),c.push(s.template(this.options.multiTooltipTemplate,t)),u.push({fill:t._saved.fillColor||t.fillColor,stroke:t._saved.strokeColor||t.strokeColor})},this),o=m(r),e=g(r),n=m(l),i=g(l),{x:n>this.chart.width/2?n:i,y:(o+e)/2}}.call(this,h);new e.MultiTooltip({x:d.x,y:d.y,xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,xOffset:this.options.tooltipXOffset,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,titleTextColor:this.options.tooltipTitleFontColor,titleFontFamily:this.options.tooltipTitleFontFamily,titleFontStyle:this.options.tooltipTitleFontStyle,titleFontSize:this.options.tooltipTitleFontSize,cornerRadius:this.options.tooltipCornerRadius,labels:c,legendColors:u,legendColorBackground:this.options.multiTooltipKeyBackground,title:t[0].label,chart:this.chart,ctx:this.chart.ctx,custom:this.options.customTooltips}).draw()}else n(t,function(t){var i=t.tooltipPosition();new e.Tooltip({x:Math.round(i.x),y:Math.round(i.y),xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,caretHeight:this.options.tooltipCaretSize,cornerRadius:this.options.tooltipCornerRadius,text:C(this.options.tooltipTemplate,t),chart:this.chart,custom:this.options.customTooltips}).draw()},this);return this}},toBase64Image:function(){return this.chart.canvas.toDataURL.apply(this.chart.canvas,arguments)}}),e.Type.extend=function(t){var i=this,s=function(){return i.apply(this,arguments)};if(s.prototype=o(i.prototype),a(s.prototype,t),s.extend=e.Type.extend,t.name||i.prototype.name){var n=t.name||i.prototype.name,l=e.defaults[i.prototype.name]?o(e.defaults[i.prototype.name]):{};e.defaults[n]=a(l,t.defaults),e.types[n]=s,e.prototype[n]=function(t,i){var o=h(e.defaults.global,e.defaults[n],i||{});return new s(t,o,this)}}else d("Name not provided for this chart, so it hasn't been registered");return i},e.Element=function(t){a(this,t),this.initialize.apply(this,arguments),this.save()},a(e.Element.prototype,{initialize:function(){},restore:function(t){return t?n(t,function(t){this[t]=this._saved[t]},this):a(this,this._saved),this},save:function(){return this._saved=o(this),delete this._saved._saved,this},update:function(t){return n(t,function(t,i){this._saved[i]=this[i],this[i]=t},this),this},transition:function(t,i){return n(t,function(t,e){this[e]=(t-this._saved[e])*i+this._saved[e]},this),this},tooltipPosition:function(){return{x:this.x,y:this.y}},hasValue:function(){return f(this.value)}}),e.Element.extend=r,e.Point=e.Element.extend({display:!0,inRange:function(t,i){var e=this.hitDetectionRadius+this.radius;return Math.pow(t-this.x,2)+Math.pow(i-this.y,2)=this.startAngle&&e.angle<=this.endAngle,o=e.distance>=this.innerRadius&&e.distance<=this.outerRadius;return n&&o},tooltipPosition:function(){var t=this.startAngle+(this.endAngle-this.startAngle)/2,i=(this.outerRadius-this.innerRadius)/2+this.innerRadius;return{x:this.x+Math.cos(t)*i,y:this.y+Math.sin(t)*i}},draw:function(t){var i=this.ctx;i.beginPath(),i.arc(this.x,this.y,this.outerRadius,this.startAngle,this.endAngle),i.arc(this.x,this.y,this.innerRadius,this.endAngle,this.startAngle,!0),i.closePath(),i.strokeStyle=this.strokeColor,i.lineWidth=this.strokeWidth,i.fillStyle=this.fillColor,i.fill(),i.lineJoin="bevel",this.showStroke&&i.stroke()}}),e.Rectangle=e.Element.extend({draw:function(){var t=this.ctx,i=this.width/2,e=this.x-i,s=this.x+i,n=this.base-(this.base-this.y),o=this.strokeWidth/2;this.showStroke&&(e+=o,s-=o,n+=o),t.beginPath(),t.fillStyle=this.fillColor,t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.moveTo(e,this.base),t.lineTo(e,n),t.lineTo(s,n),t.lineTo(s,this.base),t.fill(),this.showStroke&&t.stroke()},height:function(){return this.base-this.y},inRange:function(t,i){return t>=this.x-this.width/2&&t<=this.x+this.width/2&&i>=this.y&&i<=this.base}}),e.Tooltip=e.Element.extend({draw:function(){var t=this.chart.ctx;t.font=W(this.fontSize,this.fontStyle,this.fontFamily),this.xAlign="center",this.yAlign="above";var i=this.caretPadding=2,e=t.measureText(this.text).width+2*this.xPadding,s=this.fontSize+2*this.yPadding,n=s+this.caretHeight+i;this.x+e/2>this.chart.width?this.xAlign="left":this.x-e/2<0&&(this.xAlign="right"),this.y-n<0&&(this.yAlign="below");var o=this.x-e/2,a=this.y-n;if(t.fillStyle=this.fillColor,this.custom)this.custom(this);else{switch(this.yAlign){case"above":t.beginPath(),t.moveTo(this.x,this.y-i),t.lineTo(this.x+this.caretHeight,this.y-(i+this.caretHeight)),t.lineTo(this.x-this.caretHeight,this.y-(i+this.caretHeight)),t.closePath(),t.fill();break;case"below":a=this.y+i+this.caretHeight,t.beginPath(),t.moveTo(this.x,this.y+i),t.lineTo(this.x+this.caretHeight,this.y+i+this.caretHeight),t.lineTo(this.x-this.caretHeight,this.y+i+this.caretHeight),t.closePath(),t.fill()}switch(this.xAlign){case"left":o=this.x-e+(this.cornerRadius+this.caretHeight);break;case"right":o=this.x-(this.cornerRadius+this.caretHeight)}B(t,o,a,e,s,this.cornerRadius),t.fill(),t.fillStyle=this.textColor,t.textAlign="center",t.textBaseline="middle",t.fillText(this.text,o+e/2,a+s/2)}}}),e.MultiTooltip=e.Element.extend({initialize:function(){this.font=W(this.fontSize,this.fontStyle,this.fontFamily),this.titleFont=W(this.titleFontSize,this.titleFontStyle,this.titleFontFamily),this.height=this.labels.length*this.fontSize+(this.labels.length-1)*(this.fontSize/2)+2*this.yPadding+1.5*this.titleFontSize,this.ctx.font=this.titleFont;var t=this.ctx.measureText(this.title).width,i=z(this.ctx,this.font,this.labels)+this.fontSize+3,e=g([i,t]);this.width=e+2*this.xPadding;var s=this.height/2;this.y-s<0?this.y=s:this.y+s>this.chart.height&&(this.y=this.chart.height-s),this.x>this.chart.width/2?this.x-=this.xOffset+this.width:this.x+=this.xOffset},getLineHeight:function(t){var i=this.y-this.height/2+this.yPadding,e=t-1;return 0===t?i+this.titleFontSize/2:i+(1.5*this.fontSize*e+this.fontSize/2)+1.5*this.titleFontSize},draw:function(){if(this.custom)this.custom(this);else{B(this.ctx,this.x,this.y-this.height/2,this.width,this.height,this.cornerRadius);var t=this.ctx;t.fillStyle=this.fillColor,t.fill(),t.closePath(),t.textAlign="left",t.textBaseline="middle",t.fillStyle=this.titleTextColor,t.font=this.titleFont,t.fillText(this.title,this.x+this.xPadding,this.getLineHeight(0)),t.font=this.font,s.each(this.labels,function(i,e){t.fillStyle=this.textColor,t.fillText(i,this.x+this.xPadding+this.fontSize+3,this.getLineHeight(e+1)),t.fillStyle=this.legendColorBackground,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize),t.fillStyle=this.legendColors[e].fill,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize)},this)}}}),e.Scale=e.Element.extend({initialize:function(){this.fit()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(C(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}));this.yLabelWidth=this.display&&this.showLabels?z(this.ctx,this.font,this.yLabels):0},addXLabel:function(t){this.xLabels.push(t),this.valuesCount++,this.fit()},removeXLabel:function(){this.xLabels.shift(),this.valuesCount--,this.fit()},fit:function(){this.startPoint=this.display?this.fontSize:0,this.endPoint=this.display?this.height-1.5*this.fontSize-5:this.height,this.startPoint+=this.padding,this.endPoint-=this.padding;var t,i=this.endPoint-this.startPoint;for(this.calculateYRange(i),this.buildYLabels(),this.calculateXLabelRotation();i>this.endPoint-this.startPoint;)i=this.endPoint-this.startPoint,t=this.yLabelWidth,this.calculateYRange(i),this.buildYLabels(),tthis.yLabelWidth+10?e/2:this.yLabelWidth+10,this.xLabelRotation=0,this.display){var n,o=z(this.ctx,this.font,this.xLabels);this.xLabelWidth=o;for(var a=Math.floor(this.calculateX(1)-this.calculateX(0))-6;this.xLabelWidth>a&&0===this.xLabelRotation||this.xLabelWidth>a&&this.xLabelRotation<=90&&this.xLabelRotation>0;)n=Math.cos(S(this.xLabelRotation)),t=n*e,i=n*s,t+this.fontSize/2>this.yLabelWidth+8&&(this.xScalePaddingLeft=t+this.fontSize/2),this.xScalePaddingRight=this.fontSize/2,this.xLabelRotation++,this.xLabelWidth=n*o;this.xLabelRotation>0&&(this.endPoint-=Math.sin(S(this.xLabelRotation))*o+3)}else this.xLabelWidth=0,this.xScalePaddingRight=this.padding,this.xScalePaddingLeft=this.padding},calculateYRange:c,drawingArea:function(){return this.startPoint-this.endPoint},calculateY:function(t){var i=this.drawingArea()/(this.min-this.max);return this.endPoint-i*(t-this.min)},calculateX:function(t){var i=(this.xLabelRotation>0,this.width-(this.xScalePaddingLeft+this.xScalePaddingRight)),e=i/Math.max(this.valuesCount-(this.offsetGridLines?0:1),1),s=e*t+this.xScalePaddingLeft;return this.offsetGridLines&&(s+=e/2),Math.round(s)},update:function(t){s.extend(this,t),this.fit()},draw:function(){var t=this.ctx,i=(this.endPoint-this.startPoint)/this.steps,e=Math.round(this.xScalePaddingLeft);this.display&&(t.fillStyle=this.textColor,t.font=this.font,n(this.yLabels,function(n,o){var a=this.endPoint-i*o,h=Math.round(a),l=this.showHorizontalLines;t.textAlign="right",t.textBaseline="middle",this.showLabels&&t.fillText(n,e-10,a),0!==o||l||(l=!0),l&&t.beginPath(),o>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),h+=s.aliasPixel(t.lineWidth),l&&(t.moveTo(e,h),t.lineTo(this.width,h),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(e-5,h),t.lineTo(e,h),t.stroke(),t.closePath()},this),n(this.xLabels,function(i,e){var s=this.calculateX(e)+x(this.lineWidth),n=this.calculateX(e-(this.offsetGridLines?.5:0))+x(this.lineWidth),o=this.xLabelRotation>0,a=this.showVerticalLines;0!==e||a||(a=!0),a&&t.beginPath(),e>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),a&&(t.moveTo(n,this.endPoint),t.lineTo(n,this.startPoint-3),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(n,this.endPoint),t.lineTo(n,this.endPoint+5),t.stroke(),t.closePath(),t.save(),t.translate(s,o?this.endPoint+12:this.endPoint+8),t.rotate(-1*S(this.xLabelRotation)),t.font=this.font,t.textAlign=o?"right":"center",t.textBaseline=o?"middle":"top",t.fillText(i,0,0),t.restore()},this))}}),e.RadialScale=e.Element.extend({initialize:function(){this.size=m([this.height,this.width]),this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2},calculateCenterOffset:function(t){var i=this.drawingArea/(this.max-this.min);return(t-this.min)*i},update:function(){this.lineArc?this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2:this.setScaleSize(),this.buildYLabels()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(C(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}))},getCircumference:function(){return 2*Math.PI/this.valuesCount},setScaleSize:function(){var t,i,e,s,n,o,a,h,l,r,c,u,d=m([this.height/2-this.pointLabelFontSize-5,this.width/2]),p=this.width,g=0;for(this.ctx.font=W(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),i=0;ip&&(p=t.x+s,n=i),t.x-sp&&(p=t.x+e,n=i):i>this.valuesCount/2&&t.x-e0){var s,n=e*(this.drawingArea/this.steps),o=this.yCenter-n;if(this.lineWidth>0)if(t.strokeStyle=this.lineColor,t.lineWidth=this.lineWidth,this.lineArc)t.beginPath(),t.arc(this.xCenter,this.yCenter,n,0,2*Math.PI),t.closePath(),t.stroke();else{t.beginPath();for(var a=0;a=0;i--){if(this.angleLineWidth>0){var e=this.getPointPosition(i,this.calculateCenterOffset(this.max));t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(e.x,e.y),t.stroke(),t.closePath()}var s=this.getPointPosition(i,this.calculateCenterOffset(this.max)+5);t.font=W(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),t.fillStyle=this.pointLabelFontColor;var o=this.labels.length,a=this.labels.length/2,h=a/2,l=h>i||i>o-h,r=i===h||i===o-h;t.textAlign=0===i?"center":i===a?"center":a>i?"left":"right",t.textBaseline=r?"middle":l?"bottom":"top",t.fillText(this.labels[i],s.x,s.y)}}}}}),s.addEvent(window,"resize",function(){var t;return function(){clearTimeout(t),t=setTimeout(function(){n(e.instances,function(t){t.options.responsive&&t.resize(t.render,!0)})},50)}}()),p?define(function(){return e}):"object"==typeof module&&module.exports&&(module.exports=e),t.Chart=e,e.noConflict=function(){return t.Chart=i,e}}).call(this),function(){"use strict";var t=this,i=t.Chart,e=i.helpers,s={scaleBeginAtZero:!0,scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,barShowStroke:!0,barStrokeWidth:2,barValueSpacing:5,barDatasetSpacing:1,legendTemplate:'
    <% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
    • <%}%>
'};i.Type.extend({name:"Bar",defaults:s,initialize:function(t){var s=this.options;this.ScaleClass=i.Scale.extend({offsetGridLines:!0,calculateBarX:function(t,i,e){var n=this.calculateBaseWidth(),o=this.calculateX(e)-n/2,a=this.calculateBarWidth(t);return o+a*i+i*s.barDatasetSpacing+a/2},calculateBaseWidth:function(){return this.calculateX(1)-this.calculateX(0)-2*s.barValueSpacing},calculateBarWidth:function(t){var i=this.calculateBaseWidth()-(t-1)*s.barDatasetSpacing;return i/t}}),this.datasets=[],this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getBarsAtEvent(t):[];this.eachBars(function(t){t.restore(["fillColor","strokeColor"])}),e.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),this.BarClass=i.Rectangle.extend({strokeWidth:this.options.barStrokeWidth,showStroke:this.options.barShowStroke,ctx:this.chart.ctx}),e.each(t.datasets,function(i){var s={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,bars:[]};this.datasets.push(s),e.each(i.data,function(e,n){s.bars.push(new this.BarClass({value:e,label:t.labels[n],datasetLabel:i.label,strokeColor:i.strokeColor,fillColor:i.fillColor,highlightFill:i.highlightFill||i.fillColor,highlightStroke:i.highlightStroke||i.strokeColor}))},this)},this),this.buildScale(t.labels),this.BarClass.prototype.base=this.scale.endPoint,this.eachBars(function(t,i,s){e.extend(t,{width:this.scale.calculateBarWidth(this.datasets.length),x:this.scale.calculateBarX(this.datasets.length,s,i),y:this.scale.endPoint}),t.save()},this),this.render()},update:function(){this.scale.update(),e.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachBars(function(t){t.save()}),this.render()},eachBars:function(t){e.each(this.datasets,function(i,s){e.each(i.bars,t,this,s)},this)},getBarsAtEvent:function(t){for(var i,s=[],n=e.getRelativePosition(t),o=function(t){s.push(t.bars[i])},a=0;a<% for (var i=0; i
  • <%if(segments[i].label){%><%=segments[i].label%><%}%>
    • <%}%>'};i.Type.extend({name:"Doughnut",defaults:s,initialize:function(t){this.segments=[],this.outerRadius=(e.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,this.SegmentArc=i.Arc.extend({ctx:this.chart.ctx,x:this.chart.width/2,y:this.chart.height/2}),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];e.each(this.segments,function(t){t.restore(["fillColor"])}),e.each(i,function(t){t.fillColor=t.highlightColor}),this.showTooltip(i)}),this.calculateTotal(t),e.each(t,function(t,i){this.addData(t,i,!0)},this),this.render()},getSegmentsAtEvent:function(t){var i=[],s=e.getRelativePosition(t);return e.each(this.segments,function(t){t.inRange(s.x,s.y)&&i.push(t)},this),i},addData:function(t,i,e){var s=i||this.segments.length;this.segments.splice(s,0,new this.SegmentArc({value:t.value,outerRadius:this.options.animateScale?0:this.outerRadius,innerRadius:this.options.animateScale?0:this.outerRadius/100*this.options.percentageInnerCutout,fillColor:t.color,highlightColor:t.highlight||t.color,showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,startAngle:1.5*Math.PI,circumference:this.options.animateRotate?0:this.calculateCircumference(t.value),label:t.label})),e||(this.reflow(),this.update())},calculateCircumference:function(t){return 2*Math.PI*(Math.abs(t)/this.total)},calculateTotal:function(t){this.total=0,e.each(t,function(t){this.total+=Math.abs(t.value)},this)},update:function(){this.calculateTotal(this.segments),e.each(this.activeElements,function(t){t.restore(["fillColor"])}),e.each(this.segments,function(t){t.save()}),this.render()},removeData:function(t){var i=e.isNumber(t)?t:this.segments.length-1;this.segments.splice(i,1),this.reflow(),this.update()},reflow:function(){e.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.outerRadius=(e.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,e.each(this.segments,function(t){t.update({outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout})},this)},draw:function(t){var i=t?t:1;this.clear(),e.each(this.segments,function(t,e){t.transition({circumference:this.calculateCircumference(t.value),outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout},i),t.endAngle=t.startAngle+t.circumference,t.draw(),0===e&&(t.startAngle=1.5*Math.PI),e<% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
    • <%}%>'};i.Type.extend({name:"Line",defaults:s,initialize:function(t){this.PointClass=i.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx,inRange:function(t){return Math.pow(t-this.x,2)0&&ithis.scale.endPoint?t.controlPoints.outer.y=this.scale.endPoint:t.controlPoints.outer.ythis.scale.endPoint?t.controlPoints.inner.y=this.scale.endPoint:t.controlPoints.inner.y0&&(s.lineTo(h[h.length-1].x,this.scale.endPoint),s.lineTo(h[0].x,this.scale.endPoint),s.fillStyle=t.fillColor,s.closePath(),s.fill()),e.each(h,function(t){t.draw()})},this)}})}.call(this),function(){"use strict";var t=this,i=t.Chart,e=i.helpers,s={scaleShowLabelBackdrop:!0,scaleBackdropColor:"rgba(255,255,255,0.75)",scaleBeginAtZero:!0,scaleBackdropPaddingY:2,scaleBackdropPaddingX:2,scaleShowLine:!0,segmentShowStroke:!0,segmentStrokeColor:"#fff",segmentStrokeWidth:2,animationSteps:100,animationEasing:"easeOutBounce",animateRotate:!0,animateScale:!1,legendTemplate:'
      <% for (var i=0; i
    • <%if(segments[i].label){%><%=segments[i].label%><%}%>
      • <%}%>
    '};i.Type.extend({name:"PolarArea",defaults:s,initialize:function(t){this.segments=[],this.SegmentArc=i.Arc.extend({showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,ctx:this.chart.ctx,innerRadius:0,x:this.chart.width/2,y:this.chart.height/2}),this.scale=new i.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,lineArc:!0,width:this.chart.width,height:this.chart.height,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,valuesCount:t.length}),this.updateScaleRange(t),this.scale.update(),e.each(t,function(t,i){this.addData(t,i,!0)},this),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];e.each(this.segments,function(t){t.restore(["fillColor"])}),e.each(i,function(t){t.fillColor=t.highlightColor}),this.showTooltip(i)}),this.render()},getSegmentsAtEvent:function(t){var i=[],s=e.getRelativePosition(t);return e.each(this.segments,function(t){t.inRange(s.x,s.y)&&i.push(t)},this),i},addData:function(t,i,e){var s=i||this.segments.length;this.segments.splice(s,0,new this.SegmentArc({fillColor:t.color,highlightColor:t.highlight||t.color,label:t.label,value:t.value,outerRadius:this.options.animateScale?0:this.scale.calculateCenterOffset(t.value),circumference:this.options.animateRotate?0:this.scale.getCircumference(),startAngle:1.5*Math.PI})),e||(this.reflow(),this.update())},removeData:function(t){var i=e.isNumber(t)?t:this.segments.length-1;this.segments.splice(i,1),this.reflow(),this.update()},calculateTotal:function(t){this.total=0,e.each(t,function(t){this.total+=t.value},this),this.scale.valuesCount=this.segments.length},updateScaleRange:function(t){var i=[];e.each(t,function(t){i.push(t.value)});var s=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:e.calculateScaleRange(i,e.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);e.extend(this.scale,s,{size:e.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2})},update:function(){this.calculateTotal(this.segments),e.each(this.segments,function(t){t.save()}),this.reflow(),this.render()},reflow:function(){e.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.updateScaleRange(this.segments),this.scale.update(),e.extend(this.scale,{xCenter:this.chart.width/2,yCenter:this.chart.height/2}),e.each(this.segments,function(t){t.update({outerRadius:this.scale.calculateCenterOffset(t.value)})},this)},draw:function(t){var i=t||1;this.clear(),e.each(this.segments,function(t,e){t.transition({circumference:this.scale.getCircumference(),outerRadius:this.scale.calculateCenterOffset(t.value)},i),t.endAngle=t.startAngle+t.circumference,0===e&&(t.startAngle=1.5*Math.PI),e<% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
    • <%}%>'},initialize:function(t){this.PointClass=i.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx}),this.datasets=[],this.buildScale(t),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getPointsAtEvent(t):[];this.eachPoints(function(t){t.restore(["fillColor","strokeColor"])}),e.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),e.each(t.datasets,function(i){var s={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,pointColor:i.pointColor,pointStrokeColor:i.pointStrokeColor,points:[]};this.datasets.push(s),e.each(i.data,function(e,n){var o;this.scale.animation||(o=this.scale.getPointPosition(n,this.scale.calculateCenterOffset(e))),s.points.push(new this.PointClass({value:e,label:t.labels[n],datasetLabel:i.label,x:this.options.animation?this.scale.xCenter:o.x,y:this.options.animation?this.scale.yCenter:o.y,strokeColor:i.pointStrokeColor,fillColor:i.pointColor,highlightFill:i.pointHighlightFill||i.pointColor,highlightStroke:i.pointHighlightStroke||i.pointStrokeColor}))},this)},this),this.render()},eachPoints:function(t){e.each(this.datasets,function(i){e.each(i.points,t,this)},this)},getPointsAtEvent:function(t){var i=e.getRelativePosition(t),s=e.getAngleFromPoint({x:this.scale.xCenter,y:this.scale.yCenter},i),n=2*Math.PI/this.scale.valuesCount,o=Math.round((s.angle-1.5*Math.PI)/n),a=[];return(o>=this.scale.valuesCount||0>o)&&(o=0),s.distance<=this.scale.drawingArea&&e.each(this.datasets,function(t){a.push(t.points[o])}),a},buildScale:function(t){this.scale=new i.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,angleLineColor:this.options.angleLineColor,angleLineWidth:this.options.angleShowLineOut?this.options.angleLineWidth:0,pointLabelFontColor:this.options.pointLabelFontColor,pointLabelFontSize:this.options.pointLabelFontSize,pointLabelFontFamily:this.options.pointLabelFontFamily,pointLabelFontStyle:this.options.pointLabelFontStyle,height:this.chart.height,width:this.chart.width,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,labels:t.labels,valuesCount:t.datasets[0].data.length}),this.scale.setScaleSize(),this.updateScaleRange(t.datasets),this.scale.buildYLabels()},updateScaleRange:function(t){var i=function(){var i=[];return e.each(t,function(t){t.data?i=i.concat(t.data):e.each(t.points,function(t){i.push(t.value)})}),i}(),s=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:e.calculateScaleRange(i,e.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);e.extend(this.scale,s)},addData:function(t,i){this.scale.valuesCount++,e.each(t,function(t,e){var s=this.scale.getPointPosition(this.scale.valuesCount,this.scale.calculateCenterOffset(t));this.datasets[e].points.push(new this.PointClass({value:t,label:i,x:s.x,y:s.y,strokeColor:this.datasets[e].pointStrokeColor,fillColor:this.datasets[e].pointColor}))},this),this.scale.labels.push(i),this.reflow(),this.update()},removeData:function(){this.scale.valuesCount--,this.scale.labels.shift(),e.each(this.datasets,function(t){t.points.shift()},this),this.reflow(),this.update()},update:function(){this.eachPoints(function(t){t.save()}),this.reflow(),this.render()},reflow:function(){e.extend(this.scale,{width:this.chart.width,height:this.chart.height,size:e.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2}),this.updateScaleRange(this.datasets),this.scale.setScaleSize(),this.scale.buildYLabels()},draw:function(t){var i=t||1,s=this.chart.ctx;this.clear(),this.scale.draw(),e.each(this.datasets,function(t){e.each(t.points,function(t,e){t.hasValue()&&t.transition(this.scale.getPointPosition(e,this.scale.calculateCenterOffset(t.value)),i)},this),s.lineWidth=this.options.datasetStrokeWidth,s.strokeStyle=t.strokeColor,s.beginPath(),e.each(t.points,function(t,i){0===i?s.moveTo(t.x,t.y):s.lineTo(t.x,t.y)},this),s.closePath(),s.stroke(),s.fillStyle=t.fillColor,s.fill(),e.each(t.points,function(t){t.hasValue()&&t.draw()})},this)}})}.call(this); -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/adireddy/haxe-chart/800eaa0a5837bd1a212e6ea6d11941f21afa8ecc/logo.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "chartjs", 3 | "version": "1.0.1", 4 | "description": "Externs of Chart.js for Haxe - Simple, clean and engaging charts for designers and developers", 5 | "author": "Adi Reddy Mora", 6 | "homepage": "http://adireddy.github.io", 7 | "repository": { 8 | "type": "git", 9 | "url": "https://github.com/adireddy/haxe-chart" 10 | }, 11 | "bugs": { 12 | "url": "https://github.com/adireddy/haxe-chart/issues" 13 | }, 14 | "keywords": [ 15 | "js", 16 | "haxe", 17 | "charts", 18 | "graphs", 19 | "chart.js", 20 | "extern", 21 | "web", 22 | "library" 23 | ], 24 | "dependencies": { 25 | "grunt": "latest", 26 | "grunt-cli": "latest" 27 | }, 28 | "license": "MIT", 29 | "devDependencies": { 30 | "grunt-contrib-copy": "^0.7.0", 31 | "grunt-exec": "^0.4.6", 32 | "grunt-haxe": "^0.1.12", 33 | "grunt-npm-install": "^0.2.0", 34 | "grunt-shell": "^1.1.1", 35 | "grunt-zip": "^0.16.0" 36 | } 37 | } -------------------------------------------------------------------------------- /samples/_output/bar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Bar Chart 12 | 13 | 14 | 15 | 30 | 31 | 32 | 33 |
    34 | 35 | 36 | -------------------------------------------------------------------------------- /samples/_output/bar.js: -------------------------------------------------------------------------------- 1 | (function (console) { "use strict"; 2 | var bar_Main = function() { 3 | this.data = { labels : ["January","February","March","April","May","June","July"], datasets : [{ label : "My First dataset", fillColor : "rgba(220,220,220,0.5)", strokeColor : "rgba(220,220,220,0.8)", highlightFill : "rgba(220,220,220,0.75)", highlightStroke : "rgba(220,220,220,1)", data : [65,59,80,81,56,55,40]},{ label : "My Second dataset", fillColor : "rgba(151,187,205,0.5)", strokeColor : "rgba(151,187,205,0.8)", highlightFill : "rgba(151,187,205,0.75)", highlightStroke : "rgba(151,187,205,1)", data : [28,48,40,19,86,27,90]}]}; 4 | var canvas; 5 | var _this = window.document; 6 | canvas = _this.createElement("canvas"); 7 | window.document.body.appendChild(canvas); 8 | Chart.defaults.global.responsive = true; 9 | var ctx = canvas.getContext("2d"); 10 | var barChart = new Chart(ctx).Bar(this.data); 11 | canvas.onclick = function(evt) { 12 | barChart.addData([Math.random() * 100,Math.random() * 100],"test"); 13 | barChart.update(); 14 | }; 15 | }; 16 | bar_Main.main = function() { 17 | new bar_Main(); 18 | }; 19 | bar_Main.main(); 20 | })(typeof console != "undefined" ? console : {log:function(){}}); 21 | -------------------------------------------------------------------------------- /samples/_output/doughnut.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Doughnut Chart 12 | 13 | 14 | 15 | 30 | 31 | 32 | 33 |
    34 | 35 | 36 | -------------------------------------------------------------------------------- /samples/_output/doughnut.js: -------------------------------------------------------------------------------- 1 | (function (console) { "use strict"; 2 | var doughnut_Main = function() { 3 | this.data = [{ value : 300, color : "#F7464A", highlight : "#FF5A5E", label : "Red"},{ value : 50, color : "#46BFBD", highlight : "#5AD3D1", label : "Green"},{ value : 100, color : "#FDB45C", highlight : "#FFC870", label : "Yellow"}]; 4 | var canvas; 5 | var _this = window.document; 6 | canvas = _this.createElement("canvas"); 7 | window.document.body.appendChild(canvas); 8 | Chart.defaults.global.responsive = true; 9 | var ctx = canvas.getContext("2d"); 10 | var doughnutChart = new Chart(ctx).Doughnut(this.data); 11 | canvas.onclick = function(evt) { 12 | doughnutChart.addData({ value : Math.random() * 100, color : "#003366", highlight : "#FF5A5E", label : "test"},0); 13 | doughnutChart.update(); 14 | }; 15 | }; 16 | doughnut_Main.main = function() { 17 | new doughnut_Main(); 18 | }; 19 | doughnut_Main.main(); 20 | })(typeof console != "undefined" ? console : {log:function(){}}); 21 | -------------------------------------------------------------------------------- /samples/_output/libs/chart.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Chart.js 3 | * http://chartjs.org/ 4 | * Version: 1.0.2 5 | * 6 | * Copyright 2015 Nick Downie 7 | * Released under the MIT license 8 | * https://github.com/nnnick/Chart.js/blob/master/LICENSE.md 9 | */ 10 | (function(){"use strict";var t=this,i=t.Chart,e=function(t){this.canvas=t.canvas,this.ctx=t;var i=function(t,i){return t["offset"+i]?t["offset"+i]:document.defaultView.getComputedStyle(t).getPropertyValue(i)},e=this.width=i(t.canvas,"Width"),n=this.height=i(t.canvas,"Height");t.canvas.width=e,t.canvas.height=n;var e=this.width=t.canvas.width,n=this.height=t.canvas.height;return this.aspectRatio=this.width/this.height,s.retinaScale(this),this};e.defaults={global:{animation:!0,animationSteps:60,animationEasing:"easeOutQuart",showScale:!0,scaleOverride:!1,scaleSteps:null,scaleStepWidth:null,scaleStartValue:null,scaleLineColor:"rgba(0,0,0,.1)",scaleLineWidth:1,scaleShowLabels:!0,scaleLabel:"<%=value%>",scaleIntegersOnly:!0,scaleBeginAtZero:!1,scaleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",scaleFontSize:12,scaleFontStyle:"normal",scaleFontColor:"#666",responsive:!1,maintainAspectRatio:!0,showTooltips:!0,customTooltips:!1,tooltipEvents:["mousemove","touchstart","touchmove","mouseout"],tooltipFillColor:"rgba(0,0,0,0.8)",tooltipFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipFontSize:14,tooltipFontStyle:"normal",tooltipFontColor:"#fff",tooltipTitleFontFamily:"'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",tooltipTitleFontSize:14,tooltipTitleFontStyle:"bold",tooltipTitleFontColor:"#fff",tooltipYPadding:6,tooltipXPadding:6,tooltipCaretSize:8,tooltipCornerRadius:6,tooltipXOffset:10,tooltipTemplate:"<%if (label){%><%=label%>: <%}%><%= value %>",multiTooltipTemplate:"<%= value %>",multiTooltipKeyBackground:"#fff",onAnimationProgress:function(){},onAnimationComplete:function(){}}},e.types={};var s=e.helpers={},n=s.each=function(t,i,e){var s=Array.prototype.slice.call(arguments,3);if(t)if(t.length===+t.length){var n;for(n=0;n=0;s--){var n=t[s];if(i(n))return n}},s.inherits=function(t){var i=this,e=t&&t.hasOwnProperty("constructor")?t.constructor:function(){return i.apply(this,arguments)},s=function(){this.constructor=e};return s.prototype=i.prototype,e.prototype=new s,e.extend=r,t&&a(e.prototype,t),e.__super__=i.prototype,e}),c=s.noop=function(){},u=s.uid=function(){var t=0;return function(){return"chart-"+t++}}(),d=s.warn=function(t){window.console&&"function"==typeof window.console.warn&&console.warn(t)},p=s.amd="function"==typeof define&&define.amd,f=s.isNumber=function(t){return!isNaN(parseFloat(t))&&isFinite(t)},g=s.max=function(t){return Math.max.apply(Math,t)},m=s.min=function(t){return Math.min.apply(Math,t)},v=(s.cap=function(t,i,e){if(f(i)){if(t>i)return i}else if(f(e)&&e>t)return e;return t},s.getDecimalPlaces=function(t){return t%1!==0&&f(t)?t.toString().split(".")[1].length:0}),S=s.radians=function(t){return t*(Math.PI/180)},x=(s.getAngleFromPoint=function(t,i){var e=i.x-t.x,s=i.y-t.y,n=Math.sqrt(e*e+s*s),o=2*Math.PI+Math.atan2(s,e);return 0>e&&0>s&&(o+=2*Math.PI),{angle:o,distance:n}},s.aliasPixel=function(t){return t%2===0?0:.5}),y=(s.splineCurve=function(t,i,e,s){var n=Math.sqrt(Math.pow(i.x-t.x,2)+Math.pow(i.y-t.y,2)),o=Math.sqrt(Math.pow(e.x-i.x,2)+Math.pow(e.y-i.y,2)),a=s*n/(n+o),h=s*o/(n+o);return{inner:{x:i.x-a*(e.x-t.x),y:i.y-a*(e.y-t.y)},outer:{x:i.x+h*(e.x-t.x),y:i.y+h*(e.y-t.y)}}},s.calculateOrderOfMagnitude=function(t){return Math.floor(Math.log(t)/Math.LN10)}),C=(s.calculateScaleRange=function(t,i,e,s,n){var o=2,a=Math.floor(i/(1.5*e)),h=o>=a,l=g(t),r=m(t);l===r&&(l+=.5,r>=.5&&!s?r-=.5:l+=.5);for(var c=Math.abs(l-r),u=y(c),d=Math.ceil(l/(1*Math.pow(10,u)))*Math.pow(10,u),p=s?0:Math.floor(r/(1*Math.pow(10,u)))*Math.pow(10,u),f=d-p,v=Math.pow(10,u),S=Math.round(f/v);(S>a||a>2*S)&&!h;)if(S>a)v*=2,S=Math.round(f/v),S%1!==0&&(h=!0);else if(n&&u>=0){if(v/2%1!==0)break;v/=2,S=Math.round(f/v)}else v/=2,S=Math.round(f/v);return h&&(S=o,v=f/S),{steps:S,stepValue:v,min:p,max:p+S*v}},s.template=function(t,i){function e(t,i){var e=/\W/.test(t)?new Function("obj","var p=[],print=function(){p.push.apply(p,arguments);};with(obj){p.push('"+t.replace(/[\r\t\n]/g," ").split("<%").join(" ").replace(/((^|%>)[^\t]*)'/g,"$1\r").replace(/\t=(.*?)%>/g,"',$1,'").split(" ").join("');").split("%>").join("p.push('").split("\r").join("\\'")+"');}return p.join('');"):s[t]=s[t];return i?e(i):e}if(t instanceof Function)return t(i);var s={};return e(t,i)}),w=(s.generateLabels=function(t,i,e,s){var o=new Array(i);return labelTemplateString&&n(o,function(i,n){o[n]=C(t,{value:e+s*(n+1)})}),o},s.easingEffects={linear:function(t){return t},easeInQuad:function(t){return t*t},easeOutQuad:function(t){return-1*t*(t-2)},easeInOutQuad:function(t){return(t/=.5)<1?.5*t*t:-0.5*(--t*(t-2)-1)},easeInCubic:function(t){return t*t*t},easeOutCubic:function(t){return 1*((t=t/1-1)*t*t+1)},easeInOutCubic:function(t){return(t/=.5)<1?.5*t*t*t:.5*((t-=2)*t*t+2)},easeInQuart:function(t){return t*t*t*t},easeOutQuart:function(t){return-1*((t=t/1-1)*t*t*t-1)},easeInOutQuart:function(t){return(t/=.5)<1?.5*t*t*t*t:-0.5*((t-=2)*t*t*t-2)},easeInQuint:function(t){return 1*(t/=1)*t*t*t*t},easeOutQuint:function(t){return 1*((t=t/1-1)*t*t*t*t+1)},easeInOutQuint:function(t){return(t/=.5)<1?.5*t*t*t*t*t:.5*((t-=2)*t*t*t*t+2)},easeInSine:function(t){return-1*Math.cos(t/1*(Math.PI/2))+1},easeOutSine:function(t){return 1*Math.sin(t/1*(Math.PI/2))},easeInOutSine:function(t){return-0.5*(Math.cos(Math.PI*t/1)-1)},easeInExpo:function(t){return 0===t?1:1*Math.pow(2,10*(t/1-1))},easeOutExpo:function(t){return 1===t?1:1*(-Math.pow(2,-10*t/1)+1)},easeInOutExpo:function(t){return 0===t?0:1===t?1:(t/=.5)<1?.5*Math.pow(2,10*(t-1)):.5*(-Math.pow(2,-10*--t)+2)},easeInCirc:function(t){return t>=1?t:-1*(Math.sqrt(1-(t/=1)*t)-1)},easeOutCirc:function(t){return 1*Math.sqrt(1-(t=t/1-1)*t)},easeInOutCirc:function(t){return(t/=.5)<1?-0.5*(Math.sqrt(1-t*t)-1):.5*(Math.sqrt(1-(t-=2)*t)+1)},easeInElastic:function(t){var i=1.70158,e=0,s=1;return 0===t?0:1==(t/=1)?1:(e||(e=.3),st?-.5*s*Math.pow(2,10*(t-=1))*Math.sin(2*(1*t-i)*Math.PI/e):s*Math.pow(2,-10*(t-=1))*Math.sin(2*(1*t-i)*Math.PI/e)*.5+1)},easeInBack:function(t){var i=1.70158;return 1*(t/=1)*t*((i+1)*t-i)},easeOutBack:function(t){var i=1.70158;return 1*((t=t/1-1)*t*((i+1)*t+i)+1)},easeInOutBack:function(t){var i=1.70158;return(t/=.5)<1?.5*t*t*(((i*=1.525)+1)*t-i):.5*((t-=2)*t*(((i*=1.525)+1)*t+i)+2)},easeInBounce:function(t){return 1-w.easeOutBounce(1-t)},easeOutBounce:function(t){return(t/=1)<1/2.75?7.5625*t*t:2/2.75>t?1*(7.5625*(t-=1.5/2.75)*t+.75):2.5/2.75>t?1*(7.5625*(t-=2.25/2.75)*t+.9375):1*(7.5625*(t-=2.625/2.75)*t+.984375)},easeInOutBounce:function(t){return.5>t?.5*w.easeInBounce(2*t):.5*w.easeOutBounce(2*t-1)+.5}}),b=s.requestAnimFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return window.setTimeout(t,1e3/60)}}(),P=s.cancelAnimFrame=function(){return window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||window.oCancelAnimationFrame||window.msCancelAnimationFrame||function(t){return window.clearTimeout(t,1e3/60)}}(),L=(s.animationLoop=function(t,i,e,s,n,o){var a=0,h=w[e]||w.linear,l=function(){a++;var e=a/i,r=h(e);t.call(o,r,e,a),s.call(o,r,e),i>a?o.animationFrame=b(l):n.apply(o)};b(l)},s.getRelativePosition=function(t){var i,e,s=t.originalEvent||t,n=t.currentTarget||t.srcElement,o=n.getBoundingClientRect();return s.touches?(i=s.touches[0].clientX-o.left,e=s.touches[0].clientY-o.top):(i=s.clientX-o.left,e=s.clientY-o.top),{x:i,y:e}},s.addEvent=function(t,i,e){t.addEventListener?t.addEventListener(i,e):t.attachEvent?t.attachEvent("on"+i,e):t["on"+i]=e}),k=s.removeEvent=function(t,i,e){t.removeEventListener?t.removeEventListener(i,e,!1):t.detachEvent?t.detachEvent("on"+i,e):t["on"+i]=c},F=(s.bindEvents=function(t,i,e){t.events||(t.events={}),n(i,function(i){t.events[i]=function(){e.apply(t,arguments)},L(t.chart.canvas,i,t.events[i])})},s.unbindEvents=function(t,i){n(i,function(i,e){k(t.chart.canvas,e,i)})}),R=s.getMaximumWidth=function(t){var i=t.parentNode;return i.clientWidth},T=s.getMaximumHeight=function(t){var i=t.parentNode;return i.clientHeight},A=(s.getMaximumSize=s.getMaximumWidth,s.retinaScale=function(t){var i=t.ctx,e=t.canvas.width,s=t.canvas.height;window.devicePixelRatio&&(i.canvas.style.width=e+"px",i.canvas.style.height=s+"px",i.canvas.height=s*window.devicePixelRatio,i.canvas.width=e*window.devicePixelRatio,i.scale(window.devicePixelRatio,window.devicePixelRatio))}),M=s.clear=function(t){t.ctx.clearRect(0,0,t.width,t.height)},W=s.fontString=function(t,i,e){return i+" "+t+"px "+e},z=s.longestText=function(t,i,e){t.font=i;var s=0;return n(e,function(i){var e=t.measureText(i).width;s=e>s?e:s}),s},B=s.drawRoundedRectangle=function(t,i,e,s,n,o){t.beginPath(),t.moveTo(i+o,e),t.lineTo(i+s-o,e),t.quadraticCurveTo(i+s,e,i+s,e+o),t.lineTo(i+s,e+n-o),t.quadraticCurveTo(i+s,e+n,i+s-o,e+n),t.lineTo(i+o,e+n),t.quadraticCurveTo(i,e+n,i,e+n-o),t.lineTo(i,e+o),t.quadraticCurveTo(i,e,i+o,e),t.closePath()};e.instances={},e.Type=function(t,i,s){this.options=i,this.chart=s,this.id=u(),e.instances[this.id]=this,i.responsive&&this.resize(),this.initialize.call(this,t)},a(e.Type.prototype,{initialize:function(){return this},clear:function(){return M(this.chart),this},stop:function(){return P(this.animationFrame),this},resize:function(t){this.stop();var i=this.chart.canvas,e=R(this.chart.canvas),s=this.options.maintainAspectRatio?e/this.chart.aspectRatio:T(this.chart.canvas);return i.width=this.chart.width=e,i.height=this.chart.height=s,A(this.chart),"function"==typeof t&&t.apply(this,Array.prototype.slice.call(arguments,1)),this},reflow:c,render:function(t){return t&&this.reflow(),this.options.animation&&!t?s.animationLoop(this.draw,this.options.animationSteps,this.options.animationEasing,this.options.onAnimationProgress,this.options.onAnimationComplete,this):(this.draw(),this.options.onAnimationComplete.call(this)),this},generateLegend:function(){return C(this.options.legendTemplate,this)},destroy:function(){this.clear(),F(this,this.events);var t=this.chart.canvas;t.width=this.chart.width,t.height=this.chart.height,t.style.removeProperty?(t.style.removeProperty("width"),t.style.removeProperty("height")):(t.style.removeAttribute("width"),t.style.removeAttribute("height")),delete e.instances[this.id]},showTooltip:function(t,i){"undefined"==typeof this.activeElements&&(this.activeElements=[]);var o=function(t){var i=!1;return t.length!==this.activeElements.length?i=!0:(n(t,function(t,e){t!==this.activeElements[e]&&(i=!0)},this),i)}.call(this,t);if(o||i){if(this.activeElements=t,this.draw(),this.options.customTooltips&&this.options.customTooltips(!1),t.length>0)if(this.datasets&&this.datasets.length>1){for(var a,h,r=this.datasets.length-1;r>=0&&(a=this.datasets[r].points||this.datasets[r].bars||this.datasets[r].segments,h=l(a,t[0]),-1===h);r--);var c=[],u=[],d=function(){var t,i,e,n,o,a=[],l=[],r=[];return s.each(this.datasets,function(i){t=i.points||i.bars||i.segments,t[h]&&t[h].hasValue()&&a.push(t[h])}),s.each(a,function(t){l.push(t.x),r.push(t.y),c.push(s.template(this.options.multiTooltipTemplate,t)),u.push({fill:t._saved.fillColor||t.fillColor,stroke:t._saved.strokeColor||t.strokeColor})},this),o=m(r),e=g(r),n=m(l),i=g(l),{x:n>this.chart.width/2?n:i,y:(o+e)/2}}.call(this,h);new e.MultiTooltip({x:d.x,y:d.y,xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,xOffset:this.options.tooltipXOffset,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,titleTextColor:this.options.tooltipTitleFontColor,titleFontFamily:this.options.tooltipTitleFontFamily,titleFontStyle:this.options.tooltipTitleFontStyle,titleFontSize:this.options.tooltipTitleFontSize,cornerRadius:this.options.tooltipCornerRadius,labels:c,legendColors:u,legendColorBackground:this.options.multiTooltipKeyBackground,title:t[0].label,chart:this.chart,ctx:this.chart.ctx,custom:this.options.customTooltips}).draw()}else n(t,function(t){var i=t.tooltipPosition();new e.Tooltip({x:Math.round(i.x),y:Math.round(i.y),xPadding:this.options.tooltipXPadding,yPadding:this.options.tooltipYPadding,fillColor:this.options.tooltipFillColor,textColor:this.options.tooltipFontColor,fontFamily:this.options.tooltipFontFamily,fontStyle:this.options.tooltipFontStyle,fontSize:this.options.tooltipFontSize,caretHeight:this.options.tooltipCaretSize,cornerRadius:this.options.tooltipCornerRadius,text:C(this.options.tooltipTemplate,t),chart:this.chart,custom:this.options.customTooltips}).draw()},this);return this}},toBase64Image:function(){return this.chart.canvas.toDataURL.apply(this.chart.canvas,arguments)}}),e.Type.extend=function(t){var i=this,s=function(){return i.apply(this,arguments)};if(s.prototype=o(i.prototype),a(s.prototype,t),s.extend=e.Type.extend,t.name||i.prototype.name){var n=t.name||i.prototype.name,l=e.defaults[i.prototype.name]?o(e.defaults[i.prototype.name]):{};e.defaults[n]=a(l,t.defaults),e.types[n]=s,e.prototype[n]=function(t,i){var o=h(e.defaults.global,e.defaults[n],i||{});return new s(t,o,this)}}else d("Name not provided for this chart, so it hasn't been registered");return i},e.Element=function(t){a(this,t),this.initialize.apply(this,arguments),this.save()},a(e.Element.prototype,{initialize:function(){},restore:function(t){return t?n(t,function(t){this[t]=this._saved[t]},this):a(this,this._saved),this},save:function(){return this._saved=o(this),delete this._saved._saved,this},update:function(t){return n(t,function(t,i){this._saved[i]=this[i],this[i]=t},this),this},transition:function(t,i){return n(t,function(t,e){this[e]=(t-this._saved[e])*i+this._saved[e]},this),this},tooltipPosition:function(){return{x:this.x,y:this.y}},hasValue:function(){return f(this.value)}}),e.Element.extend=r,e.Point=e.Element.extend({display:!0,inRange:function(t,i){var e=this.hitDetectionRadius+this.radius;return Math.pow(t-this.x,2)+Math.pow(i-this.y,2)=this.startAngle&&e.angle<=this.endAngle,o=e.distance>=this.innerRadius&&e.distance<=this.outerRadius;return n&&o},tooltipPosition:function(){var t=this.startAngle+(this.endAngle-this.startAngle)/2,i=(this.outerRadius-this.innerRadius)/2+this.innerRadius;return{x:this.x+Math.cos(t)*i,y:this.y+Math.sin(t)*i}},draw:function(t){var i=this.ctx;i.beginPath(),i.arc(this.x,this.y,this.outerRadius,this.startAngle,this.endAngle),i.arc(this.x,this.y,this.innerRadius,this.endAngle,this.startAngle,!0),i.closePath(),i.strokeStyle=this.strokeColor,i.lineWidth=this.strokeWidth,i.fillStyle=this.fillColor,i.fill(),i.lineJoin="bevel",this.showStroke&&i.stroke()}}),e.Rectangle=e.Element.extend({draw:function(){var t=this.ctx,i=this.width/2,e=this.x-i,s=this.x+i,n=this.base-(this.base-this.y),o=this.strokeWidth/2;this.showStroke&&(e+=o,s-=o,n+=o),t.beginPath(),t.fillStyle=this.fillColor,t.strokeStyle=this.strokeColor,t.lineWidth=this.strokeWidth,t.moveTo(e,this.base),t.lineTo(e,n),t.lineTo(s,n),t.lineTo(s,this.base),t.fill(),this.showStroke&&t.stroke()},height:function(){return this.base-this.y},inRange:function(t,i){return t>=this.x-this.width/2&&t<=this.x+this.width/2&&i>=this.y&&i<=this.base}}),e.Tooltip=e.Element.extend({draw:function(){var t=this.chart.ctx;t.font=W(this.fontSize,this.fontStyle,this.fontFamily),this.xAlign="center",this.yAlign="above";var i=this.caretPadding=2,e=t.measureText(this.text).width+2*this.xPadding,s=this.fontSize+2*this.yPadding,n=s+this.caretHeight+i;this.x+e/2>this.chart.width?this.xAlign="left":this.x-e/2<0&&(this.xAlign="right"),this.y-n<0&&(this.yAlign="below");var o=this.x-e/2,a=this.y-n;if(t.fillStyle=this.fillColor,this.custom)this.custom(this);else{switch(this.yAlign){case"above":t.beginPath(),t.moveTo(this.x,this.y-i),t.lineTo(this.x+this.caretHeight,this.y-(i+this.caretHeight)),t.lineTo(this.x-this.caretHeight,this.y-(i+this.caretHeight)),t.closePath(),t.fill();break;case"below":a=this.y+i+this.caretHeight,t.beginPath(),t.moveTo(this.x,this.y+i),t.lineTo(this.x+this.caretHeight,this.y+i+this.caretHeight),t.lineTo(this.x-this.caretHeight,this.y+i+this.caretHeight),t.closePath(),t.fill()}switch(this.xAlign){case"left":o=this.x-e+(this.cornerRadius+this.caretHeight);break;case"right":o=this.x-(this.cornerRadius+this.caretHeight)}B(t,o,a,e,s,this.cornerRadius),t.fill(),t.fillStyle=this.textColor,t.textAlign="center",t.textBaseline="middle",t.fillText(this.text,o+e/2,a+s/2)}}}),e.MultiTooltip=e.Element.extend({initialize:function(){this.font=W(this.fontSize,this.fontStyle,this.fontFamily),this.titleFont=W(this.titleFontSize,this.titleFontStyle,this.titleFontFamily),this.height=this.labels.length*this.fontSize+(this.labels.length-1)*(this.fontSize/2)+2*this.yPadding+1.5*this.titleFontSize,this.ctx.font=this.titleFont;var t=this.ctx.measureText(this.title).width,i=z(this.ctx,this.font,this.labels)+this.fontSize+3,e=g([i,t]);this.width=e+2*this.xPadding;var s=this.height/2;this.y-s<0?this.y=s:this.y+s>this.chart.height&&(this.y=this.chart.height-s),this.x>this.chart.width/2?this.x-=this.xOffset+this.width:this.x+=this.xOffset},getLineHeight:function(t){var i=this.y-this.height/2+this.yPadding,e=t-1;return 0===t?i+this.titleFontSize/2:i+(1.5*this.fontSize*e+this.fontSize/2)+1.5*this.titleFontSize},draw:function(){if(this.custom)this.custom(this);else{B(this.ctx,this.x,this.y-this.height/2,this.width,this.height,this.cornerRadius);var t=this.ctx;t.fillStyle=this.fillColor,t.fill(),t.closePath(),t.textAlign="left",t.textBaseline="middle",t.fillStyle=this.titleTextColor,t.font=this.titleFont,t.fillText(this.title,this.x+this.xPadding,this.getLineHeight(0)),t.font=this.font,s.each(this.labels,function(i,e){t.fillStyle=this.textColor,t.fillText(i,this.x+this.xPadding+this.fontSize+3,this.getLineHeight(e+1)),t.fillStyle=this.legendColorBackground,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize),t.fillStyle=this.legendColors[e].fill,t.fillRect(this.x+this.xPadding,this.getLineHeight(e+1)-this.fontSize/2,this.fontSize,this.fontSize)},this)}}}),e.Scale=e.Element.extend({initialize:function(){this.fit()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(C(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}));this.yLabelWidth=this.display&&this.showLabels?z(this.ctx,this.font,this.yLabels):0},addXLabel:function(t){this.xLabels.push(t),this.valuesCount++,this.fit()},removeXLabel:function(){this.xLabels.shift(),this.valuesCount--,this.fit()},fit:function(){this.startPoint=this.display?this.fontSize:0,this.endPoint=this.display?this.height-1.5*this.fontSize-5:this.height,this.startPoint+=this.padding,this.endPoint-=this.padding;var t,i=this.endPoint-this.startPoint;for(this.calculateYRange(i),this.buildYLabels(),this.calculateXLabelRotation();i>this.endPoint-this.startPoint;)i=this.endPoint-this.startPoint,t=this.yLabelWidth,this.calculateYRange(i),this.buildYLabels(),tthis.yLabelWidth+10?e/2:this.yLabelWidth+10,this.xLabelRotation=0,this.display){var n,o=z(this.ctx,this.font,this.xLabels);this.xLabelWidth=o;for(var a=Math.floor(this.calculateX(1)-this.calculateX(0))-6;this.xLabelWidth>a&&0===this.xLabelRotation||this.xLabelWidth>a&&this.xLabelRotation<=90&&this.xLabelRotation>0;)n=Math.cos(S(this.xLabelRotation)),t=n*e,i=n*s,t+this.fontSize/2>this.yLabelWidth+8&&(this.xScalePaddingLeft=t+this.fontSize/2),this.xScalePaddingRight=this.fontSize/2,this.xLabelRotation++,this.xLabelWidth=n*o;this.xLabelRotation>0&&(this.endPoint-=Math.sin(S(this.xLabelRotation))*o+3)}else this.xLabelWidth=0,this.xScalePaddingRight=this.padding,this.xScalePaddingLeft=this.padding},calculateYRange:c,drawingArea:function(){return this.startPoint-this.endPoint},calculateY:function(t){var i=this.drawingArea()/(this.min-this.max);return this.endPoint-i*(t-this.min)},calculateX:function(t){var i=(this.xLabelRotation>0,this.width-(this.xScalePaddingLeft+this.xScalePaddingRight)),e=i/Math.max(this.valuesCount-(this.offsetGridLines?0:1),1),s=e*t+this.xScalePaddingLeft;return this.offsetGridLines&&(s+=e/2),Math.round(s)},update:function(t){s.extend(this,t),this.fit()},draw:function(){var t=this.ctx,i=(this.endPoint-this.startPoint)/this.steps,e=Math.round(this.xScalePaddingLeft);this.display&&(t.fillStyle=this.textColor,t.font=this.font,n(this.yLabels,function(n,o){var a=this.endPoint-i*o,h=Math.round(a),l=this.showHorizontalLines;t.textAlign="right",t.textBaseline="middle",this.showLabels&&t.fillText(n,e-10,a),0!==o||l||(l=!0),l&&t.beginPath(),o>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),h+=s.aliasPixel(t.lineWidth),l&&(t.moveTo(e,h),t.lineTo(this.width,h),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(e-5,h),t.lineTo(e,h),t.stroke(),t.closePath()},this),n(this.xLabels,function(i,e){var s=this.calculateX(e)+x(this.lineWidth),n=this.calculateX(e-(this.offsetGridLines?.5:0))+x(this.lineWidth),o=this.xLabelRotation>0,a=this.showVerticalLines;0!==e||a||(a=!0),a&&t.beginPath(),e>0?(t.lineWidth=this.gridLineWidth,t.strokeStyle=this.gridLineColor):(t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor),a&&(t.moveTo(n,this.endPoint),t.lineTo(n,this.startPoint-3),t.stroke(),t.closePath()),t.lineWidth=this.lineWidth,t.strokeStyle=this.lineColor,t.beginPath(),t.moveTo(n,this.endPoint),t.lineTo(n,this.endPoint+5),t.stroke(),t.closePath(),t.save(),t.translate(s,o?this.endPoint+12:this.endPoint+8),t.rotate(-1*S(this.xLabelRotation)),t.font=this.font,t.textAlign=o?"right":"center",t.textBaseline=o?"middle":"top",t.fillText(i,0,0),t.restore()},this))}}),e.RadialScale=e.Element.extend({initialize:function(){this.size=m([this.height,this.width]),this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2},calculateCenterOffset:function(t){var i=this.drawingArea/(this.max-this.min);return(t-this.min)*i},update:function(){this.lineArc?this.drawingArea=this.display?this.size/2-(this.fontSize/2+this.backdropPaddingY):this.size/2:this.setScaleSize(),this.buildYLabels()},buildYLabels:function(){this.yLabels=[];for(var t=v(this.stepValue),i=0;i<=this.steps;i++)this.yLabels.push(C(this.templateString,{value:(this.min+i*this.stepValue).toFixed(t)}))},getCircumference:function(){return 2*Math.PI/this.valuesCount},setScaleSize:function(){var t,i,e,s,n,o,a,h,l,r,c,u,d=m([this.height/2-this.pointLabelFontSize-5,this.width/2]),p=this.width,g=0;for(this.ctx.font=W(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),i=0;ip&&(p=t.x+s,n=i),t.x-sp&&(p=t.x+e,n=i):i>this.valuesCount/2&&t.x-e0){var s,n=e*(this.drawingArea/this.steps),o=this.yCenter-n;if(this.lineWidth>0)if(t.strokeStyle=this.lineColor,t.lineWidth=this.lineWidth,this.lineArc)t.beginPath(),t.arc(this.xCenter,this.yCenter,n,0,2*Math.PI),t.closePath(),t.stroke();else{t.beginPath();for(var a=0;a=0;i--){if(this.angleLineWidth>0){var e=this.getPointPosition(i,this.calculateCenterOffset(this.max));t.beginPath(),t.moveTo(this.xCenter,this.yCenter),t.lineTo(e.x,e.y),t.stroke(),t.closePath()}var s=this.getPointPosition(i,this.calculateCenterOffset(this.max)+5);t.font=W(this.pointLabelFontSize,this.pointLabelFontStyle,this.pointLabelFontFamily),t.fillStyle=this.pointLabelFontColor;var o=this.labels.length,a=this.labels.length/2,h=a/2,l=h>i||i>o-h,r=i===h||i===o-h;t.textAlign=0===i?"center":i===a?"center":a>i?"left":"right",t.textBaseline=r?"middle":l?"bottom":"top",t.fillText(this.labels[i],s.x,s.y)}}}}}),s.addEvent(window,"resize",function(){var t;return function(){clearTimeout(t),t=setTimeout(function(){n(e.instances,function(t){t.options.responsive&&t.resize(t.render,!0)})},50)}}()),p?define(function(){return e}):"object"==typeof module&&module.exports&&(module.exports=e),t.Chart=e,e.noConflict=function(){return t.Chart=i,e}}).call(this),function(){"use strict";var t=this,i=t.Chart,e=i.helpers,s={scaleBeginAtZero:!0,scaleShowGridLines:!0,scaleGridLineColor:"rgba(0,0,0,.05)",scaleGridLineWidth:1,scaleShowHorizontalLines:!0,scaleShowVerticalLines:!0,barShowStroke:!0,barStrokeWidth:2,barValueSpacing:5,barDatasetSpacing:1,legendTemplate:'
      <% for (var i=0; i
    • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
      • <%}%>
    '};i.Type.extend({name:"Bar",defaults:s,initialize:function(t){var s=this.options;this.ScaleClass=i.Scale.extend({offsetGridLines:!0,calculateBarX:function(t,i,e){var n=this.calculateBaseWidth(),o=this.calculateX(e)-n/2,a=this.calculateBarWidth(t);return o+a*i+i*s.barDatasetSpacing+a/2},calculateBaseWidth:function(){return this.calculateX(1)-this.calculateX(0)-2*s.barValueSpacing},calculateBarWidth:function(t){var i=this.calculateBaseWidth()-(t-1)*s.barDatasetSpacing;return i/t}}),this.datasets=[],this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getBarsAtEvent(t):[];this.eachBars(function(t){t.restore(["fillColor","strokeColor"])}),e.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),this.BarClass=i.Rectangle.extend({strokeWidth:this.options.barStrokeWidth,showStroke:this.options.barShowStroke,ctx:this.chart.ctx}),e.each(t.datasets,function(i){var s={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,bars:[]};this.datasets.push(s),e.each(i.data,function(e,n){s.bars.push(new this.BarClass({value:e,label:t.labels[n],datasetLabel:i.label,strokeColor:i.strokeColor,fillColor:i.fillColor,highlightFill:i.highlightFill||i.fillColor,highlightStroke:i.highlightStroke||i.strokeColor}))},this)},this),this.buildScale(t.labels),this.BarClass.prototype.base=this.scale.endPoint,this.eachBars(function(t,i,s){e.extend(t,{width:this.scale.calculateBarWidth(this.datasets.length),x:this.scale.calculateBarX(this.datasets.length,s,i),y:this.scale.endPoint}),t.save()},this),this.render()},update:function(){this.scale.update(),e.each(this.activeElements,function(t){t.restore(["fillColor","strokeColor"])}),this.eachBars(function(t){t.save()}),this.render()},eachBars:function(t){e.each(this.datasets,function(i,s){e.each(i.bars,t,this,s)},this)},getBarsAtEvent:function(t){for(var i,s=[],n=e.getRelativePosition(t),o=function(t){s.push(t.bars[i])},a=0;a<% for (var i=0; i
  • <%if(segments[i].label){%><%=segments[i].label%><%}%>
    • <%}%>'};i.Type.extend({name:"Doughnut",defaults:s,initialize:function(t){this.segments=[],this.outerRadius=(e.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,this.SegmentArc=i.Arc.extend({ctx:this.chart.ctx,x:this.chart.width/2,y:this.chart.height/2}),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];e.each(this.segments,function(t){t.restore(["fillColor"])}),e.each(i,function(t){t.fillColor=t.highlightColor}),this.showTooltip(i)}),this.calculateTotal(t),e.each(t,function(t,i){this.addData(t,i,!0)},this),this.render()},getSegmentsAtEvent:function(t){var i=[],s=e.getRelativePosition(t);return e.each(this.segments,function(t){t.inRange(s.x,s.y)&&i.push(t)},this),i},addData:function(t,i,e){var s=i||this.segments.length;this.segments.splice(s,0,new this.SegmentArc({value:t.value,outerRadius:this.options.animateScale?0:this.outerRadius,innerRadius:this.options.animateScale?0:this.outerRadius/100*this.options.percentageInnerCutout,fillColor:t.color,highlightColor:t.highlight||t.color,showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,startAngle:1.5*Math.PI,circumference:this.options.animateRotate?0:this.calculateCircumference(t.value),label:t.label})),e||(this.reflow(),this.update())},calculateCircumference:function(t){return 2*Math.PI*(Math.abs(t)/this.total)},calculateTotal:function(t){this.total=0,e.each(t,function(t){this.total+=Math.abs(t.value)},this)},update:function(){this.calculateTotal(this.segments),e.each(this.activeElements,function(t){t.restore(["fillColor"])}),e.each(this.segments,function(t){t.save()}),this.render()},removeData:function(t){var i=e.isNumber(t)?t:this.segments.length-1;this.segments.splice(i,1),this.reflow(),this.update()},reflow:function(){e.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.outerRadius=(e.min([this.chart.width,this.chart.height])-this.options.segmentStrokeWidth/2)/2,e.each(this.segments,function(t){t.update({outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout})},this)},draw:function(t){var i=t?t:1;this.clear(),e.each(this.segments,function(t,e){t.transition({circumference:this.calculateCircumference(t.value),outerRadius:this.outerRadius,innerRadius:this.outerRadius/100*this.options.percentageInnerCutout},i),t.endAngle=t.startAngle+t.circumference,t.draw(),0===e&&(t.startAngle=1.5*Math.PI),e<% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
    • <%}%>'};i.Type.extend({name:"Line",defaults:s,initialize:function(t){this.PointClass=i.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx,inRange:function(t){return Math.pow(t-this.x,2)0&&ithis.scale.endPoint?t.controlPoints.outer.y=this.scale.endPoint:t.controlPoints.outer.ythis.scale.endPoint?t.controlPoints.inner.y=this.scale.endPoint:t.controlPoints.inner.y0&&(s.lineTo(h[h.length-1].x,this.scale.endPoint),s.lineTo(h[0].x,this.scale.endPoint),s.fillStyle=t.fillColor,s.closePath(),s.fill()),e.each(h,function(t){t.draw()})},this)}})}.call(this),function(){"use strict";var t=this,i=t.Chart,e=i.helpers,s={scaleShowLabelBackdrop:!0,scaleBackdropColor:"rgba(255,255,255,0.75)",scaleBeginAtZero:!0,scaleBackdropPaddingY:2,scaleBackdropPaddingX:2,scaleShowLine:!0,segmentShowStroke:!0,segmentStrokeColor:"#fff",segmentStrokeWidth:2,animationSteps:100,animationEasing:"easeOutBounce",animateRotate:!0,animateScale:!1,legendTemplate:'
      <% for (var i=0; i
    • <%if(segments[i].label){%><%=segments[i].label%><%}%>
      • <%}%>
    '};i.Type.extend({name:"PolarArea",defaults:s,initialize:function(t){this.segments=[],this.SegmentArc=i.Arc.extend({showStroke:this.options.segmentShowStroke,strokeWidth:this.options.segmentStrokeWidth,strokeColor:this.options.segmentStrokeColor,ctx:this.chart.ctx,innerRadius:0,x:this.chart.width/2,y:this.chart.height/2}),this.scale=new i.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,lineArc:!0,width:this.chart.width,height:this.chart.height,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,valuesCount:t.length}),this.updateScaleRange(t),this.scale.update(),e.each(t,function(t,i){this.addData(t,i,!0)},this),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getSegmentsAtEvent(t):[];e.each(this.segments,function(t){t.restore(["fillColor"])}),e.each(i,function(t){t.fillColor=t.highlightColor}),this.showTooltip(i)}),this.render()},getSegmentsAtEvent:function(t){var i=[],s=e.getRelativePosition(t);return e.each(this.segments,function(t){t.inRange(s.x,s.y)&&i.push(t)},this),i},addData:function(t,i,e){var s=i||this.segments.length;this.segments.splice(s,0,new this.SegmentArc({fillColor:t.color,highlightColor:t.highlight||t.color,label:t.label,value:t.value,outerRadius:this.options.animateScale?0:this.scale.calculateCenterOffset(t.value),circumference:this.options.animateRotate?0:this.scale.getCircumference(),startAngle:1.5*Math.PI})),e||(this.reflow(),this.update())},removeData:function(t){var i=e.isNumber(t)?t:this.segments.length-1;this.segments.splice(i,1),this.reflow(),this.update()},calculateTotal:function(t){this.total=0,e.each(t,function(t){this.total+=t.value},this),this.scale.valuesCount=this.segments.length},updateScaleRange:function(t){var i=[];e.each(t,function(t){i.push(t.value)});var s=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:e.calculateScaleRange(i,e.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);e.extend(this.scale,s,{size:e.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2})},update:function(){this.calculateTotal(this.segments),e.each(this.segments,function(t){t.save()}),this.reflow(),this.render()},reflow:function(){e.extend(this.SegmentArc.prototype,{x:this.chart.width/2,y:this.chart.height/2}),this.updateScaleRange(this.segments),this.scale.update(),e.extend(this.scale,{xCenter:this.chart.width/2,yCenter:this.chart.height/2}),e.each(this.segments,function(t){t.update({outerRadius:this.scale.calculateCenterOffset(t.value)})},this)},draw:function(t){var i=t||1;this.clear(),e.each(this.segments,function(t,e){t.transition({circumference:this.scale.getCircumference(),outerRadius:this.scale.calculateCenterOffset(t.value)},i),t.endAngle=t.startAngle+t.circumference,0===e&&(t.startAngle=1.5*Math.PI),e<% for (var i=0; i
  • <%if(datasets[i].label){%><%=datasets[i].label%><%}%>
    • <%}%>'},initialize:function(t){this.PointClass=i.Point.extend({strokeWidth:this.options.pointDotStrokeWidth,radius:this.options.pointDotRadius,display:this.options.pointDot,hitDetectionRadius:this.options.pointHitDetectionRadius,ctx:this.chart.ctx}),this.datasets=[],this.buildScale(t),this.options.showTooltips&&e.bindEvents(this,this.options.tooltipEvents,function(t){var i="mouseout"!==t.type?this.getPointsAtEvent(t):[];this.eachPoints(function(t){t.restore(["fillColor","strokeColor"])}),e.each(i,function(t){t.fillColor=t.highlightFill,t.strokeColor=t.highlightStroke}),this.showTooltip(i)}),e.each(t.datasets,function(i){var s={label:i.label||null,fillColor:i.fillColor,strokeColor:i.strokeColor,pointColor:i.pointColor,pointStrokeColor:i.pointStrokeColor,points:[]};this.datasets.push(s),e.each(i.data,function(e,n){var o;this.scale.animation||(o=this.scale.getPointPosition(n,this.scale.calculateCenterOffset(e))),s.points.push(new this.PointClass({value:e,label:t.labels[n],datasetLabel:i.label,x:this.options.animation?this.scale.xCenter:o.x,y:this.options.animation?this.scale.yCenter:o.y,strokeColor:i.pointStrokeColor,fillColor:i.pointColor,highlightFill:i.pointHighlightFill||i.pointColor,highlightStroke:i.pointHighlightStroke||i.pointStrokeColor}))},this)},this),this.render()},eachPoints:function(t){e.each(this.datasets,function(i){e.each(i.points,t,this)},this)},getPointsAtEvent:function(t){var i=e.getRelativePosition(t),s=e.getAngleFromPoint({x:this.scale.xCenter,y:this.scale.yCenter},i),n=2*Math.PI/this.scale.valuesCount,o=Math.round((s.angle-1.5*Math.PI)/n),a=[];return(o>=this.scale.valuesCount||0>o)&&(o=0),s.distance<=this.scale.drawingArea&&e.each(this.datasets,function(t){a.push(t.points[o])}),a},buildScale:function(t){this.scale=new i.RadialScale({display:this.options.showScale,fontStyle:this.options.scaleFontStyle,fontSize:this.options.scaleFontSize,fontFamily:this.options.scaleFontFamily,fontColor:this.options.scaleFontColor,showLabels:this.options.scaleShowLabels,showLabelBackdrop:this.options.scaleShowLabelBackdrop,backdropColor:this.options.scaleBackdropColor,backdropPaddingY:this.options.scaleBackdropPaddingY,backdropPaddingX:this.options.scaleBackdropPaddingX,lineWidth:this.options.scaleShowLine?this.options.scaleLineWidth:0,lineColor:this.options.scaleLineColor,angleLineColor:this.options.angleLineColor,angleLineWidth:this.options.angleShowLineOut?this.options.angleLineWidth:0,pointLabelFontColor:this.options.pointLabelFontColor,pointLabelFontSize:this.options.pointLabelFontSize,pointLabelFontFamily:this.options.pointLabelFontFamily,pointLabelFontStyle:this.options.pointLabelFontStyle,height:this.chart.height,width:this.chart.width,xCenter:this.chart.width/2,yCenter:this.chart.height/2,ctx:this.chart.ctx,templateString:this.options.scaleLabel,labels:t.labels,valuesCount:t.datasets[0].data.length}),this.scale.setScaleSize(),this.updateScaleRange(t.datasets),this.scale.buildYLabels()},updateScaleRange:function(t){var i=function(){var i=[];return e.each(t,function(t){t.data?i=i.concat(t.data):e.each(t.points,function(t){i.push(t.value)})}),i}(),s=this.options.scaleOverride?{steps:this.options.scaleSteps,stepValue:this.options.scaleStepWidth,min:this.options.scaleStartValue,max:this.options.scaleStartValue+this.options.scaleSteps*this.options.scaleStepWidth}:e.calculateScaleRange(i,e.min([this.chart.width,this.chart.height])/2,this.options.scaleFontSize,this.options.scaleBeginAtZero,this.options.scaleIntegersOnly);e.extend(this.scale,s)},addData:function(t,i){this.scale.valuesCount++,e.each(t,function(t,e){var s=this.scale.getPointPosition(this.scale.valuesCount,this.scale.calculateCenterOffset(t));this.datasets[e].points.push(new this.PointClass({value:t,label:i,x:s.x,y:s.y,strokeColor:this.datasets[e].pointStrokeColor,fillColor:this.datasets[e].pointColor}))},this),this.scale.labels.push(i),this.reflow(),this.update()},removeData:function(){this.scale.valuesCount--,this.scale.labels.shift(),e.each(this.datasets,function(t){t.points.shift()},this),this.reflow(),this.update()},update:function(){this.eachPoints(function(t){t.save()}),this.reflow(),this.render()},reflow:function(){e.extend(this.scale,{width:this.chart.width,height:this.chart.height,size:e.min([this.chart.width,this.chart.height]),xCenter:this.chart.width/2,yCenter:this.chart.height/2}),this.updateScaleRange(this.datasets),this.scale.setScaleSize(),this.scale.buildYLabels()},draw:function(t){var i=t||1,s=this.chart.ctx;this.clear(),this.scale.draw(),e.each(this.datasets,function(t){e.each(t.points,function(t,e){t.hasValue()&&t.transition(this.scale.getPointPosition(e,this.scale.calculateCenterOffset(t.value)),i)},this),s.lineWidth=this.options.datasetStrokeWidth,s.strokeStyle=t.strokeColor,s.beginPath(),e.each(t.points,function(t,i){0===i?s.moveTo(t.x,t.y):s.lineTo(t.x,t.y)},this),s.closePath(),s.stroke(),s.fillStyle=t.fillColor,s.fill(),e.each(t.points,function(t){t.hasValue()&&t.draw()})},this)}})}.call(this); -------------------------------------------------------------------------------- /samples/_output/line.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Line Chart 12 | 13 | 14 | 15 | 30 | 31 | 32 | 33 |
    34 | 35 | 36 | -------------------------------------------------------------------------------- /samples/_output/line.js: -------------------------------------------------------------------------------- 1 | (function (console) { "use strict"; 2 | var line_Main = function() { 3 | this.data = { labels : ["January","February","March","April","May","June","July"], datasets : [{ label : "My First dataset", fillColor : "rgba(220,220,220,0.2)", strokeColor : "rgba(220,220,220,1)", pointColor : "rgba(220,220,220,1)", pointStrokeColor : "#fff", pointHighlightFill : "#fff", pointHighlightStroke : "rgba(220,220,220,1)", data : [65,59,80,81,56,55,40]},{ label : "My Second dataset", fillColor : "rgba(151,187,205,0.2)", strokeColor : "rgba(151,187,205,1)", pointColor : "rgba(151,187,205,1)", pointStrokeColor : "#fff", pointHighlightFill : "#fff", pointHighlightStroke : "rgba(151,187,205,1)", data : [28,48,40,19,86,27,90]}]}; 4 | var canvas; 5 | var _this = window.document; 6 | canvas = _this.createElement("canvas"); 7 | window.document.body.appendChild(canvas); 8 | Chart.defaults.global.responsive = true; 9 | var ctx = canvas.getContext("2d"); 10 | var lineChart = new Chart(ctx).Line(this.data); 11 | canvas.onclick = function(evt) { 12 | lineChart.addData([Math.random() * 100,Math.random() * 100],"test"); 13 | lineChart.update(); 14 | }; 15 | }; 16 | line_Main.main = function() { 17 | new line_Main(); 18 | }; 19 | line_Main.main(); 20 | })(typeof console != "undefined" ? console : {log:function(){}}); 21 | -------------------------------------------------------------------------------- /samples/_output/pie.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Pie Chart 12 | 13 | 14 | 15 | 30 | 31 | 32 | 33 |
    34 | 35 | 36 | -------------------------------------------------------------------------------- /samples/_output/pie.js: -------------------------------------------------------------------------------- 1 | (function (console) { "use strict"; 2 | var pie_Main = function() { 3 | this.data = [{ value : 300, color : "#F7464A", highlight : "#FF5A5E", label : "Red"},{ value : 50, color : "#46BFBD", highlight : "#5AD3D1", label : "Green"},{ value : 100, color : "#FDB45C", highlight : "#FFC870", label : "Yellow"}]; 4 | var canvas; 5 | var _this = window.document; 6 | canvas = _this.createElement("canvas"); 7 | window.document.body.appendChild(canvas); 8 | Chart.defaults.global.responsive = true; 9 | var ctx = canvas.getContext("2d"); 10 | var pieChart = new Chart(ctx).Pie(this.data); 11 | }; 12 | pie_Main.main = function() { 13 | new pie_Main(); 14 | }; 15 | pie_Main.main(); 16 | })(typeof console != "undefined" ? console : {log:function(){}}); 17 | -------------------------------------------------------------------------------- /samples/_output/polar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Polar Area Chart 12 | 13 | 14 | 15 | 30 | 31 | 32 | 33 |
    34 | 35 | 36 | -------------------------------------------------------------------------------- /samples/_output/polar.js: -------------------------------------------------------------------------------- 1 | (function (console) { "use strict"; 2 | var polar_Main = function() { 3 | this.data = [{ value : 300, color : "#F7464A", highlight : "#FF5A5E", label : "Red"},{ value : 50, color : "#46BFBD", highlight : "#5AD3D1", label : "Green"},{ value : 100, color : "#FDB45C", highlight : "#FFC870", label : "Yellow"},{ value : 40, color : "#949FB1", highlight : "#A8B3C5", label : "Grey"},{ value : 120, color : "#4D5360", highlight : "#616774", label : "Dark Grey"}]; 4 | var canvas; 5 | var _this = window.document; 6 | canvas = _this.createElement("canvas"); 7 | window.document.body.appendChild(canvas); 8 | Chart.defaults.global.responsive = true; 9 | var ctx = canvas.getContext("2d"); 10 | var polarChart = new Chart(ctx).PolarArea(this.data); 11 | }; 12 | polar_Main.main = function() { 13 | new polar_Main(); 14 | }; 15 | polar_Main.main(); 16 | })(typeof console != "undefined" ? console : {log:function(){}}); 17 | -------------------------------------------------------------------------------- /samples/_output/radar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Radar Chart 12 | 13 | 14 | 15 | 30 | 31 | 32 | 33 |
    34 | 35 | 36 | -------------------------------------------------------------------------------- /samples/_output/radar.js: -------------------------------------------------------------------------------- 1 | (function (console) { "use strict"; 2 | var radar_Main = function() { 3 | this.data = { labels : ["Eating","Drinking","Sleeping","Designing","Coding","Cycling","Running"], datasets : [{ label : "My First dataset", fillColor : "rgba(220,220,220,0.2)", strokeColor : "rgba(220,220,220,1)", pointColor : "rgba(220,220,220,1)", pointStrokeColor : "#fff", pointHighlightFill : "#fff", pointHighlightStroke : "rgba(220,220,220,1)", data : [65,59,90,81,56,55,40]},{ label : "My Second dataset", fillColor : "rgba(151,187,205,0.2)", strokeColor : "rgba(151,187,205,1)", pointColor : "rgba(151,187,205,1)", pointStrokeColor : "#fff", pointHighlightFill : "#fff", pointHighlightStroke : "rgba(151,187,205,1)", data : [28,48,40,19,96,27,100]}]}; 4 | var canvas; 5 | var _this = window.document; 6 | canvas = _this.createElement("canvas"); 7 | window.document.body.appendChild(canvas); 8 | Chart.defaults.global.responsive = true; 9 | var ctx = canvas.getContext("2d"); 10 | var radarChart = new Chart(ctx).Radar(this.data); 11 | canvas.onclick = function(evt) { 12 | radarChart.addData([Math.random() * 100],"test"); 13 | radarChart.update(); 14 | }; 15 | }; 16 | radar_Main.main = function() { 17 | new radar_Main(); 18 | }; 19 | radar_Main.main(); 20 | })(typeof console != "undefined" ? console : {log:function(){}}); 21 | -------------------------------------------------------------------------------- /samples/bar/Main.hx: -------------------------------------------------------------------------------- 1 | package bar; 2 | 3 | import chart.defaults.Global; 4 | import js.html.CanvasRenderingContext2D; 5 | import js.html.CanvasElement; 6 | import chart.Chart; 7 | import js.Browser; 8 | 9 | class Main { 10 | 11 | var data = { 12 | labels: ["January", "February", "March", "April", "May", "June", "July"], 13 | datasets: [ 14 | { 15 | label: "My First dataset", 16 | fillColor: "rgba(220,220,220,0.5)", 17 | strokeColor: "rgba(220,220,220,0.8)", 18 | highlightFill: "rgba(220,220,220,0.75)", 19 | highlightStroke: "rgba(220,220,220,1)", 20 | data: [65, 59, 80, 81, 56, 55, 40] 21 | }, 22 | { 23 | label: "My Second dataset", 24 | fillColor: "rgba(151,187,205,0.5)", 25 | strokeColor: "rgba(151,187,205,0.8)", 26 | highlightFill: "rgba(151,187,205,0.75)", 27 | highlightStroke: "rgba(151,187,205,1)", 28 | data: [28, 48, 40, 19, 86, 27, 90] 29 | } 30 | ] 31 | }; 32 | 33 | public function new() { 34 | var canvas:CanvasElement = Browser.document.createCanvasElement(); 35 | Browser.document.body.appendChild(canvas); 36 | 37 | Global.responsive = true; 38 | 39 | var ctx:CanvasRenderingContext2D = canvas.getContext("2d"); 40 | var barChart = new Chart(ctx).Bar(data); 41 | 42 | canvas.onclick = function(evt) { 43 | barChart.addData([Math.random() * 100, Math.random() * 100], "test"); 44 | barChart.update(); 45 | }; 46 | } 47 | 48 | static function main() { 49 | new Main(); 50 | } 51 | } -------------------------------------------------------------------------------- /samples/doughnut/Main.hx: -------------------------------------------------------------------------------- 1 | package doughnut; 2 | 3 | import chart.defaults.Global; 4 | import js.html.CanvasRenderingContext2D; 5 | import js.html.CanvasElement; 6 | import chart.Chart; 7 | import js.Browser; 8 | 9 | class Main { 10 | 11 | var data = [ 12 | { 13 | value: 300, 14 | color:"#F7464A", 15 | highlight: "#FF5A5E", 16 | label: "Red" 17 | }, 18 | { 19 | value: 50, 20 | color: "#46BFBD", 21 | highlight: "#5AD3D1", 22 | label: "Green" 23 | }, 24 | { 25 | value: 100, 26 | color: "#FDB45C", 27 | highlight: "#FFC870", 28 | label: "Yellow" 29 | } 30 | ]; 31 | 32 | public function new() { 33 | var canvas:CanvasElement = Browser.document.createCanvasElement(); 34 | Browser.document.body.appendChild(canvas); 35 | 36 | Global.responsive = true; 37 | 38 | var ctx:CanvasRenderingContext2D = canvas.getContext("2d"); 39 | var doughnutChart = new Chart(ctx).Doughnut(data); 40 | 41 | canvas.onclick = function(evt) { 42 | doughnutChart.addData({ 43 | value: Math.random() * 100, 44 | color: "#003366", 45 | highlight: "#FF5A5E", 46 | label: "test" 47 | }, 0); 48 | doughnutChart.update(); 49 | }; 50 | } 51 | 52 | static function main() { 53 | new Main(); 54 | } 55 | } -------------------------------------------------------------------------------- /samples/line/Main.hx: -------------------------------------------------------------------------------- 1 | package line; 2 | 3 | import chart.defaults.Global; 4 | import js.html.CanvasRenderingContext2D; 5 | import js.html.CanvasElement; 6 | import chart.Chart; 7 | import js.Browser; 8 | 9 | class Main { 10 | 11 | var data = { 12 | labels: ["January", "February", "March", "April", "May", "June", "July"], 13 | datasets: [ 14 | { 15 | label: "My First dataset", 16 | fillColor: "rgba(220,220,220,0.2)", 17 | strokeColor: "rgba(220,220,220,1)", 18 | pointColor: "rgba(220,220,220,1)", 19 | pointStrokeColor: "#fff", 20 | pointHighlightFill: "#fff", 21 | pointHighlightStroke: "rgba(220,220,220,1)", 22 | data: [65, 59, 80, 81, 56, 55, 40] 23 | }, 24 | { 25 | label: "My Second dataset", 26 | fillColor: "rgba(151,187,205,0.2)", 27 | strokeColor: "rgba(151,187,205,1)", 28 | pointColor: "rgba(151,187,205,1)", 29 | pointStrokeColor: "#fff", 30 | pointHighlightFill: "#fff", 31 | pointHighlightStroke: "rgba(151,187,205,1)", 32 | data: [28, 48, 40, 19, 86, 27, 90] 33 | } 34 | ] 35 | }; 36 | 37 | public function new() { 38 | var canvas:CanvasElement = Browser.document.createCanvasElement(); 39 | Browser.document.body.appendChild(canvas); 40 | 41 | Global.responsive = true; 42 | 43 | var ctx:CanvasRenderingContext2D = canvas.getContext("2d"); 44 | var lineChart = new Chart(ctx).Line(data); 45 | 46 | canvas.onclick = function(evt) { 47 | lineChart.addData([Math.random() * 100, Math.random() * 100], "test"); 48 | lineChart.update(); 49 | }; 50 | 51 | } 52 | 53 | static function main() { 54 | new Main(); 55 | } 56 | } -------------------------------------------------------------------------------- /samples/pie/Main.hx: -------------------------------------------------------------------------------- 1 | package pie; 2 | 3 | import chart.defaults.Global; 4 | import js.html.CanvasRenderingContext2D; 5 | import js.html.CanvasElement; 6 | import chart.Chart; 7 | import js.Browser; 8 | 9 | class Main { 10 | 11 | var data = [ 12 | { 13 | value: 300, 14 | color:"#F7464A", 15 | highlight: "#FF5A5E", 16 | label: "Red" 17 | }, 18 | { 19 | value: 50, 20 | color: "#46BFBD", 21 | highlight: "#5AD3D1", 22 | label: "Green" 23 | }, 24 | { 25 | value: 100, 26 | color: "#FDB45C", 27 | highlight: "#FFC870", 28 | label: "Yellow" 29 | } 30 | ]; 31 | 32 | public function new() { 33 | var canvas:CanvasElement = Browser.document.createCanvasElement(); 34 | Browser.document.body.appendChild(canvas); 35 | 36 | Global.responsive = true; 37 | 38 | var ctx:CanvasRenderingContext2D = canvas.getContext("2d"); 39 | var pieChart = new Chart(ctx).Pie(data); 40 | } 41 | 42 | static function main() { 43 | new Main(); 44 | } 45 | } -------------------------------------------------------------------------------- /samples/polar/Main.hx: -------------------------------------------------------------------------------- 1 | package polar; 2 | 3 | import chart.defaults.Global; 4 | import js.html.CanvasRenderingContext2D; 5 | import js.html.CanvasElement; 6 | import chart.Chart; 7 | import js.Browser; 8 | 9 | class Main { 10 | 11 | var data = [ 12 | { 13 | value: 300, 14 | color:"#F7464A", 15 | highlight: "#FF5A5E", 16 | label: "Red" 17 | }, 18 | { 19 | value: 50, 20 | color: "#46BFBD", 21 | highlight: "#5AD3D1", 22 | label: "Green" 23 | }, 24 | { 25 | value: 100, 26 | color: "#FDB45C", 27 | highlight: "#FFC870", 28 | label: "Yellow" 29 | }, 30 | { 31 | value: 40, 32 | color: "#949FB1", 33 | highlight: "#A8B3C5", 34 | label: "Grey" 35 | }, 36 | { 37 | value: 120, 38 | color: "#4D5360", 39 | highlight: "#616774", 40 | label: "Dark Grey" 41 | } 42 | 43 | ]; 44 | 45 | public function new() { 46 | var canvas:CanvasElement = Browser.document.createCanvasElement(); 47 | Browser.document.body.appendChild(canvas); 48 | 49 | Global.responsive = true; 50 | 51 | var ctx:CanvasRenderingContext2D = canvas.getContext("2d"); 52 | var polarChart = new Chart(ctx).PolarArea(data); 53 | } 54 | 55 | static function main() { 56 | new Main(); 57 | } 58 | } -------------------------------------------------------------------------------- /samples/radar/Main.hx: -------------------------------------------------------------------------------- 1 | package radar; 2 | 3 | import chart.defaults.Global; 4 | import js.html.CanvasRenderingContext2D; 5 | import js.html.CanvasElement; 6 | import chart.Chart; 7 | import js.Browser; 8 | 9 | class Main { 10 | 11 | var data = { 12 | labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"], 13 | datasets: [ 14 | { 15 | label: "My First dataset", 16 | fillColor: "rgba(220,220,220,0.2)", 17 | strokeColor: "rgba(220,220,220,1)", 18 | pointColor: "rgba(220,220,220,1)", 19 | pointStrokeColor: "#fff", 20 | pointHighlightFill: "#fff", 21 | pointHighlightStroke: "rgba(220,220,220,1)", 22 | data: [65, 59, 90, 81, 56, 55, 40] 23 | }, 24 | { 25 | label: "My Second dataset", 26 | fillColor: "rgba(151,187,205,0.2)", 27 | strokeColor: "rgba(151,187,205,1)", 28 | pointColor: "rgba(151,187,205,1)", 29 | pointStrokeColor: "#fff", 30 | pointHighlightFill: "#fff", 31 | pointHighlightStroke: "rgba(151,187,205,1)", 32 | data: [28, 48, 40, 19, 96, 27, 100] 33 | } 34 | ] 35 | }; 36 | 37 | public function new() { 38 | var canvas:CanvasElement = Browser.document.createCanvasElement(); 39 | Browser.document.body.appendChild(canvas); 40 | 41 | Global.responsive = true; 42 | 43 | var ctx:CanvasRenderingContext2D = canvas.getContext("2d"); 44 | var radarChart = new Chart(ctx).Radar(data); 45 | 46 | canvas.onclick = function(evt) { 47 | radarChart.addData([Math.random() * 100], "test"); 48 | radarChart.update(); 49 | }; 50 | } 51 | 52 | static function main() { 53 | new Main(); 54 | } 55 | } --------------------------------------------------------------------------------