My Charts

diff --git a/.gitattributes b/.gitattributes index bdb0cab..dfe0770 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,17 +1,2 @@ # Auto detect text files and perform LF normalization * text=auto - -# Custom for Visual Studio -*.cs diff=csharp - -# Standard to msysgit -*.doc diff=astextplain -*.DOC diff=astextplain -*.docx diff=astextplain -*.DOCX diff=astextplain -*.dot diff=astextplain -*.DOT diff=astextplain -*.pdf diff=astextplain -*.PDF diff=astextplain -*.rtf diff=astextplain -*.RTF diff=astextplain diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 0000000..b73bbaa --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1,3 @@ +# These are supported funding model platforms + +patreon: ErikCampobadal diff --git a/.github/ISSUE_TEMPLATE/bug_report.md b/.github/ISSUE_TEMPLATE/bug_report.md new file mode 100644 index 0000000..33caca9 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/bug_report.md @@ -0,0 +1,47 @@ +--- +name: Bug report +about: Create a report to help us improve +title: "[BUG]" +labels: bug +assignees: '' + +--- + +**Required information** + - Charts Version [e.g. 6] + - Laravel Version [e.g. 5.8] + - PHP Version [e.g. 7.2] + - Frontend JS Library Used: [e.g. Chart.js] + +**Describe the bug** +A clear and concise description of what the bug is. + +**To Reproduce** +Steps to reproduce the behavior: +1. Go to '...' +2. Click on '....' +3. Scroll down to '....' +4. See error + +**Expected behavior** +A clear and concise description of what you expected to happen. + +**Screenshots** +If applicable, add screenshots to help explain your problem. + +**Code To Reproduce** +If applicable, add a code to reproduce the problem. + +**Desktop (please complete the following information):** + - OS: [e.g. iOS] + - Browser [e.g. chrome, safari] + - Version [e.g. 22] + +**Smartphone (please complete the following information):** + - Device: [e.g. iPhone6] + - OS: [e.g. iOS8.1] + - Browser [e.g. stock browser, safari] + - Version [e.g. 22] + +**Additional context** +Add any other context about the problem here. diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md new file mode 100644 index 0000000..f455865 --- /dev/null +++ b/.github/ISSUE_TEMPLATE/feature_request.md @@ -0,0 +1,20 @@ +--- +name: Feature request +about: Suggest an idea for this project +title: "[FEATURE]" +labels: enhancement +assignees: '' + +--- + +**Is your feature request related to a problem? Please describe.** +A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] + +**Describe the solution you'd like** +A clear and concise description of what you want to happen. + +**Describe alternatives you've considered** +A clear and concise description of any alternative solutions or features you've considered. + +**Additional context** +Add any other context or screenshots about the feature request here. diff --git a/.github/ISSUE_TEMPLATE/question.md b/.github/ISSUE_TEMPLATE/question.md new file mode 100644 index 0000000..f9e17dc --- /dev/null +++ b/.github/ISSUE_TEMPLATE/question.md @@ -0,0 +1,10 @@ +--- +name: Question +about: Questions and troubleshooting +title: "[QUESTION]" +labels: question +assignees: '' + +--- + + diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/LICENSE b/LICENSE index ebb8c85..fd38634 100644 --- a/LICENSE +++ b/LICENSE @@ -1,6 +1,6 @@ MIT License -Copyright (c) 2016 Erik Campobadal +Copyright (c) Èrik Campobadal Forés Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal diff --git a/README.md b/README.md index 3ac2b6a..ed85d1f 100644 --- a/README.md +++ b/README.md @@ -1,413 +1,32 @@ -# Charts +

+ + + + + + + +

-### Charts is a multi-library chart package to create interactive charts using laravel. +## What is charts? -[![StyleCI](https://styleci.io/repos/69124179/shield?branch=master)](https://styleci.io/repos/69124179) -![StyleCI](https://img.shields.io/badge/Built_for-Laravel-green.svg?style=flat-square) -![StyleCI](https://img.shields.io/github/license/consoletvs/charts.svg?style=flat-square) +Charts is a PHP (Laravel) library to handle all the charts in your application. It supports multiple +charting libraries and they allow to be loaded over AJAX with a nice loading animation. -![Example Chart](https://i.gyazo.com/2ea6d7af4f467e882c38af88095cb062.png) +It uses a simple API to create all the JS logic for you. You just need to write a few PHP lines :) -## Libraries & Types +## Documentation -Charts include the following libraries & types by default: +The documentation for the latest version of charts can be found here by pressing the image below. -- ChartJS ```chartjs``` - - Area Chart ```area``` - - Line Chart ```line``` - - Bar Chart ```bar``` - - Pie Chart ```pie``` - - Donut / Doughnut Chart ```donut``` -- Highcharts ```highcharts``` - - Area Chart ```area``` - - Line Chart ```line``` - - Bar Chart ```bar``` - - Pie Chart ```pie``` - - Donut / Doughnut Chart ```donut``` - - Geo Chart ```geo``` -- Google Charts ```google``` - - Area Chart ```area``` - - Line Chart ```line``` - - Bar Chart ```bar``` - - Pie Chart ```pie``` - - Donut / Doughnut Chart ```donut``` - - Geo Chart ```geo``` -- Chartist ```chartist``` - - Area Chart ```area``` - - Line Chart ```line``` - - Bar Chart ```bar``` - - Pie Chart ```pie``` - - Donut / Doughnut Chart ```donut``` -- FusionCharts ```fusioncharts``` - - Area Chart ```area``` - - Line Chart ```line``` - - Bar Chart ```bar``` - - Pie Chart ```pie``` - - Donut / Doughnut Chart ```donut``` -- Morris JS ```morris``` - - Area Chart ```area``` - - Line Chart ```line``` - - Bar Chart ```bar``` - - Donut / Doughnut Chart ```donut``` +

-## Installation +## Example screenshot -### Video Tutorial +A sample screenshot of a chartjs chart created using Charts. -[![Video Tutorial](https://img.youtube.com/vi/IEhZTcpbknA/0.jpg)](https://www.youtube.com/watch?v=IEhZTcpbknA) +

-To install charts use composer - -### Download - -``` -composer require consoletvs/charts -``` - -### Add service provider & alias - -Add the following service provider to the array in: ```config/app.php``` - -``` -ConsoleTVs\Charts\ChartsServiceProvider::class, -``` - -Add the following alias to the array in: ```config/app.php``` - -``` -'Charts' => ConsoleTVs\Charts\Charts::class, -``` -### Publish the assets - -``` -php artisan vendor:publish --tag=charts_config -php artisan vendor:publish --tag=charts_assets --force -``` - -## Default Settings - -The file in: ```config/charts.php``` contains an array of settings, you can find the default settings in there. - -## Usage - -Example Controller: - -``` -setTitle('My nice chart') - ->setLabels(['First', 'Second', 'Third']) - ->setValues([5,10,20]) - ->setDimensions(1000,500) - ->setResponsive(false); - return view('test', ['chart' => $chart]); - } -} -``` - -Example View: - -``` - - - - - - - - My Charts - - {!! Charts::assets() !!} - - - - - {!! $chart->render() !!} - - - - -``` - -## Chart Examples - -### Pie - -Note: ```highcharts``` can't change the color of this chart. Well it can but it's complicated, so I leave it here. - -``` -Charts::new('pie', 'highcharts') - ->setTitle('My nice chart') - ->setLabels(['First', 'Second', 'Third']) - ->setValues([5,10,20]) - ->setDimensions(1000,500) - ->setResponsive(false); -``` - -![Example Pie](https://i.gyazo.com/b61a0a5786a8f70daf61398d256366b8.png) - -### Donut / Doughnut - -Note: ```highcharts``` and ```chartist``` can't change the color of this chart. Well they can but it's complicated, so I leave it here. - -``` -Charts::new('donut', 'highcharts') - ->setTitle('My nice chart') - ->setLabels(['First', 'Second', 'Third']) - ->setValues([5,10,20]) - ->setDimensions(1000,500) - ->setResponsive(false); -``` - -![Example Donut](https://i.gyazo.com/fecef4a102cb348d0f7f3681120a600f.png) - - -### Line - -``` -Charts::new('line', 'highcharts') - ->setTitle('My nice chart') - ->setElementLabel('My nice label') - ->setLabels(['First', 'Second', 'Third']) - ->setValues([5,10,20]) - ->setDimensions(1000,500) - ->setResponsive(false); -``` - -![Example Line](https://i.gyazo.com/121736e3b8aa7f22ad17a7c0ceecac02.png) - -### Area - -``` -Charts::new('area', 'highcharts') - ->setTitle('My nice chart') - ->setElementLabel('My nice label') - ->setLabels(['First', 'Second', 'Third']) - ->setValues([5,10,20]) - ->setDimensions(1000,500) - ->setResponsive(false); -``` - -![Example Area](https://i.gyazo.com/f6c500cf9bfc2e449d64ee19b7bb809c.png) - - -### Bar - -Note: ```highcharts``` can't change the color of this chart. Well it can but it's complicated, so I leave it here. - -``` -Charts::new('bar', 'highcharts') - ->setTitle('My nice chart') - ->setElementLabel('My nice label') - ->setLabels(['First', 'Second', 'Third']) - ->setValues([5,10,20]) - ->setDimensions(1000,500) - ->setResponsive(false); -``` - -![Example Bar](https://i.gyazo.com/94ada1aac091ef3cbc84433a3425a9aa.png) - -### Geo - -Note: The labels must have the country codes, not the name. - -Note 2: To add color to the chart, you'll need to provide an array of at least 2 colors. The first is the min and the second the max. - -``` -Charts::new('geo', 'highcharts') - ->setTitle('My nice chart') - ->setElementLabel('My nice label') - ->setLabels(['ES', 'FR', 'RU']) - ->setColors(['#C5CAE9', '#283593']) - ->setValues([5,10,20]) - ->setDimensions(1000,500) - ->setResponsive(false); -``` - -![Example Geo](https://i.gyazo.com/f7a76582e80912864c6cfb23f688e43e.png) - - -## Charts Functions - -- new() - - Returns a new chart instance, if no library is specified, the default one will be used. - - ``` - Charts::new('line''); - Charts::new('line', 'highcharts'); - ``` - -- assets() - - Returns all the assets to generate the graphs. - - ``` - - - // using blade - {!! Charts::assets() !!} - ``` - -- libraries() - - Returns an array of all the libraries available (can be filtered) - - ``` - // Return all the libraries available - print_r(Charts::libraries()); - - // Return all the libraries available for the line chart - print_r(Charts::libraries('line')); - ``` - -- types() - - Returns an array of all the chart types available (can be filtered) - - ``` - // Return all the chart types available - print_r(Charts::types()); - - // Return all the chart types available for the highcharts library - print_r(Charts::libraries('highcharts')); - ``` - -## Available Chart Settings: - -- setType() - - Set the chart type after creation (Example: from line to pie) - - ``` - Charts::new('line', 'highcharts')->setType('pie'); - ``` - -- setLibrary() - - Set the chart library after creation (Example: from highcharts to google) - - ``` - Charts::new('line', 'highcharts')->setLibrary('google'); - ``` - -- setLabels() - - The labels of the chart - - ``` - Charts::new('line', 'highcharts')->setLabels(['First', 'Second', 'Third']); - ``` - -- setValues() - - The values of the chart respectively - - ``` - Charts::new('line', 'highcharts')->setValues([10, 50, 100]); - ``` - -- setElementLabel() - - The element label for line / bar / geo charts - - ``` - Charts::new('line', 'highcharts')->setElementLabel('Total Views'); - ``` - -- setTitle() - - The chart title - - ``` - Charts::new('line', 'highcharts')->setTitle('My Chart'); - ``` - -- setColors() - - The colors of the charts respectively - - ``` - Charts::new('line', 'highcharts')->setColors(['#ff0000', '#00ff00', '#0000ff']); - ``` - -- setWidth() - - The chart width if non-responsive - - ``` - Charts::new('line', 'highcharts')->setWidth(1000); - ``` - -- setHeight() - - The chart height if non-responsive - - ``` - Charts::new('line', 'highcharts')->setHeight(500); - ``` - -- setDimensions() - - The chart dimensions (shortcut to set width, height with one funcion) - - ``` - Charts::new('line', 'highcharts')->setHeight(1000, 500); - ``` - -- setResponsive() - - Set if the chart is responsive or not. If not, the chart dimensions will be used. - - ``` - Charts::new('line', 'highcharts')->setResponsive(false); - ``` - -- settings() - - Return the chart settings - - ``` - print_r(Charts::new('line', 'highcharts')->settings()); - ``` - -- render() - - Render the chat! - - ``` - echo Charts::new('line', 'highcharts')->setLabels(['One', 'Two'])->setValues([10, 20])->render(); - ``` - -## Extend your way! - -You can create your own Charts by forking this repository. The ```src/Templates``` folder contains all the current charts, but you can -add yours like this: - -### Create a new file - -Create a new file, the syntax is: ```library.type.php``` - -if your chart library is called: ```mylib``` -and your template is for the line chart: ```line``` -Then you create a file like this: ```mylib.line.php``` - -To call it later, just use: - -``` -$chart = Charts::new('line', 'mylib'); -``` - -You have plenty of examples to see how to put the data so just take a closer look at all the included templates before doing yours! +## License +[![FOSSA Status](https://app.fossa.io/api/projects/git%2Bgithub.com%2FConsoleTVs%2FCharts.svg?type=large)](https://app.fossa.io/projects/git%2Bgithub.com%2FConsoleTVs%2FCharts?ref=badge_large) \ No newline at end of file diff --git a/composer.json b/composer.json index 79b6765..086a28c 100644 --- a/composer.json +++ b/composer.json @@ -1,20 +1,31 @@ { "name": "consoletvs/charts", - "description": "Create charts for laravel using diferent charts libraries", + "description": "The laravel charting package", "license": "MIT", + "type": "library", + "require": { + "php": ">=7.0", + "illuminate/support": "^5.0|^6.0|^7.0", + "illuminate/console": "^5.0|^6.0|^7.0", + "balping/json-raw-encoder": "^1.0" + }, "authors": [ { - "name": "Erik Campobadal", + "name": "Èrik Campobadal Forés ", "email": "soc@erik.cat" } ], - "require": { - "php": ">=5.5.9" - }, "autoload": { "psr-4": { "ConsoleTVs\\Charts\\": "src/" } }, + "extra": { + "laravel": { + "providers": [ + "ConsoleTVs\\Charts\\ChartsServiceProvider" + ] + } + }, "minimum-stability": "dev" } diff --git a/config/charts.php b/config/charts.php deleted file mode 100644 index 695373e..0000000 --- a/config/charts.php +++ /dev/null @@ -1,18 +0,0 @@ - [ - 'type' => 'line', - 'library' => 'google', - 'element_label' => 'Element', - 'title' => 'My chart', - 'height' => 400, - 'width' => 500, - 'responsive' => true, - ], -]; diff --git a/src/Assets/chartist/chartist.min.css b/src/Assets/chartist/chartist.min.css deleted file mode 100644 index e1c280e..0000000 --- a/src/Assets/chartist/chartist.min.css +++ /dev/null @@ -1 +0,0 @@ -.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0} \ No newline at end of file diff --git a/src/Assets/chartist/chartist.min.js b/src/Assets/chartist/chartist.min.js deleted file mode 100644 index ca5e4ef..0000000 --- a/src/Assets/chartist/chartist.min.js +++ /dev/null @@ -1,10 +0,0 @@ -/* Chartist.js 0.9.8 - * Copyright © 2016 Gion Kunz - * Free to use under either the WTFPL license or the MIT license. - * https://raw.githubusercontent.com/gionkunz/chartist-js/master/LICENSE-WTFPL - * https://raw.githubusercontent.com/gionkunz/chartist-js/master/LICENSE-MIT - */ - -!function(a,b){"function"==typeof define&&define.amd?define([],function(){return a.Chartist=b()}):"object"==typeof exports?module.exports=b():a.Chartist=b()}(this,function(){var a={version:"0.9.8"};return function(a,b,c){"use strict";c.namespaces={svg:"http://www.w3.org/2000/svg",xmlns:"http://www.w3.org/2000/xmlns/",xhtml:"http://www.w3.org/1999/xhtml",xlink:"http://www.w3.org/1999/xlink",ct:"http://gionkunz.github.com/chartist-js/ct"},c.noop=function(a){return a},c.alphaNumerate=function(a){return String.fromCharCode(97+a%26)},c.extend=function(a){a=a||{};var b=Array.prototype.slice.call(arguments,1);return b.forEach(function(b){for(var d in b)"object"!=typeof b[d]||null===b[d]||b[d]instanceof Array?a[d]=b[d]:a[d]=c.extend({},a[d],b[d])}),a},c.replaceAll=function(a,b,c){return a.replace(new RegExp(b,"g"),c)},c.ensureUnit=function(a,b){return"number"==typeof a&&(a+=b),a},c.quantity=function(a){if("string"==typeof a){var b=/^(\d+)\s*(.*)$/g.exec(a);return{value:+b[1],unit:b[2]||void 0}}return{value:a}},c.querySelector=function(a){return a instanceof Node?a:b.querySelector(a)},c.times=function(a){return Array.apply(null,new Array(a))},c.sum=function(a,b){return a+(b?b:0)},c.mapMultiply=function(a){return function(b){return b*a}},c.mapAdd=function(a){return function(b){return b+a}},c.serialMap=function(a,b){var d=[],e=Math.max.apply(null,a.map(function(a){return a.length}));return c.times(e).forEach(function(c,e){var f=a.map(function(a){return a[e]});d[e]=b.apply(null,f)}),d},c.roundWithPrecision=function(a,b){var d=Math.pow(10,b||c.precision);return Math.round(a*d)/d},c.precision=8,c.escapingMap={"&":"&","<":"<",">":">",'"':""","'":"'"},c.serialize=function(a){return null===a||void 0===a?a:("number"==typeof a?a=""+a:"object"==typeof a&&(a=JSON.stringify({data:a})),Object.keys(c.escapingMap).reduce(function(a,b){return c.replaceAll(a,b,c.escapingMap[b])},a))},c.deserialize=function(a){if("string"!=typeof a)return a;a=Object.keys(c.escapingMap).reduce(function(a,b){return c.replaceAll(a,c.escapingMap[b],b)},a);try{a=JSON.parse(a),a=void 0!==a.data?a.data:a}catch(b){}return a},c.createSvg=function(a,b,d,e){var f;return b=b||"100%",d=d||"100%",Array.prototype.slice.call(a.querySelectorAll("svg")).filter(function(a){return a.getAttributeNS(c.namespaces.xmlns,"ct")}).forEach(function(b){a.removeChild(b)}),f=new c.Svg("svg").attr({width:b,height:d}).addClass(e).attr({style:"width: "+b+"; height: "+d+";"}),a.appendChild(f._node),f},c.normalizeData=function(a){if(a=a||{series:[],labels:[]},a.series=a.series||[],a.labels=a.labels||[],a.series.length>0&&0===a.labels.length){var b,d=c.getDataArray(a);b=d.every(function(a){return a instanceof Array})?Math.max.apply(null,d.map(function(a){return a.length})):d.length,a.labels=c.times(b).map(function(){return""})}return a},c.reverseData=function(a){a.labels.reverse(),a.series.reverse();for(var b=0;bf.high&&(f.high=c),h&&c0?f.low=0:(f.high=1,f.low=0)),f},c.isNum=function(a){return!isNaN(a)&&isFinite(a)},c.isFalseyButZero=function(a){return!a&&0!==a},c.getNumberOrUndefined=function(a){return isNaN(+a)?void 0:+a},c.getMultiValue=function(a,b){return c.isNum(a)?+a:a?a[b||"y"]||0:0},c.rho=function(a){function b(a,c){return a%c===0?c:b(c,a%c)}function c(a){return a*a+1}if(1===a)return a;var d,e=2,f=2;if(a%2===0)return 2;do e=c(e)%a,f=c(c(f))%a,d=b(Math.abs(e-f),a);while(1===d);return d},c.getBounds=function(a,b,d,e){var f,g,h,i=0,j={high:b.high,low:b.low};j.valueRange=j.high-j.low,j.oom=c.orderOfMagnitude(j.valueRange),j.step=Math.pow(10,j.oom),j.min=Math.floor(j.low/j.step)*j.step,j.max=Math.ceil(j.high/j.step)*j.step,j.range=j.max-j.min,j.numberOfSteps=Math.round(j.range/j.step);var k=c.projectLength(a,j.step,j),l=k=d)j.step=1;else if(e&&m=d)j.step=m;else for(;;){if(l&&c.projectLength(a,j.step,j)<=d)j.step*=2;else{if(l||!(c.projectLength(a,j.step/2,j)>=d))break;if(j.step/=2,e&&j.step%1!==0){j.step*=2;break}}if(i++>1e3)throw new Error("Exceeded maximum number of iterations while optimizing scale step!")}var n=2.221e-16;for(j.step=Math.max(j.step,n),g=j.min,h=j.max;g+j.step<=j.low;)g+=j.step;for(;h-j.step>=j.high;)h-=j.step;j.min=g,j.max=h,j.range=j.max-j.min;var o=[];for(f=j.min;f<=j.max;f+=j.step){var p=c.roundWithPrecision(f);p!==o[o.length-1]&&o.push(f)}return j.values=o,j},c.polarToCartesian=function(a,b,c,d){var e=(d-90)*Math.PI/180;return{x:a+c*Math.cos(e),y:b+c*Math.sin(e)}},c.createChartRect=function(a,b,d){var e=!(!b.axisX&&!b.axisY),f=e?b.axisY.offset:0,g=e?b.axisX.offset:0,h=a.width()||c.quantity(b.width).value||0,i=a.height()||c.quantity(b.height).value||0,j=c.normalizePadding(b.chartPadding,d);h=Math.max(h,f+j.left+j.right),i=Math.max(i,g+j.top+j.bottom);var k={padding:j,width:function(){return this.x2-this.x1},height:function(){return this.y1-this.y2}};return e?("start"===b.axisX.position?(k.y2=j.top+g,k.y1=Math.max(i-j.bottom,k.y2+1)):(k.y2=j.top,k.y1=Math.max(i-j.bottom-g,k.y2+1)),"start"===b.axisY.position?(k.x1=j.left+f,k.x2=Math.max(h-j.right,k.x1+1)):(k.x1=j.left,k.x2=Math.max(h-j.right-f,k.x1+1))):(k.x1=j.left,k.x2=Math.max(h-j.right,k.x1+1),k.y2=j.top,k.y1=Math.max(i-j.bottom,k.y2+1)),k},c.createGrid=function(a,b,d,e,f,g,h,i){var j={};j[d.units.pos+"1"]=a,j[d.units.pos+"2"]=a,j[d.counterUnits.pos+"1"]=e,j[d.counterUnits.pos+"2"]=e+f;var k=g.elem("line",j,h.join(" "));i.emit("draw",c.extend({type:"grid",axis:d,index:b,group:g,element:k},j))},c.createLabel=function(a,b,d,e,f,g,h,i,j,k,l){var m,n={};if(n[f.units.pos]=a+h[f.units.pos],n[f.counterUnits.pos]=h[f.counterUnits.pos],n[f.units.len]=b,n[f.counterUnits.len]=Math.max(0,g-10),k){var o=''+e[d]+"";m=i.foreignObject(o,c.extend({style:"overflow: visible;"},n))}else m=i.elem("text",n,j.join(" ")).text(e[d]);l.emit("draw",c.extend({type:"label",axis:f,index:d,group:i,element:m,text:e[d]},n))},c.getSeriesOption=function(a,b,c){if(a.name&&b.series&&b.series[a.name]){var d=b.series[a.name];return d.hasOwnProperty(c)?d[c]:b[c]}return b[c]},c.optionsProvider=function(b,d,e){function f(b){var f=h;if(h=c.extend({},j),d)for(i=0;i=2&&a[h]<=a[h-2]&&(g=!0),g&&(f.push({pathCoordinates:[],valueData:[]}),g=!1),f[f.length-1].pathCoordinates.push(a[h],a[h+1]),f[f.length-1].valueData.push(b[h/2]));return f}}(window,document,a),function(a,b,c){"use strict";c.Interpolation={},c.Interpolation.none=function(a){var b={fillHoles:!1};return a=c.extend({},b,a),function(b,d){for(var e=new c.Svg.Path,f=!0,g=0;g1){var i=[];return h.forEach(function(a){i.push(f(a.pathCoordinates,a.valueData))}),c.Svg.Path.join(i)}if(b=h[0].pathCoordinates,g=h[0].valueData,b.length<=4)return c.Interpolation.none()(b,g);for(var j,k=(new c.Svg.Path).move(b[0],b[1],!1,g[0]),l=0,m=b.length;m-2*!j>l;l+=2){var n=[{x:+b[l-2],y:+b[l-1]},{x:+b[l],y:+b[l+1]},{x:+b[l+2],y:+b[l+3]},{x:+b[l+4],y:+b[l+5]}];j?l?m-4===l?n[3]={x:+b[0],y:+b[1]}:m-2===l&&(n[2]={x:+b[0],y:+b[1]},n[3]={x:+b[2],y:+b[3]}):n[0]={x:+b[m-2],y:+b[m-1]}:m-4===l?n[3]=n[2]:l||(n[0]={x:+b[l],y:+b[l+1]}),k.curve(d*(-n[0].x+6*n[1].x+n[2].x)/6+e*n[2].x,d*(-n[0].y+6*n[1].y+n[2].y)/6+e*n[2].y,d*(n[1].x+6*n[2].x-n[3].x)/6+e*n[2].x,d*(n[1].y+6*n[2].y-n[3].y)/6+e*n[2].y,n[2].x,n[2].y,!1,g[(l+2)/2])}return k}return c.Interpolation.none()([])}},c.Interpolation.monotoneCubic=function(a){var b={fillHoles:!1};return a=c.extend({},b,a),function d(b,e){var f=c.splitIntoSegments(b,e,{fillHoles:a.fillHoles,increasingX:!0});if(f.length){if(f.length>1){var g=[];return f.forEach(function(a){g.push(d(a.pathCoordinates,a.valueData))}),c.Svg.Path.join(g)}if(b=f[0].pathCoordinates,e=f[0].valueData,b.length<=4)return c.Interpolation.none()(b,e);var h,i,j=[],k=[],l=b.length/2,m=[],n=[],o=[],p=[];for(h=0;h0!=n[h]>0?m[h]=0:(m[h]=3*(p[h-1]+p[h])/((2*p[h]+p[h-1])/n[h-1]+(p[h]+2*p[h-1])/n[h]),isFinite(m[h])||(m[h]=0));for(i=(new c.Svg.Path).move(j[0],k[0],!1,e[0]),h=0;h1}).map(function(a){var b=a.pathElements[0],c=a.pathElements[a.pathElements.length-1];return a.clone(!0).position(0).remove(1).move(b.x,r).line(b.x,b.y).position(a.pathElements.length+1).line(c.x,r)}).forEach(function(c){var h=i.elem("path",{d:c.stringify()},a.classNames.area,!0);this.eventEmitter.emit("draw",{type:"area",values:b.normalized[g],path:c.clone(),series:f,seriesIndex:g,axisX:d,axisY:e,chartRect:j,index:g,group:i,element:h})}.bind(this))}}.bind(this)),this.eventEmitter.emit("created",{bounds:e.bounds,chartRect:j,axisX:d,axisY:e,svg:this.svg,options:a})}function e(a,b,d,e){c.Line["super"].constructor.call(this,a,b,f,c.extend({},f,d),e)}var f={axisX:{offset:30,position:"end",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:c.noop,type:void 0},axisY:{offset:40,position:"start",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:c.noop,type:void 0,scaleMinSpace:20,onlyInteger:!1},width:void 0,height:void 0,showLine:!0,showPoint:!0,showArea:!1,areaBase:0,lineSmooth:!0,low:void 0,high:void 0,chartPadding:{top:15,right:15,bottom:5,left:10},fullWidth:!1,reverseData:!1,classNames:{chart:"ct-chart-line",label:"ct-label",labelGroup:"ct-labels",series:"ct-series",line:"ct-line",point:"ct-point",area:"ct-area",grid:"ct-grid",gridGroup:"ct-grids",vertical:"ct-vertical",horizontal:"ct-horizontal",start:"ct-start",end:"ct-end"}};c.Line=c.Base.extend({constructor:e,createChart:d})}(window,document,a),function(a,b,c){"use strict";function d(a){this.data=c.normalizeData(this.data);var b,d={raw:this.data,normalized:a.distributeSeries?c.getDataArray(this.data,a.reverseData,a.horizontalBars?"x":"y").map(function(a){return[a]}):c.getDataArray(this.data,a.reverseData,a.horizontalBars?"x":"y")};this.svg=c.createSvg(this.container,a.width,a.height,a.classNames.chart+(a.horizontalBars?" "+a.classNames.horizontalBars:""));var e=this.svg.elem("g").addClass(a.classNames.gridGroup),g=this.svg.elem("g"),h=this.svg.elem("g").addClass(a.classNames.labelGroup);if(a.stackBars&&0!==d.normalized.length){var i=c.serialMap(d.normalized,function(){return Array.prototype.slice.call(arguments).map(function(a){return a}).reduce(function(a,b){return{x:a.x+(b&&b.x)||0,y:a.y+(b&&b.y)||0}},{x:0,y:0})});b=c.getHighLow([i],c.extend({},a,{referenceValue:0}),a.horizontalBars?"x":"y")}else b=c.getHighLow(d.normalized,c.extend({},a,{referenceValue:0}),a.horizontalBars?"x":"y");b.high=+a.high||(0===a.high?0:b.high),b.low=+a.low||(0===a.low?0:b.low);var j,k,l,m,n,o=c.createChartRect(this.svg,a,f.padding);k=a.distributeSeries&&a.stackBars?d.raw.labels.slice(0,1):d.raw.labels,a.horizontalBars?(j=m=void 0===a.axisX.type?new c.AutoScaleAxis(c.Axis.units.x,d,o,c.extend({},a.axisX,{highLow:b,referenceValue:0})):a.axisX.type.call(c,c.Axis.units.x,d,o,c.extend({},a.axisX,{highLow:b,referenceValue:0})),l=n=void 0===a.axisY.type?new c.StepAxis(c.Axis.units.y,d,o,{ticks:k}):a.axisY.type.call(c,c.Axis.units.y,d,o,a.axisY)):(l=m=void 0===a.axisX.type?new c.StepAxis(c.Axis.units.x,d,o,{ticks:k}):a.axisX.type.call(c,c.Axis.units.x,d,o,a.axisX),j=n=void 0===a.axisY.type?new c.AutoScaleAxis(c.Axis.units.y,d,o,c.extend({},a.axisY,{highLow:b,referenceValue:0})):a.axisY.type.call(c,c.Axis.units.y,d,o,c.extend({},a.axisY,{highLow:b,referenceValue:0})));var p=a.horizontalBars?o.x1+j.projectValue(0):o.y1-j.projectValue(0),q=[]; -l.createGridAndLabels(e,h,this.supportsForeignObject,a,this.eventEmitter),j.createGridAndLabels(e,h,this.supportsForeignObject,a,this.eventEmitter),d.raw.series.forEach(function(b,e){var f,h,i=e-(d.raw.series.length-1)/2;f=a.distributeSeries&&!a.stackBars?l.axisLength/d.normalized.length/2:a.distributeSeries&&a.stackBars?l.axisLength/2:l.axisLength/d.normalized[e].length/2,h=g.elem("g"),h.attr({"ct:series-name":b.name,"ct:meta":c.serialize(b.meta)}),h.addClass([a.classNames.series,b.className||a.classNames.series+"-"+c.alphaNumerate(e)].join(" ")),d.normalized[e].forEach(function(g,k){var r,s,t,u;if(u=a.distributeSeries&&!a.stackBars?e:a.distributeSeries&&a.stackBars?0:k,r=a.horizontalBars?{x:o.x1+j.projectValue(g&&g.x?g.x:0,k,d.normalized[e]),y:o.y1-l.projectValue(g&&g.y?g.y:0,u,d.normalized[e])}:{x:o.x1+l.projectValue(g&&g.x?g.x:0,u,d.normalized[e]),y:o.y1-j.projectValue(g&&g.y?g.y:0,k,d.normalized[e])},l instanceof c.StepAxis&&(l.options.stretch||(r[l.units.pos]+=f*(a.horizontalBars?-1:1)),r[l.units.pos]+=a.stackBars||a.distributeSeries?0:i*a.seriesBarDistance*(a.horizontalBars?-1:1)),t=q[k]||p,q[k]=t-(p-r[l.counterUnits.pos]),void 0!==g){var v={};v[l.units.pos+"1"]=r[l.units.pos],v[l.units.pos+"2"]=r[l.units.pos],!a.stackBars||"accumulate"!==a.stackMode&&a.stackMode?(v[l.counterUnits.pos+"1"]=p,v[l.counterUnits.pos+"2"]=r[l.counterUnits.pos]):(v[l.counterUnits.pos+"1"]=t,v[l.counterUnits.pos+"2"]=q[k]),v.x1=Math.min(Math.max(v.x1,o.x1),o.x2),v.x2=Math.min(Math.max(v.x2,o.x1),o.x2),v.y1=Math.min(Math.max(v.y1,o.y2),o.y1),v.y2=Math.min(Math.max(v.y2,o.y2),o.y1),s=h.elem("line",v,a.classNames.bar).attr({"ct:value":[g.x,g.y].filter(c.isNum).join(","),"ct:meta":c.getMetaData(b,k)}),this.eventEmitter.emit("draw",c.extend({type:"bar",value:g,index:k,meta:c.getMetaData(b,k),series:b,seriesIndex:e,axisX:m,axisY:n,chartRect:o,group:h,element:s},v))}}.bind(this))}.bind(this)),this.eventEmitter.emit("created",{bounds:j.bounds,chartRect:o,axisX:m,axisY:n,svg:this.svg,options:a})}function e(a,b,d,e){c.Bar["super"].constructor.call(this,a,b,f,c.extend({},f,d),e)}var f={axisX:{offset:30,position:"end",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:c.noop,scaleMinSpace:30,onlyInteger:!1},axisY:{offset:40,position:"start",labelOffset:{x:0,y:0},showLabel:!0,showGrid:!0,labelInterpolationFnc:c.noop,scaleMinSpace:20,onlyInteger:!1},width:void 0,height:void 0,high:void 0,low:void 0,chartPadding:{top:15,right:15,bottom:5,left:10},seriesBarDistance:15,stackBars:!1,stackMode:"accumulate",horizontalBars:!1,distributeSeries:!1,reverseData:!1,classNames:{chart:"ct-chart-bar",horizontalBars:"ct-horizontal-bars",label:"ct-label",labelGroup:"ct-labels",series:"ct-series",bar:"ct-bar",grid:"ct-grid",gridGroup:"ct-grids",vertical:"ct-vertical",horizontal:"ct-horizontal",start:"ct-start",end:"ct-end"}};c.Bar=c.Base.extend({constructor:e,createChart:d})}(window,document,a),function(a,b,c){"use strict";function d(a,b,c){var d=b.x>a.x;return d&&"explode"===c||!d&&"implode"===c?"start":d&&"implode"===c||!d&&"explode"===c?"end":"middle"}function e(a){this.data=c.normalizeData(this.data);var b,e,f,h,i,j=[],k=a.startAngle,l=c.getDataArray(this.data,a.reverseData);this.svg=c.createSvg(this.container,a.width,a.height,a.donut?a.classNames.chartDonut:a.classNames.chartPie),e=c.createChartRect(this.svg,a,g.padding),f=Math.min(e.width()/2,e.height()/2),i=a.total||l.reduce(function(a,b){return a+b},0);var m=c.quantity(a.donutWidth);"%"===m.unit&&(m.value*=f/100),f-=a.donut?m.value/2:0,h="outside"===a.labelPosition||a.donut?f:"center"===a.labelPosition?0:f/2,h+=a.labelOffset;var n={x:e.x1+e.width()/2,y:e.y2+e.height()/2},o=1===this.data.series.filter(function(a){return a.hasOwnProperty("value")?0!==a.value:0!==a}).length;a.showLabel&&(b=this.svg.elem("g",null,null,!0));for(var p=0;p=359.99&&(r=s+359.99);var t=c.polarToCartesian(n.x,n.y,f,s),u=c.polarToCartesian(n.x,n.y,f,r),v=new c.Svg.Path((!a.donut)).move(u.x,u.y).arc(f,f,0,r-k>180,0,t.x,t.y);a.donut||v.line(n.x,n.y);var w=j[p].elem("path",{d:v.stringify()},a.donut?a.classNames.sliceDonut:a.classNames.slicePie);if(w.attr({"ct:value":l[p],"ct:meta":c.serialize(q.meta)}),a.donut&&w.attr({style:"stroke-width: "+m.value+"px"}),this.eventEmitter.emit("draw",{type:"slice",value:l[p],totalDataSum:i,index:p,meta:q.meta,series:q,group:j[p],element:w,path:v.clone(),center:n,radius:f,startAngle:k,endAngle:r}),a.showLabel){var x=c.polarToCartesian(n.x,n.y,h,k+(r-k)/2),y=a.labelInterpolationFnc(this.data.labels&&!c.isFalseyButZero(this.data.labels[p])?this.data.labels[p]:l[p],p);if(y||0===y){var z=b.elem("text",{dx:x.x,dy:x.y,"text-anchor":d(n,x,a.labelDirection)},a.classNames.label).text(""+y);this.eventEmitter.emit("draw",{type:"label",index:p,group:b,element:z,text:""+y,x:x.x,y:x.y})}}k=r}this.eventEmitter.emit("created",{chartRect:e,svg:this.svg,options:a})}function f(a,b,d,e){c.Pie["super"].constructor.call(this,a,b,g,c.extend({},g,d),e)}var g={width:void 0,height:void 0,chartPadding:5,classNames:{chartPie:"ct-chart-pie",chartDonut:"ct-chart-donut",series:"ct-series",slicePie:"ct-slice-pie",sliceDonut:"ct-slice-donut",label:"ct-label"},startAngle:0,total:void 0,donut:!1,donutWidth:60,showLabel:!0,labelOffset:0,labelPosition:"inside",labelInterpolationFnc:c.noop,labelDirection:"neutral",reverseData:!1,ignoreEmptyValues:!1};c.Pie=c.Base.extend({constructor:f,createChart:e,determineAnchorPosition:d})}(window,document,a),a}); -//# sourceMappingURL=chartist.min.js.map \ No newline at end of file diff --git a/src/Assets/chartjs/Chart.js b/src/Assets/chartjs/Chart.js deleted file mode 100644 index c8b5d84..0000000 --- a/src/Assets/chartjs/Chart.js +++ /dev/null @@ -1,10525 +0,0 @@ -/*! - * Chart.js - * http://chartjs.org/ - * Version: 2.2.2 - * - * Copyright 2016 Nick Downie - * Released under the MIT license - * https://github.com/chartjs/Chart.js/blob/master/LICENSE.md - */ -(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Chart = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o lum2) { - return (lum1 + 0.05) / (lum2 + 0.05); - } - return (lum2 + 0.05) / (lum1 + 0.05); - }, - - level: function (color2) { - var contrastRatio = this.contrast(color2); - if (contrastRatio >= 7.1) { - return 'AAA'; - } - - return (contrastRatio >= 4.5) ? 'AA' : ''; - }, - - dark: function () { - // YIQ equation from http://24ways.org/2010/calculating-color-contrast - var rgb = this.values.rgb; - var yiq = (rgb[0] * 299 + rgb[1] * 587 + rgb[2] * 114) / 1000; - return yiq < 128; - }, - - light: function () { - return !this.dark(); - }, - - negate: function () { - var rgb = []; - for (var i = 0; i < 3; i++) { - rgb[i] = 255 - this.values.rgb[i]; - } - this.setValues('rgb', rgb); - return this; - }, - - lighten: function (ratio) { - var hsl = this.values.hsl; - hsl[2] += hsl[2] * ratio; - this.setValues('hsl', hsl); - return this; - }, - - darken: function (ratio) { - var hsl = this.values.hsl; - hsl[2] -= hsl[2] * ratio; - this.setValues('hsl', hsl); - return this; - }, - - saturate: function (ratio) { - var hsl = this.values.hsl; - hsl[1] += hsl[1] * ratio; - this.setValues('hsl', hsl); - return this; - }, - - desaturate: function (ratio) { - var hsl = this.values.hsl; - hsl[1] -= hsl[1] * ratio; - this.setValues('hsl', hsl); - return this; - }, - - whiten: function (ratio) { - var hwb = this.values.hwb; - hwb[1] += hwb[1] * ratio; - this.setValues('hwb', hwb); - return this; - }, - - blacken: function (ratio) { - var hwb = this.values.hwb; - hwb[2] += hwb[2] * ratio; - this.setValues('hwb', hwb); - return this; - }, - - greyscale: function () { - var rgb = this.values.rgb; - // http://en.wikipedia.org/wiki/Grayscale#Converting_color_to_grayscale - var val = rgb[0] * 0.3 + rgb[1] * 0.59 + rgb[2] * 0.11; - this.setValues('rgb', [val, val, val]); - return this; - }, - - clearer: function (ratio) { - var alpha = this.values.alpha; - this.setValues('alpha', alpha - (alpha * ratio)); - return this; - }, - - opaquer: function (ratio) { - var alpha = this.values.alpha; - this.setValues('alpha', alpha + (alpha * ratio)); - return this; - }, - - rotate: function (degrees) { - var hsl = this.values.hsl; - var hue = (hsl[0] + degrees) % 360; - hsl[0] = hue < 0 ? 360 + hue : hue; - this.setValues('hsl', hsl); - return this; - }, - - /** - * Ported from sass implementation in C - * https://github.com/sass/libsass/blob/0e6b4a2850092356aa3ece07c6b249f0221caced/functions.cpp#L209 - */ - mix: function (mixinColor, weight) { - var color1 = this; - var color2 = mixinColor; - var p = weight === undefined ? 0.5 : weight; - - var w = 2 * p - 1; - var a = color1.alpha() - color2.alpha(); - - var w1 = (((w * a === -1) ? w : (w + a) / (1 + w * a)) + 1) / 2.0; - var w2 = 1 - w1; - - return this - .rgb( - w1 * color1.red() + w2 * color2.red(), - w1 * color1.green() + w2 * color2.green(), - w1 * color1.blue() + w2 * color2.blue() - ) - .alpha(color1.alpha() * p + color2.alpha() * (1 - p)); - }, - - toJSON: function () { - return this.rgb(); - }, - - clone: function () { - // NOTE(SB): using node-clone creates a dependency to Buffer when using browserify, - // making the final build way to big to embed in Chart.js. So let's do it manually, - // assuming that values to clone are 1 dimension arrays containing only numbers, - // except 'alpha' which is a number. - var result = new Color(); - var source = this.values; - var target = result.values; - var value, type; - - for (var prop in source) { - if (source.hasOwnProperty(prop)) { - value = source[prop]; - type = ({}).toString.call(value); - if (type === '[object Array]') { - target[prop] = value.slice(0); - } else if (type === '[object Number]') { - target[prop] = value; - } else { - console.error('unexpected color value:', value); - } - } - } - - return result; - } -}; - -Color.prototype.spaces = { - rgb: ['red', 'green', 'blue'], - hsl: ['hue', 'saturation', 'lightness'], - hsv: ['hue', 'saturation', 'value'], - hwb: ['hue', 'whiteness', 'blackness'], - cmyk: ['cyan', 'magenta', 'yellow', 'black'] -}; - -Color.prototype.maxes = { - rgb: [255, 255, 255], - hsl: [360, 100, 100], - hsv: [360, 100, 100], - hwb: [360, 100, 100], - cmyk: [100, 100, 100, 100] -}; - -Color.prototype.getValues = function (space) { - var values = this.values; - var vals = {}; - - for (var i = 0; i < space.length; i++) { - vals[space.charAt(i)] = values[space][i]; - } - - if (values.alpha !== 1) { - vals.a = values.alpha; - } - - // {r: 255, g: 255, b: 255, a: 0.4} - return vals; -}; - -Color.prototype.setValues = function (space, vals) { - var values = this.values; - var spaces = this.spaces; - var maxes = this.maxes; - var alpha = 1; - var i; - - if (space === 'alpha') { - alpha = vals; - } else if (vals.length) { - // [10, 10, 10] - values[space] = vals.slice(0, space.length); - alpha = vals[space.length]; - } else if (vals[space.charAt(0)] !== undefined) { - // {r: 10, g: 10, b: 10} - for (i = 0; i < space.length; i++) { - values[space][i] = vals[space.charAt(i)]; - } - - alpha = vals.a; - } else if (vals[spaces[space][0]] !== undefined) { - // {red: 10, green: 10, blue: 10} - var chans = spaces[space]; - - for (i = 0; i < space.length; i++) { - values[space][i] = vals[chans[i]]; - } - - alpha = vals.alpha; - } - - values.alpha = Math.max(0, Math.min(1, (alpha === undefined ? values.alpha : alpha))); - - if (space === 'alpha') { - return false; - } - - var capped; - - // cap values of the space prior converting all values - for (i = 0; i < space.length; i++) { - capped = Math.max(0, Math.min(maxes[space][i], values[space][i])); - values[space][i] = Math.round(capped); - } - - // convert to all the other color spaces - for (var sname in spaces) { - if (sname !== space) { - values[sname] = convert[space][sname](values[space]); - } - } - - return true; -}; - -Color.prototype.setSpace = function (space, args) { - var vals = args[0]; - - if (vals === undefined) { - // color.rgb() - return this.getValues(space); - } - - // color.rgb(10, 10, 10) - if (typeof vals === 'number') { - vals = Array.prototype.slice.call(args); - } - - this.setValues(space, vals); - return this; -}; - -Color.prototype.setChannel = function (space, index, val) { - var svalues = this.values[space]; - if (val === undefined) { - // color.red() - return svalues[index]; - } else if (val === svalues[index]) { - // color.red(color.red()) - return this; - } - - // color.red(100) - svalues[index] = val; - this.setValues(space, svalues); - - return this; -}; - -if (typeof window !== 'undefined') { - window.Color = Color; -} - -module.exports = Color; - -},{"2":2,"5":5}],4:[function(require,module,exports){ -/* MIT license */ - -module.exports = { - rgb2hsl: rgb2hsl, - rgb2hsv: rgb2hsv, - rgb2hwb: rgb2hwb, - rgb2cmyk: rgb2cmyk, - rgb2keyword: rgb2keyword, - rgb2xyz: rgb2xyz, - rgb2lab: rgb2lab, - rgb2lch: rgb2lch, - - hsl2rgb: hsl2rgb, - hsl2hsv: hsl2hsv, - hsl2hwb: hsl2hwb, - hsl2cmyk: hsl2cmyk, - hsl2keyword: hsl2keyword, - - hsv2rgb: hsv2rgb, - hsv2hsl: hsv2hsl, - hsv2hwb: hsv2hwb, - hsv2cmyk: hsv2cmyk, - hsv2keyword: hsv2keyword, - - hwb2rgb: hwb2rgb, - hwb2hsl: hwb2hsl, - hwb2hsv: hwb2hsv, - hwb2cmyk: hwb2cmyk, - hwb2keyword: hwb2keyword, - - cmyk2rgb: cmyk2rgb, - cmyk2hsl: cmyk2hsl, - cmyk2hsv: cmyk2hsv, - cmyk2hwb: cmyk2hwb, - cmyk2keyword: cmyk2keyword, - - keyword2rgb: keyword2rgb, - keyword2hsl: keyword2hsl, - keyword2hsv: keyword2hsv, - keyword2hwb: keyword2hwb, - keyword2cmyk: keyword2cmyk, - keyword2lab: keyword2lab, - keyword2xyz: keyword2xyz, - - xyz2rgb: xyz2rgb, - xyz2lab: xyz2lab, - xyz2lch: xyz2lch, - - lab2xyz: lab2xyz, - lab2rgb: lab2rgb, - lab2lch: lab2lch, - - lch2lab: lch2lab, - lch2xyz: lch2xyz, - lch2rgb: lch2rgb -} - - -function rgb2hsl(rgb) { - var r = rgb[0]/255, - g = rgb[1]/255, - b = rgb[2]/255, - min = Math.min(r, g, b), - max = Math.max(r, g, b), - delta = max - min, - h, s, l; - - if (max == min) - h = 0; - else if (r == max) - h = (g - b) / delta; - else if (g == max) - h = 2 + (b - r) / delta; - else if (b == max) - h = 4 + (r - g)/ delta; - - h = Math.min(h * 60, 360); - - if (h < 0) - h += 360; - - l = (min + max) / 2; - - if (max == min) - s = 0; - else if (l <= 0.5) - s = delta / (max + min); - else - s = delta / (2 - max - min); - - return [h, s * 100, l * 100]; -} - -function rgb2hsv(rgb) { - var r = rgb[0], - g = rgb[1], - b = rgb[2], - min = Math.min(r, g, b), - max = Math.max(r, g, b), - delta = max - min, - h, s, v; - - if (max == 0) - s = 0; - else - s = (delta/max * 1000)/10; - - if (max == min) - h = 0; - else if (r == max) - h = (g - b) / delta; - else if (g == max) - h = 2 + (b - r) / delta; - else if (b == max) - h = 4 + (r - g) / delta; - - h = Math.min(h * 60, 360); - - if (h < 0) - h += 360; - - v = ((max / 255) * 1000) / 10; - - return [h, s, v]; -} - -function rgb2hwb(rgb) { - var r = rgb[0], - g = rgb[1], - b = rgb[2], - h = rgb2hsl(rgb)[0], - w = 1/255 * Math.min(r, Math.min(g, b)), - b = 1 - 1/255 * Math.max(r, Math.max(g, b)); - - return [h, w * 100, b * 100]; -} - -function rgb2cmyk(rgb) { - var r = rgb[0] / 255, - g = rgb[1] / 255, - b = rgb[2] / 255, - c, m, y, k; - - k = Math.min(1 - r, 1 - g, 1 - b); - c = (1 - r - k) / (1 - k) || 0; - m = (1 - g - k) / (1 - k) || 0; - y = (1 - b - k) / (1 - k) || 0; - return [c * 100, m * 100, y * 100, k * 100]; -} - -function rgb2keyword(rgb) { - return reverseKeywords[JSON.stringify(rgb)]; -} - -function rgb2xyz(rgb) { - var r = rgb[0] / 255, - g = rgb[1] / 255, - b = rgb[2] / 255; - - // assume sRGB - r = r > 0.04045 ? Math.pow(((r + 0.055) / 1.055), 2.4) : (r / 12.92); - g = g > 0.04045 ? Math.pow(((g + 0.055) / 1.055), 2.4) : (g / 12.92); - b = b > 0.04045 ? Math.pow(((b + 0.055) / 1.055), 2.4) : (b / 12.92); - - var x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805); - var y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722); - var z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505); - - return [x * 100, y *100, z * 100]; -} - -function rgb2lab(rgb) { - var xyz = rgb2xyz(rgb), - x = xyz[0], - y = xyz[1], - z = xyz[2], - l, a, b; - - x /= 95.047; - y /= 100; - z /= 108.883; - - x = x > 0.008856 ? Math.pow(x, 1/3) : (7.787 * x) + (16 / 116); - y = y > 0.008856 ? Math.pow(y, 1/3) : (7.787 * y) + (16 / 116); - z = z > 0.008856 ? Math.pow(z, 1/3) : (7.787 * z) + (16 / 116); - - l = (116 * y) - 16; - a = 500 * (x - y); - b = 200 * (y - z); - - return [l, a, b]; -} - -function rgb2lch(args) { - return lab2lch(rgb2lab(args)); -} - -function hsl2rgb(hsl) { - var h = hsl[0] / 360, - s = hsl[1] / 100, - l = hsl[2] / 100, - t1, t2, t3, rgb, val; - - if (s == 0) { - val = l * 255; - return [val, val, val]; - } - - if (l < 0.5) - t2 = l * (1 + s); - else - t2 = l + s - l * s; - t1 = 2 * l - t2; - - rgb = [0, 0, 0]; - for (var i = 0; i < 3; i++) { - t3 = h + 1 / 3 * - (i - 1); - t3 < 0 && t3++; - t3 > 1 && t3--; - - if (6 * t3 < 1) - val = t1 + (t2 - t1) * 6 * t3; - else if (2 * t3 < 1) - val = t2; - else if (3 * t3 < 2) - val = t1 + (t2 - t1) * (2 / 3 - t3) * 6; - else - val = t1; - - rgb[i] = val * 255; - } - - return rgb; -} - -function hsl2hsv(hsl) { - var h = hsl[0], - s = hsl[1] / 100, - l = hsl[2] / 100, - sv, v; - - if(l === 0) { - // no need to do calc on black - // also avoids divide by 0 error - return [0, 0, 0]; - } - - l *= 2; - s *= (l <= 1) ? l : 2 - l; - v = (l + s) / 2; - sv = (2 * s) / (l + s); - return [h, sv * 100, v * 100]; -} - -function hsl2hwb(args) { - return rgb2hwb(hsl2rgb(args)); -} - -function hsl2cmyk(args) { - return rgb2cmyk(hsl2rgb(args)); -} - -function hsl2keyword(args) { - return rgb2keyword(hsl2rgb(args)); -} - - -function hsv2rgb(hsv) { - var h = hsv[0] / 60, - s = hsv[1] / 100, - v = hsv[2] / 100, - hi = Math.floor(h) % 6; - - var f = h - Math.floor(h), - p = 255 * v * (1 - s), - q = 255 * v * (1 - (s * f)), - t = 255 * v * (1 - (s * (1 - f))), - v = 255 * v; - - switch(hi) { - case 0: - return [v, t, p]; - case 1: - return [q, v, p]; - case 2: - return [p, v, t]; - case 3: - return [p, q, v]; - case 4: - return [t, p, v]; - case 5: - return [v, p, q]; - } -} - -function hsv2hsl(hsv) { - var h = hsv[0], - s = hsv[1] / 100, - v = hsv[2] / 100, - sl, l; - - l = (2 - s) * v; - sl = s * v; - sl /= (l <= 1) ? l : 2 - l; - sl = sl || 0; - l /= 2; - return [h, sl * 100, l * 100]; -} - -function hsv2hwb(args) { - return rgb2hwb(hsv2rgb(args)) -} - -function hsv2cmyk(args) { - return rgb2cmyk(hsv2rgb(args)); -} - -function hsv2keyword(args) { - return rgb2keyword(hsv2rgb(args)); -} - -// http://dev.w3.org/csswg/css-color/#hwb-to-rgb -function hwb2rgb(hwb) { - var h = hwb[0] / 360, - wh = hwb[1] / 100, - bl = hwb[2] / 100, - ratio = wh + bl, - i, v, f, n; - - // wh + bl cant be > 1 - if (ratio > 1) { - wh /= ratio; - bl /= ratio; - } - - i = Math.floor(6 * h); - v = 1 - bl; - f = 6 * h - i; - if ((i & 0x01) != 0) { - f = 1 - f; - } - n = wh + f * (v - wh); // linear interpolation - - switch (i) { - default: - case 6: - case 0: r = v; g = n; b = wh; break; - case 1: r = n; g = v; b = wh; break; - case 2: r = wh; g = v; b = n; break; - case 3: r = wh; g = n; b = v; break; - case 4: r = n; g = wh; b = v; break; - case 5: r = v; g = wh; b = n; break; - } - - return [r * 255, g * 255, b * 255]; -} - -function hwb2hsl(args) { - return rgb2hsl(hwb2rgb(args)); -} - -function hwb2hsv(args) { - return rgb2hsv(hwb2rgb(args)); -} - -function hwb2cmyk(args) { - return rgb2cmyk(hwb2rgb(args)); -} - -function hwb2keyword(args) { - return rgb2keyword(hwb2rgb(args)); -} - -function cmyk2rgb(cmyk) { - var c = cmyk[0] / 100, - m = cmyk[1] / 100, - y = cmyk[2] / 100, - k = cmyk[3] / 100, - r, g, b; - - r = 1 - Math.min(1, c * (1 - k) + k); - g = 1 - Math.min(1, m * (1 - k) + k); - b = 1 - Math.min(1, y * (1 - k) + k); - return [r * 255, g * 255, b * 255]; -} - -function cmyk2hsl(args) { - return rgb2hsl(cmyk2rgb(args)); -} - -function cmyk2hsv(args) { - return rgb2hsv(cmyk2rgb(args)); -} - -function cmyk2hwb(args) { - return rgb2hwb(cmyk2rgb(args)); -} - -function cmyk2keyword(args) { - return rgb2keyword(cmyk2rgb(args)); -} - - -function xyz2rgb(xyz) { - var x = xyz[0] / 100, - y = xyz[1] / 100, - z = xyz[2] / 100, - r, g, b; - - r = (x * 3.2406) + (y * -1.5372) + (z * -0.4986); - g = (x * -0.9689) + (y * 1.8758) + (z * 0.0415); - b = (x * 0.0557) + (y * -0.2040) + (z * 1.0570); - - // assume sRGB - r = r > 0.0031308 ? ((1.055 * Math.pow(r, 1.0 / 2.4)) - 0.055) - : r = (r * 12.92); - - g = g > 0.0031308 ? ((1.055 * Math.pow(g, 1.0 / 2.4)) - 0.055) - : g = (g * 12.92); - - b = b > 0.0031308 ? ((1.055 * Math.pow(b, 1.0 / 2.4)) - 0.055) - : b = (b * 12.92); - - r = Math.min(Math.max(0, r), 1); - g = Math.min(Math.max(0, g), 1); - b = Math.min(Math.max(0, b), 1); - - return [r * 255, g * 255, b * 255]; -} - -function xyz2lab(xyz) { - var x = xyz[0], - y = xyz[1], - z = xyz[2], - l, a, b; - - x /= 95.047; - y /= 100; - z /= 108.883; - - x = x > 0.008856 ? Math.pow(x, 1/3) : (7.787 * x) + (16 / 116); - y = y > 0.008856 ? Math.pow(y, 1/3) : (7.787 * y) + (16 / 116); - z = z > 0.008856 ? Math.pow(z, 1/3) : (7.787 * z) + (16 / 116); - - l = (116 * y) - 16; - a = 500 * (x - y); - b = 200 * (y - z); - - return [l, a, b]; -} - -function xyz2lch(args) { - return lab2lch(xyz2lab(args)); -} - -function lab2xyz(lab) { - var l = lab[0], - a = lab[1], - b = lab[2], - x, y, z, y2; - - if (l <= 8) { - y = (l * 100) / 903.3; - y2 = (7.787 * (y / 100)) + (16 / 116); - } else { - y = 100 * Math.pow((l + 16) / 116, 3); - y2 = Math.pow(y / 100, 1/3); - } - - x = x / 95.047 <= 0.008856 ? x = (95.047 * ((a / 500) + y2 - (16 / 116))) / 7.787 : 95.047 * Math.pow((a / 500) + y2, 3); - - z = z / 108.883 <= 0.008859 ? z = (108.883 * (y2 - (b / 200) - (16 / 116))) / 7.787 : 108.883 * Math.pow(y2 - (b / 200), 3); - - return [x, y, z]; -} - -function lab2lch(lab) { - var l = lab[0], - a = lab[1], - b = lab[2], - hr, h, c; - - hr = Math.atan2(b, a); - h = hr * 360 / 2 / Math.PI; - if (h < 0) { - h += 360; - } - c = Math.sqrt(a * a + b * b); - return [l, c, h]; -} - -function lab2rgb(args) { - return xyz2rgb(lab2xyz(args)); -} - -function lch2lab(lch) { - var l = lch[0], - c = lch[1], - h = lch[2], - a, b, hr; - - hr = h / 360 * 2 * Math.PI; - a = c * Math.cos(hr); - b = c * Math.sin(hr); - return [l, a, b]; -} - -function lch2xyz(args) { - return lab2xyz(lch2lab(args)); -} - -function lch2rgb(args) { - return lab2rgb(lch2lab(args)); -} - -function keyword2rgb(keyword) { - return cssKeywords[keyword]; -} - -function keyword2hsl(args) { - return rgb2hsl(keyword2rgb(args)); -} - -function keyword2hsv(args) { - return rgb2hsv(keyword2rgb(args)); -} - -function keyword2hwb(args) { - return rgb2hwb(keyword2rgb(args)); -} - -function keyword2cmyk(args) { - return rgb2cmyk(keyword2rgb(args)); -} - -function keyword2lab(args) { - return rgb2lab(keyword2rgb(args)); -} - -function keyword2xyz(args) { - return rgb2xyz(keyword2rgb(args)); -} - -var cssKeywords = { - aliceblue: [240,248,255], - antiquewhite: [250,235,215], - aqua: [0,255,255], - aquamarine: [127,255,212], - azure: [240,255,255], - beige: [245,245,220], - bisque: [255,228,196], - black: [0,0,0], - blanchedalmond: [255,235,205], - blue: [0,0,255], - blueviolet: [138,43,226], - brown: [165,42,42], - burlywood: [222,184,135], - cadetblue: [95,158,160], - chartreuse: [127,255,0], - chocolate: [210,105,30], - coral: [255,127,80], - cornflowerblue: [100,149,237], - cornsilk: [255,248,220], - crimson: [220,20,60], - cyan: [0,255,255], - darkblue: [0,0,139], - darkcyan: [0,139,139], - darkgoldenrod: [184,134,11], - darkgray: [169,169,169], - darkgreen: [0,100,0], - darkgrey: [169,169,169], - darkkhaki: [189,183,107], - darkmagenta: [139,0,139], - darkolivegreen: [85,107,47], - darkorange: [255,140,0], - darkorchid: [153,50,204], - darkred: [139,0,0], - darksalmon: [233,150,122], - darkseagreen: [143,188,143], - darkslateblue: [72,61,139], - darkslategray: [47,79,79], - darkslategrey: [47,79,79], - darkturquoise: [0,206,209], - darkviolet: [148,0,211], - deeppink: [255,20,147], - deepskyblue: [0,191,255], - dimgray: [105,105,105], - dimgrey: [105,105,105], - dodgerblue: [30,144,255], - firebrick: [178,34,34], - floralwhite: [255,250,240], - forestgreen: [34,139,34], - fuchsia: [255,0,255], - gainsboro: [220,220,220], - ghostwhite: [248,248,255], - gold: [255,215,0], - goldenrod: [218,165,32], - gray: [128,128,128], - green: [0,128,0], - greenyellow: [173,255,47], - grey: [128,128,128], - honeydew: [240,255,240], - hotpink: [255,105,180], - indianred: [205,92,92], - indigo: [75,0,130], - ivory: [255,255,240], - khaki: [240,230,140], - lavender: [230,230,250], - lavenderblush: [255,240,245], - lawngreen: [124,252,0], - lemonchiffon: [255,250,205], - lightblue: [173,216,230], - lightcoral: [240,128,128], - lightcyan: [224,255,255], - lightgoldenrodyellow: [250,250,210], - lightgray: [211,211,211], - lightgreen: [144,238,144], - lightgrey: [211,211,211], - lightpink: [255,182,193], - lightsalmon: [255,160,122], - lightseagreen: [32,178,170], - lightskyblue: [135,206,250], - lightslategray: [119,136,153], - lightslategrey: [119,136,153], - lightsteelblue: [176,196,222], - lightyellow: [255,255,224], - lime: [0,255,0], - limegreen: [50,205,50], - linen: [250,240,230], - magenta: [255,0,255], - maroon: [128,0,0], - mediumaquamarine: [102,205,170], - mediumblue: [0,0,205], - mediumorchid: [186,85,211], - mediumpurple: [147,112,219], - mediumseagreen: [60,179,113], - mediumslateblue: [123,104,238], - mediumspringgreen: [0,250,154], - mediumturquoise: [72,209,204], - mediumvioletred: [199,21,133], - midnightblue: [25,25,112], - mintcream: [245,255,250], - mistyrose: [255,228,225], - moccasin: [255,228,181], - navajowhite: [255,222,173], - navy: [0,0,128], - oldlace: [253,245,230], - olive: [128,128,0], - olivedrab: [107,142,35], - orange: [255,165,0], - orangered: [255,69,0], - orchid: [218,112,214], - palegoldenrod: [238,232,170], - palegreen: [152,251,152], - paleturquoise: [175,238,238], - palevioletred: [219,112,147], - papayawhip: [255,239,213], - peachpuff: [255,218,185], - peru: [205,133,63], - pink: [255,192,203], - plum: [221,160,221], - powderblue: [176,224,230], - purple: [128,0,128], - rebeccapurple: [102, 51, 153], - red: [255,0,0], - rosybrown: [188,143,143], - royalblue: [65,105,225], - saddlebrown: [139,69,19], - salmon: [250,128,114], - sandybrown: [244,164,96], - seagreen: [46,139,87], - seashell: [255,245,238], - sienna: [160,82,45], - silver: [192,192,192], - skyblue: [135,206,235], - slateblue: [106,90,205], - slategray: [112,128,144], - slategrey: [112,128,144], - snow: [255,250,250], - springgreen: [0,255,127], - steelblue: [70,130,180], - tan: [210,180,140], - teal: [0,128,128], - thistle: [216,191,216], - tomato: [255,99,71], - turquoise: [64,224,208], - violet: [238,130,238], - wheat: [245,222,179], - white: [255,255,255], - whitesmoke: [245,245,245], - yellow: [255,255,0], - yellowgreen: [154,205,50] -}; - -var reverseKeywords = {}; -for (var key in cssKeywords) { - reverseKeywords[JSON.stringify(cssKeywords[key])] = key; -} - -},{}],5:[function(require,module,exports){ -var conversions = require(4); - -var convert = function() { - return new Converter(); -} - -for (var func in conversions) { - // export Raw versions - convert[func + "Raw"] = (function(func) { - // accept array or plain args - return function(arg) { - if (typeof arg == "number") - arg = Array.prototype.slice.call(arguments); - return conversions[func](arg); - } - })(func); - - var pair = /(\w+)2(\w+)/.exec(func), - from = pair[1], - to = pair[2]; - - // export rgb2hsl and ["rgb"]["hsl"] - convert[from] = convert[from] || {}; - - convert[from][to] = convert[func] = (function(func) { - return function(arg) { - if (typeof arg == "number") - arg = Array.prototype.slice.call(arguments); - - var val = conversions[func](arg); - if (typeof val == "string" || val === undefined) - return val; // keyword - - for (var i = 0; i < val.length; i++) - val[i] = Math.round(val[i]); - return val; - } - })(func); -} - - -/* Converter does lazy conversion and caching */ -var Converter = function() { - this.convs = {}; -}; - -/* Either get the values for a space or - set the values for a space, depending on args */ -Converter.prototype.routeSpace = function(space, args) { - var values = args[0]; - if (values === undefined) { - // color.rgb() - return this.getValues(space); - } - // color.rgb(10, 10, 10) - if (typeof values == "number") { - values = Array.prototype.slice.call(args); - } - - return this.setValues(space, values); -}; - -/* Set the values for a space, invalidating cache */ -Converter.prototype.setValues = function(space, values) { - this.space = space; - this.convs = {}; - this.convs[space] = values; - return this; -}; - -/* Get the values for a space. If there's already - a conversion for the space, fetch it, otherwise - compute it */ -Converter.prototype.getValues = function(space) { - var vals = this.convs[space]; - if (!vals) { - var fspace = this.space, - from = this.convs[fspace]; - vals = convert[fspace][space](from); - - this.convs[space] = vals; - } - return vals; -}; - -["rgb", "hsl", "hsv", "cmyk", "keyword"].forEach(function(space) { - Converter.prototype[space] = function(vals) { - return this.routeSpace(space, arguments); - } -}); - -module.exports = convert; -},{"4":4}],6:[function(require,module,exports){ -module.exports = { - "aliceblue": [240, 248, 255], - "antiquewhite": [250, 235, 215], - "aqua": [0, 255, 255], - "aquamarine": [127, 255, 212], - "azure": [240, 255, 255], - "beige": [245, 245, 220], - "bisque": [255, 228, 196], - "black": [0, 0, 0], - "blanchedalmond": [255, 235, 205], - "blue": [0, 0, 255], - "blueviolet": [138, 43, 226], - "brown": [165, 42, 42], - "burlywood": [222, 184, 135], - "cadetblue": [95, 158, 160], - "chartreuse": [127, 255, 0], - "chocolate": [210, 105, 30], - "coral": [255, 127, 80], - "cornflowerblue": [100, 149, 237], - "cornsilk": [255, 248, 220], - "crimson": [220, 20, 60], - "cyan": [0, 255, 255], - "darkblue": [0, 0, 139], - "darkcyan": [0, 139, 139], - "darkgoldenrod": [184, 134, 11], - "darkgray": [169, 169, 169], - "darkgreen": [0, 100, 0], - "darkgrey": [169, 169, 169], - "darkkhaki": [189, 183, 107], - "darkmagenta": [139, 0, 139], - "darkolivegreen": [85, 107, 47], - "darkorange": [255, 140, 0], - "darkorchid": [153, 50, 204], - "darkred": [139, 0, 0], - "darksalmon": [233, 150, 122], - "darkseagreen": [143, 188, 143], - "darkslateblue": [72, 61, 139], - "darkslategray": [47, 79, 79], - "darkslategrey": [47, 79, 79], - "darkturquoise": [0, 206, 209], - "darkviolet": [148, 0, 211], - "deeppink": [255, 20, 147], - "deepskyblue": [0, 191, 255], - "dimgray": [105, 105, 105], - "dimgrey": [105, 105, 105], - "dodgerblue": [30, 144, 255], - "firebrick": [178, 34, 34], - "floralwhite": [255, 250, 240], - "forestgreen": [34, 139, 34], - "fuchsia": [255, 0, 255], - "gainsboro": [220, 220, 220], - "ghostwhite": [248, 248, 255], - "gold": [255, 215, 0], - "goldenrod": [218, 165, 32], - "gray": [128, 128, 128], - "green": [0, 128, 0], - "greenyellow": [173, 255, 47], - "grey": [128, 128, 128], - "honeydew": [240, 255, 240], - "hotpink": [255, 105, 180], - "indianred": [205, 92, 92], - "indigo": [75, 0, 130], - "ivory": [255, 255, 240], - "khaki": [240, 230, 140], - "lavender": [230, 230, 250], - "lavenderblush": [255, 240, 245], - "lawngreen": [124, 252, 0], - "lemonchiffon": [255, 250, 205], - "lightblue": [173, 216, 230], - "lightcoral": [240, 128, 128], - "lightcyan": [224, 255, 255], - "lightgoldenrodyellow": [250, 250, 210], - "lightgray": [211, 211, 211], - "lightgreen": [144, 238, 144], - "lightgrey": [211, 211, 211], - "lightpink": [255, 182, 193], - "lightsalmon": [255, 160, 122], - "lightseagreen": [32, 178, 170], - "lightskyblue": [135, 206, 250], - "lightslategray": [119, 136, 153], - "lightslategrey": [119, 136, 153], - "lightsteelblue": [176, 196, 222], - "lightyellow": [255, 255, 224], - "lime": [0, 255, 0], - "limegreen": [50, 205, 50], - "linen": [250, 240, 230], - "magenta": [255, 0, 255], - "maroon": [128, 0, 0], - "mediumaquamarine": [102, 205, 170], - "mediumblue": [0, 0, 205], - "mediumorchid": [186, 85, 211], - "mediumpurple": [147, 112, 219], - "mediumseagreen": [60, 179, 113], - "mediumslateblue": [123, 104, 238], - "mediumspringgreen": [0, 250, 154], - "mediumturquoise": [72, 209, 204], - "mediumvioletred": [199, 21, 133], - "midnightblue": [25, 25, 112], - "mintcream": [245, 255, 250], - "mistyrose": [255, 228, 225], - "moccasin": [255, 228, 181], - "navajowhite": [255, 222, 173], - "navy": [0, 0, 128], - "oldlace": [253, 245, 230], - "olive": [128, 128, 0], - "olivedrab": [107, 142, 35], - "orange": [255, 165, 0], - "orangered": [255, 69, 0], - "orchid": [218, 112, 214], - "palegoldenrod": [238, 232, 170], - "palegreen": [152, 251, 152], - "paleturquoise": [175, 238, 238], - "palevioletred": [219, 112, 147], - "papayawhip": [255, 239, 213], - "peachpuff": [255, 218, 185], - "peru": [205, 133, 63], - "pink": [255, 192, 203], - "plum": [221, 160, 221], - "powderblue": [176, 224, 230], - "purple": [128, 0, 128], - "rebeccapurple": [102, 51, 153], - "red": [255, 0, 0], - "rosybrown": [188, 143, 143], - "royalblue": [65, 105, 225], - "saddlebrown": [139, 69, 19], - "salmon": [250, 128, 114], - "sandybrown": [244, 164, 96], - "seagreen": [46, 139, 87], - "seashell": [255, 245, 238], - "sienna": [160, 82, 45], - "silver": [192, 192, 192], - "skyblue": [135, 206, 235], - "slateblue": [106, 90, 205], - "slategray": [112, 128, 144], - "slategrey": [112, 128, 144], - "snow": [255, 250, 250], - "springgreen": [0, 255, 127], - "steelblue": [70, 130, 180], - "tan": [210, 180, 140], - "teal": [0, 128, 128], - "thistle": [216, 191, 216], - "tomato": [255, 99, 71], - "turquoise": [64, 224, 208], - "violet": [238, 130, 238], - "wheat": [245, 222, 179], - "white": [255, 255, 255], - "whitesmoke": [245, 245, 245], - "yellow": [255, 255, 0], - "yellowgreen": [154, 205, 50] -}; -},{}],7:[function(require,module,exports){ -/** - * @namespace Chart - */ -var Chart = require(27)(); - -require(26)(Chart); -require(22)(Chart); -require(25)(Chart); -require(21)(Chart); -require(23)(Chart); -require(24)(Chart); -require(28)(Chart); -require(32)(Chart); -require(30)(Chart); -require(31)(Chart); -require(33)(Chart); -require(29)(Chart); -require(34)(Chart); - -require(35)(Chart); -require(36)(Chart); -require(37)(Chart); -require(38)(Chart); - -require(41)(Chart); -require(39)(Chart); -require(40)(Chart); -require(42)(Chart); -require(43)(Chart); -require(44)(Chart); - -// Controllers must be loaded after elements -// See Chart.core.datasetController.dataElementType -require(15)(Chart); -require(16)(Chart); -require(17)(Chart); -require(18)(Chart); -require(19)(Chart); -require(20)(Chart); - -require(8)(Chart); -require(9)(Chart); -require(10)(Chart); -require(11)(Chart); -require(12)(Chart); -require(13)(Chart); -require(14)(Chart); - -window.Chart = module.exports = Chart; - -},{"10":10,"11":11,"12":12,"13":13,"14":14,"15":15,"16":16,"17":17,"18":18,"19":19,"20":20,"21":21,"22":22,"23":23,"24":24,"25":25,"26":26,"27":27,"28":28,"29":29,"30":30,"31":31,"32":32,"33":33,"34":34,"35":35,"36":36,"37":37,"38":38,"39":39,"40":40,"41":41,"42":42,"43":43,"44":44,"8":8,"9":9}],8:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - Chart.Bar = function(context, config) { - config.type = 'bar'; - - return new Chart(context, config); - }; - -}; -},{}],9:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - Chart.Bubble = function(context, config) { - config.type = 'bubble'; - return new Chart(context, config); - }; - -}; -},{}],10:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - Chart.Doughnut = function(context, config) { - config.type = 'doughnut'; - - return new Chart(context, config); - }; - -}; -},{}],11:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - Chart.Line = function(context, config) { - config.type = 'line'; - - return new Chart(context, config); - }; - -}; -},{}],12:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - Chart.PolarArea = function(context, config) { - config.type = 'polarArea'; - - return new Chart(context, config); - }; - -}; -},{}],13:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - Chart.Radar = function(context, config) { - config.options = Chart.helpers.configMerge({ aspectRatio: 1 }, config.options); - config.type = 'radar'; - - return new Chart(context, config); - }; - -}; - -},{}],14:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var defaultConfig = { - hover: { - mode: 'single' - }, - - scales: { - xAxes: [{ - type: "linear", // scatter should not use a category axis - position: "bottom", - id: "x-axis-1" // need an ID so datasets can reference the scale - }], - yAxes: [{ - type: "linear", - position: "left", - id: "y-axis-1" - }] - }, - - tooltips: { - callbacks: { - title: function() { - // Title doesn't make sense for scatter since we format the data as a point - return ''; - }, - label: function(tooltipItem) { - return '(' + tooltipItem.xLabel + ', ' + tooltipItem.yLabel + ')'; - } - } - } - }; - - // Register the default config for this type - Chart.defaults.scatter = defaultConfig; - - // Scatter charts use line controllers - Chart.controllers.scatter = Chart.controllers.line; - - Chart.Scatter = function(context, config) { - config.type = 'scatter'; - return new Chart(context, config); - }; - -}; -},{}],15:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.defaults.bar = { - hover: { - mode: "label" - }, - - scales: { - xAxes: [{ - type: "category", - - // Specific to Bar Controller - categoryPercentage: 0.8, - barPercentage: 0.9, - - // grid line settings - gridLines: { - offsetGridLines: true - } - }], - yAxes: [{ - type: "linear" - }] - } - }; - - Chart.controllers.bar = Chart.DatasetController.extend({ - - dataElementType: Chart.elements.Rectangle, - - initialize: function(chart, datasetIndex) { - Chart.DatasetController.prototype.initialize.call(this, chart, datasetIndex); - - // Use this to indicate that this is a bar dataset. - this.getMeta().bar = true; - }, - - // Get the number of datasets that display bars. We use this to correctly calculate the bar width - getBarCount: function() { - var me = this; - var barCount = 0; - helpers.each(me.chart.data.datasets, function(dataset, datasetIndex) { - var meta = me.chart.getDatasetMeta(datasetIndex); - if (meta.bar && me.chart.isDatasetVisible(datasetIndex)) { - ++barCount; - } - }, me); - return barCount; - }, - - update: function(reset) { - var me = this; - helpers.each(me.getMeta().data, function(rectangle, index) { - me.updateElement(rectangle, index, reset); - }, me); - }, - - updateElement: function(rectangle, index, reset) { - var me = this; - var meta = me.getMeta(); - var xScale = me.getScaleForId(meta.xAxisID); - var yScale = me.getScaleForId(meta.yAxisID); - var scaleBase = yScale.getBasePixel(); - var rectangleElementOptions = me.chart.options.elements.rectangle; - var custom = rectangle.custom || {}; - var dataset = me.getDataset(); - - helpers.extend(rectangle, { - // Utility - _xScale: xScale, - _yScale: yScale, - _datasetIndex: me.index, - _index: index, - - // Desired view properties - _model: { - x: me.calculateBarX(index, me.index), - y: reset ? scaleBase : me.calculateBarY(index, me.index), - - // Tooltip - label: me.chart.data.labels[index], - datasetLabel: dataset.label, - - // Appearance - base: reset ? scaleBase : me.calculateBarBase(me.index, index), - width: me.calculateBarWidth(index), - backgroundColor: custom.backgroundColor ? custom.backgroundColor : helpers.getValueAtIndexOrDefault(dataset.backgroundColor, index, rectangleElementOptions.backgroundColor), - borderSkipped: custom.borderSkipped ? custom.borderSkipped : rectangleElementOptions.borderSkipped, - borderColor: custom.borderColor ? custom.borderColor : helpers.getValueAtIndexOrDefault(dataset.borderColor, index, rectangleElementOptions.borderColor), - borderWidth: custom.borderWidth ? custom.borderWidth : helpers.getValueAtIndexOrDefault(dataset.borderWidth, index, rectangleElementOptions.borderWidth) - } - }); - rectangle.pivot(); - }, - - calculateBarBase: function(datasetIndex, index) { - var me = this; - var meta = me.getMeta(); - var yScale = me.getScaleForId(meta.yAxisID); - var base = 0; - - if (yScale.options.stacked) { - var chart = me.chart; - var datasets = chart.data.datasets; - var value = Number(datasets[datasetIndex].data[index]); - - for (var i = 0; i < datasetIndex; i++) { - var currentDs = datasets[i]; - var currentDsMeta = chart.getDatasetMeta(i); - if (currentDsMeta.bar && currentDsMeta.yAxisID === yScale.id && chart.isDatasetVisible(i)) { - var currentVal = Number(currentDs.data[index]); - base += value < 0 ? Math.min(currentVal, 0) : Math.max(currentVal, 0); - } - } - - return yScale.getPixelForValue(base); - } - - return yScale.getBasePixel(); - }, - - getRuler: function(index) { - var me = this; - var meta = me.getMeta(); - var xScale = me.getScaleForId(meta.xAxisID); - var datasetCount = me.getBarCount(); - - var tickWidth; - - if (xScale.options.type === 'category') { - tickWidth = xScale.getPixelForTick(index + 1) - xScale.getPixelForTick(index); - } else { - // Average width - tickWidth = xScale.width / xScale.ticks.length; - } - var categoryWidth = tickWidth * xScale.options.categoryPercentage; - var categorySpacing = (tickWidth - (tickWidth * xScale.options.categoryPercentage)) / 2; - var fullBarWidth = categoryWidth / datasetCount; - - if (xScale.ticks.length !== me.chart.data.labels.length) { - var perc = xScale.ticks.length / me.chart.data.labels.length; - fullBarWidth = fullBarWidth * perc; - } - - var barWidth = fullBarWidth * xScale.options.barPercentage; - var barSpacing = fullBarWidth - (fullBarWidth * xScale.options.barPercentage); - - return { - datasetCount: datasetCount, - tickWidth: tickWidth, - categoryWidth: categoryWidth, - categorySpacing: categorySpacing, - fullBarWidth: fullBarWidth, - barWidth: barWidth, - barSpacing: barSpacing - }; - }, - - calculateBarWidth: function(index) { - var xScale = this.getScaleForId(this.getMeta().xAxisID); - if (xScale.options.barThickness) { - return xScale.options.barThickness; - } - var ruler = this.getRuler(index); - return xScale.options.stacked ? ruler.categoryWidth : ruler.barWidth; - }, - - // Get bar index from the given dataset index accounting for the fact that not all bars are visible - getBarIndex: function(datasetIndex) { - var barIndex = 0; - var meta, j; - - for (j = 0; j < datasetIndex; ++j) { - meta = this.chart.getDatasetMeta(j); - if (meta.bar && this.chart.isDatasetVisible(j)) { - ++barIndex; - } - } - - return barIndex; - }, - - calculateBarX: function(index, datasetIndex) { - var me = this; - var meta = me.getMeta(); - var xScale = me.getScaleForId(meta.xAxisID); - var barIndex = me.getBarIndex(datasetIndex); - - var ruler = me.getRuler(index); - var leftTick = xScale.getPixelForValue(null, index, datasetIndex, me.chart.isCombo); - leftTick -= me.chart.isCombo ? (ruler.tickWidth / 2) : 0; - - if (xScale.options.stacked) { - return leftTick + (ruler.categoryWidth / 2) + ruler.categorySpacing; - } - - return leftTick + - (ruler.barWidth / 2) + - ruler.categorySpacing + - (ruler.barWidth * barIndex) + - (ruler.barSpacing / 2) + - (ruler.barSpacing * barIndex); - }, - - calculateBarY: function(index, datasetIndex) { - var me = this; - var meta = me.getMeta(); - var yScale = me.getScaleForId(meta.yAxisID); - var value = Number(me.getDataset().data[index]); - - if (yScale.options.stacked) { - - var sumPos = 0, - sumNeg = 0; - - for (var i = 0; i < datasetIndex; i++) { - var ds = me.chart.data.datasets[i]; - var dsMeta = me.chart.getDatasetMeta(i); - if (dsMeta.bar && dsMeta.yAxisID === yScale.id && me.chart.isDatasetVisible(i)) { - var stackedVal = Number(ds.data[index]); - if (stackedVal < 0) { - sumNeg += stackedVal || 0; - } else { - sumPos += stackedVal || 0; - } - } - } - - if (value < 0) { - return yScale.getPixelForValue(sumNeg + value); - } else { - return yScale.getPixelForValue(sumPos + value); - } - } - - return yScale.getPixelForValue(value); - }, - - draw: function(ease) { - var me = this; - var easingDecimal = ease || 1; - helpers.each(me.getMeta().data, function(rectangle, index) { - var d = me.getDataset().data[index]; - if (d !== null && d !== undefined && !isNaN(d)) { - rectangle.transition(easingDecimal).draw(); - } - }, me); - }, - - setHoverStyle: function(rectangle) { - var dataset = this.chart.data.datasets[rectangle._datasetIndex]; - var index = rectangle._index; - - var custom = rectangle.custom || {}; - var model = rectangle._model; - model.backgroundColor = custom.hoverBackgroundColor ? custom.hoverBackgroundColor : helpers.getValueAtIndexOrDefault(dataset.hoverBackgroundColor, index, helpers.getHoverColor(model.backgroundColor)); - model.borderColor = custom.hoverBorderColor ? custom.hoverBorderColor : helpers.getValueAtIndexOrDefault(dataset.hoverBorderColor, index, helpers.getHoverColor(model.borderColor)); - model.borderWidth = custom.hoverBorderWidth ? custom.hoverBorderWidth : helpers.getValueAtIndexOrDefault(dataset.hoverBorderWidth, index, model.borderWidth); - }, - - removeHoverStyle: function(rectangle) { - var dataset = this.chart.data.datasets[rectangle._datasetIndex]; - var index = rectangle._index; - var custom = rectangle.custom || {}; - var model = rectangle._model; - var rectangleElementOptions = this.chart.options.elements.rectangle; - - model.backgroundColor = custom.backgroundColor ? custom.backgroundColor : helpers.getValueAtIndexOrDefault(dataset.backgroundColor, index, rectangleElementOptions.backgroundColor); - model.borderColor = custom.borderColor ? custom.borderColor : helpers.getValueAtIndexOrDefault(dataset.borderColor, index, rectangleElementOptions.borderColor); - model.borderWidth = custom.borderWidth ? custom.borderWidth : helpers.getValueAtIndexOrDefault(dataset.borderWidth, index, rectangleElementOptions.borderWidth); - } - - }); - - - // including horizontalBar in the bar file, instead of a file of its own - // it extends bar (like pie extends doughnut) - Chart.defaults.horizontalBar = { - hover: { - mode: "label" - }, - - scales: { - xAxes: [{ - type: "linear", - position: "bottom" - }], - yAxes: [{ - position: "left", - type: "category", - - // Specific to Horizontal Bar Controller - categoryPercentage: 0.8, - barPercentage: 0.9, - - // grid line settings - gridLines: { - offsetGridLines: true - } - }] - }, - elements: { - rectangle: { - borderSkipped: 'left' - } - }, - tooltips: { - callbacks: { - title: function(tooltipItems, data) { - // Pick first xLabel for now - var title = ''; - - if (tooltipItems.length > 0) { - if (tooltipItems[0].yLabel) { - title = tooltipItems[0].yLabel; - } else if (data.labels.length > 0 && tooltipItems[0].index < data.labels.length) { - title = data.labels[tooltipItems[0].index]; - } - } - - return title; - }, - label: function(tooltipItem, data) { - var datasetLabel = data.datasets[tooltipItem.datasetIndex].label || ''; - return datasetLabel + ': ' + tooltipItem.xLabel; - } - } - } - }; - - Chart.controllers.horizontalBar = Chart.controllers.bar.extend({ - updateElement: function(rectangle, index, reset) { - var me = this; - var meta = me.getMeta(); - var xScale = me.getScaleForId(meta.xAxisID); - var yScale = me.getScaleForId(meta.yAxisID); - var scaleBase = xScale.getBasePixel(); - var custom = rectangle.custom || {}; - var dataset = me.getDataset(); - var rectangleElementOptions = me.chart.options.elements.rectangle; - - helpers.extend(rectangle, { - // Utility - _xScale: xScale, - _yScale: yScale, - _datasetIndex: me.index, - _index: index, - - // Desired view properties - _model: { - x: reset ? scaleBase : me.calculateBarX(index, me.index), - y: me.calculateBarY(index, me.index), - - // Tooltip - label: me.chart.data.labels[index], - datasetLabel: dataset.label, - - // Appearance - base: reset ? scaleBase : me.calculateBarBase(me.index, index), - height: me.calculateBarHeight(index), - backgroundColor: custom.backgroundColor ? custom.backgroundColor : helpers.getValueAtIndexOrDefault(dataset.backgroundColor, index, rectangleElementOptions.backgroundColor), - borderSkipped: custom.borderSkipped ? custom.borderSkipped : rectangleElementOptions.borderSkipped, - borderColor: custom.borderColor ? custom.borderColor : helpers.getValueAtIndexOrDefault(dataset.borderColor, index, rectangleElementOptions.borderColor), - borderWidth: custom.borderWidth ? custom.borderWidth : helpers.getValueAtIndexOrDefault(dataset.borderWidth, index, rectangleElementOptions.borderWidth) - }, - - draw: function () { - var ctx = this._chart.ctx; - var vm = this._view; - - var halfHeight = vm.height / 2, - topY = vm.y - halfHeight, - bottomY = vm.y + halfHeight, - right = vm.base - (vm.base - vm.x), - halfStroke = vm.borderWidth / 2; - - // Canvas doesn't allow us to stroke inside the width so we can - // adjust the sizes to fit if we're setting a stroke on the line - if (vm.borderWidth) { - topY += halfStroke; - bottomY -= halfStroke; - right += halfStroke; - } - - ctx.beginPath(); - - ctx.fillStyle = vm.backgroundColor; - ctx.strokeStyle = vm.borderColor; - ctx.lineWidth = vm.borderWidth; - - // Corner points, from bottom-left to bottom-right clockwise - // | 1 2 | - // | 0 3 | - var corners = [ - [vm.base, bottomY], - [vm.base, topY], - [right, topY], - [right, bottomY] - ]; - - // Find first (starting) corner with fallback to 'bottom' - var borders = ['bottom', 'left', 'top', 'right']; - var startCorner = borders.indexOf(vm.borderSkipped, 0); - if (startCorner === -1) - startCorner = 0; - - function cornerAt(index) { - return corners[(startCorner + index) % 4]; - } - - // Draw rectangle from 'startCorner' - ctx.moveTo.apply(ctx, cornerAt(0)); - for (var i = 1; i < 4; i++) - ctx.lineTo.apply(ctx, cornerAt(i)); - - ctx.fill(); - if (vm.borderWidth) { - ctx.stroke(); - } - }, - - inRange: function (mouseX, mouseY) { - var vm = this._view; - var inRange = false; - - if (vm) { - if (vm.x < vm.base) { - inRange = (mouseY >= vm.y - vm.height / 2 && mouseY <= vm.y + vm.height / 2) && (mouseX >= vm.x && mouseX <= vm.base); - } else { - inRange = (mouseY >= vm.y - vm.height / 2 && mouseY <= vm.y + vm.height / 2) && (mouseX >= vm.base && mouseX <= vm.x); - } - } - - return inRange; - } - }); - - rectangle.pivot(); - }, - - calculateBarBase: function (datasetIndex, index) { - var me = this; - var meta = me.getMeta(); - var xScale = me.getScaleForId(meta.xAxisID); - var base = 0; - - if (xScale.options.stacked) { - var chart = me.chart; - var datasets = chart.data.datasets; - var value = Number(datasets[datasetIndex].data[index]); - - for (var i = 0; i < datasetIndex; i++) { - var currentDs = datasets[i]; - var currentDsMeta = chart.getDatasetMeta(i); - if (currentDsMeta.bar && currentDsMeta.xAxisID === xScale.id && chart.isDatasetVisible(i)) { - var currentVal = Number(currentDs.data[index]); - base += value < 0 ? Math.min(currentVal, 0) : Math.max(currentVal, 0); - } - } - - return xScale.getPixelForValue(base); - } - - return xScale.getBasePixel(); - }, - - getRuler: function (index) { - var me = this; - var meta = me.getMeta(); - var yScale = me.getScaleForId(meta.yAxisID); - var datasetCount = me.getBarCount(); - - var tickHeight; - if (yScale.options.type === 'category') { - tickHeight = yScale.getPixelForTick(index + 1) - yScale.getPixelForTick(index); - } else { - // Average width - tickHeight = yScale.width / yScale.ticks.length; - } - var categoryHeight = tickHeight * yScale.options.categoryPercentage; - var categorySpacing = (tickHeight - (tickHeight * yScale.options.categoryPercentage)) / 2; - var fullBarHeight = categoryHeight / datasetCount; - - if (yScale.ticks.length !== me.chart.data.labels.length) { - var perc = yScale.ticks.length / me.chart.data.labels.length; - fullBarHeight = fullBarHeight * perc; - } - - var barHeight = fullBarHeight * yScale.options.barPercentage; - var barSpacing = fullBarHeight - (fullBarHeight * yScale.options.barPercentage); - - return { - datasetCount: datasetCount, - tickHeight: tickHeight, - categoryHeight: categoryHeight, - categorySpacing: categorySpacing, - fullBarHeight: fullBarHeight, - barHeight: barHeight, - barSpacing: barSpacing - }; - }, - - calculateBarHeight: function (index) { - var me = this; - var yScale = me.getScaleForId(me.getMeta().yAxisID); - if (yScale.options.barThickness) { - return yScale.options.barThickness; - } - var ruler = me.getRuler(index); - return yScale.options.stacked ? ruler.categoryHeight : ruler.barHeight; - }, - - calculateBarX: function (index, datasetIndex) { - var me = this; - var meta = me.getMeta(); - var xScale = me.getScaleForId(meta.xAxisID); - var value = Number(me.getDataset().data[index]); - - if (xScale.options.stacked) { - - var sumPos = 0, - sumNeg = 0; - - for (var i = 0; i < datasetIndex; i++) { - var ds = me.chart.data.datasets[i]; - var dsMeta = me.chart.getDatasetMeta(i); - if (dsMeta.bar && dsMeta.xAxisID === xScale.id && me.chart.isDatasetVisible(i)) { - var stackedVal = Number(ds.data[index]); - if (stackedVal < 0) { - sumNeg += stackedVal || 0; - } else { - sumPos += stackedVal || 0; - } - } - } - - if (value < 0) { - return xScale.getPixelForValue(sumNeg + value); - } else { - return xScale.getPixelForValue(sumPos + value); - } - } - - return xScale.getPixelForValue(value); - }, - - calculateBarY: function (index, datasetIndex) { - var me = this; - var meta = me.getMeta(); - var yScale = me.getScaleForId(meta.yAxisID); - var barIndex = me.getBarIndex(datasetIndex); - - var ruler = me.getRuler(index); - var topTick = yScale.getPixelForValue(null, index, datasetIndex, me.chart.isCombo); - topTick -= me.chart.isCombo ? (ruler.tickHeight / 2) : 0; - - if (yScale.options.stacked) { - return topTick + (ruler.categoryHeight / 2) + ruler.categorySpacing; - } - - return topTick + - (ruler.barHeight / 2) + - ruler.categorySpacing + - (ruler.barHeight * barIndex) + - (ruler.barSpacing / 2) + - (ruler.barSpacing * barIndex); - } - }); -}; - -},{}],16:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.defaults.bubble = { - hover: { - mode: "single" - }, - - scales: { - xAxes: [{ - type: "linear", // bubble should probably use a linear scale by default - position: "bottom", - id: "x-axis-0" // need an ID so datasets can reference the scale - }], - yAxes: [{ - type: "linear", - position: "left", - id: "y-axis-0" - }] - }, - - tooltips: { - callbacks: { - title: function() { - // Title doesn't make sense for scatter since we format the data as a point - return ''; - }, - label: function(tooltipItem, data) { - var datasetLabel = data.datasets[tooltipItem.datasetIndex].label || ''; - var dataPoint = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]; - return datasetLabel + ': (' + dataPoint.x + ', ' + dataPoint.y + ', ' + dataPoint.r + ')'; - } - } - } - }; - - Chart.controllers.bubble = Chart.DatasetController.extend({ - - dataElementType: Chart.elements.Point, - - update: function(reset) { - var me = this; - var meta = me.getMeta(); - var points = meta.data; - - // Update Points - helpers.each(points, function(point, index) { - me.updateElement(point, index, reset); - }); - }, - - updateElement: function(point, index, reset) { - var me = this; - var meta = me.getMeta(); - var xScale = me.getScaleForId(meta.xAxisID); - var yScale = me.getScaleForId(meta.yAxisID); - - var custom = point.custom || {}; - var dataset = me.getDataset(); - var data = dataset.data[index]; - var pointElementOptions = me.chart.options.elements.point; - var dsIndex = me.index; - - helpers.extend(point, { - // Utility - _xScale: xScale, - _yScale: yScale, - _datasetIndex: dsIndex, - _index: index, - - // Desired view properties - _model: { - x: reset ? xScale.getPixelForDecimal(0.5) : xScale.getPixelForValue(typeof data === 'object' ? data : NaN, index, dsIndex, me.chart.isCombo), - y: reset ? yScale.getBasePixel() : yScale.getPixelForValue(data, index, dsIndex), - // Appearance - radius: reset ? 0 : custom.radius ? custom.radius : me.getRadius(data), - - // Tooltip - hitRadius: custom.hitRadius ? custom.hitRadius : helpers.getValueAtIndexOrDefault(dataset.hitRadius, index, pointElementOptions.hitRadius) - } - }); - - // Trick to reset the styles of the point - Chart.DatasetController.prototype.removeHoverStyle.call(me, point, pointElementOptions); - - var model = point._model; - model.skip = custom.skip ? custom.skip : (isNaN(model.x) || isNaN(model.y)); - - point.pivot(); - }, - - getRadius: function(value) { - return value.r || this.chart.options.elements.point.radius; - }, - - setHoverStyle: function(point) { - var me = this; - Chart.DatasetController.prototype.setHoverStyle.call(me, point); - - // Radius - var dataset = me.chart.data.datasets[point._datasetIndex]; - var index = point._index; - var custom = point.custom || {}; - var model = point._model; - model.radius = custom.hoverRadius ? custom.hoverRadius : (helpers.getValueAtIndexOrDefault(dataset.hoverRadius, index, me.chart.options.elements.point.hoverRadius)) + me.getRadius(dataset.data[index]); - }, - - removeHoverStyle: function(point) { - var me = this; - Chart.DatasetController.prototype.removeHoverStyle.call(me, point, me.chart.options.elements.point); - - var dataVal = me.chart.data.datasets[point._datasetIndex].data[point._index]; - var custom = point.custom || {}; - var model = point._model; - - model.radius = custom.radius ? custom.radius : me.getRadius(dataVal); - } - }); -}; - -},{}],17:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers, - defaults = Chart.defaults; - - defaults.doughnut = { - animation: { - //Boolean - Whether we animate the rotation of the Doughnut - animateRotate: true, - //Boolean - Whether we animate scaling the Doughnut from the centre - animateScale: false - }, - aspectRatio: 1, - hover: { - mode: 'single' - }, - legendCallback: function(chart) { - var text = []; - text.push('

'); - if (labels[i]) { - text.push(labels[i]); - } - text.push('

'); - return text.join(""); - }, - legend: { - labels: { - generateLabels: function(chart) { - var data = chart.data; - if (data.labels.length && data.datasets.length) { - return data.labels.map(function(label, i) { - var meta = chart.getDatasetMeta(0); - var ds = data.datasets[0]; - var arc = meta.data[i]; - var custom = arc && arc.custom || {}; - var getValueAtIndexOrDefault = helpers.getValueAtIndexOrDefault; - var arcOpts = chart.options.elements.arc; - var fill = custom.backgroundColor ? custom.backgroundColor : getValueAtIndexOrDefault(ds.backgroundColor, i, arcOpts.backgroundColor); - var stroke = custom.borderColor ? custom.borderColor : getValueAtIndexOrDefault(ds.borderColor, i, arcOpts.borderColor); - var bw = custom.borderWidth ? custom.borderWidth : getValueAtIndexOrDefault(ds.borderWidth, i, arcOpts.borderWidth); - - return { - text: label, - fillStyle: fill, - strokeStyle: stroke, - lineWidth: bw, - hidden: isNaN(ds.data[i]) || meta.data[i].hidden, - - // Extra data used for toggling the correct item - index: i - }; - }); - } else { - return []; - } - } - }, - - onClick: function(e, legendItem) { - var index = legendItem.index; - var chart = this.chart; - var i, ilen, meta; - - for (i = 0, ilen = (chart.data.datasets || []).length; i < ilen; ++i) { - meta = chart.getDatasetMeta(i); - meta.data[index].hidden = !meta.data[index].hidden; - } - - chart.update(); - } - }, - - //The percentage of the chart that we cut out of the middle. - cutoutPercentage: 50, - - //The rotation of the chart, where the first data arc begins. - rotation: Math.PI * -0.5, - - //The total circumference of the chart. - circumference: Math.PI * 2.0, - - // Need to override these to give a nice default - tooltips: { - callbacks: { - title: function() { - return ''; - }, - label: function(tooltipItem, data) { - return data.labels[tooltipItem.index] + ': ' + data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index]; - } - } - } - }; - - defaults.pie = helpers.clone(defaults.doughnut); - helpers.extend(defaults.pie, { - cutoutPercentage: 0 - }); - - - Chart.controllers.doughnut = Chart.controllers.pie = Chart.DatasetController.extend({ - - dataElementType: Chart.elements.Arc, - - linkScales: helpers.noop, - - // Get index of the dataset in relation to the visible datasets. This allows determining the inner and outer radius correctly - getRingIndex: function(datasetIndex) { - var ringIndex = 0; - - for (var j = 0; j < datasetIndex; ++j) { - if (this.chart.isDatasetVisible(j)) { - ++ringIndex; - } - } - - return ringIndex; - }, - - update: function(reset) { - var me = this; - var chart = me.chart, - chartArea = chart.chartArea, - opts = chart.options, - arcOpts = opts.elements.arc, - availableWidth = chartArea.right - chartArea.left - arcOpts.borderWidth, - availableHeight = chartArea.bottom - chartArea.top - arcOpts.borderWidth, - minSize = Math.min(availableWidth, availableHeight), - offset = { - x: 0, - y: 0 - }, - meta = me.getMeta(), - cutoutPercentage = opts.cutoutPercentage, - circumference = opts.circumference; - - // If the chart's circumference isn't a full circle, calculate minSize as a ratio of the width/height of the arc - if (circumference < Math.PI * 2.0) { - var startAngle = opts.rotation % (Math.PI * 2.0); - startAngle += Math.PI * 2.0 * (startAngle >= Math.PI ? -1 : startAngle < -Math.PI ? 1 : 0); - var endAngle = startAngle + circumference; - var start = {x: Math.cos(startAngle), y: Math.sin(startAngle)}; - var end = {x: Math.cos(endAngle), y: Math.sin(endAngle)}; - var contains0 = (startAngle <= 0 && 0 <= endAngle) || (startAngle <= Math.PI * 2.0 && Math.PI * 2.0 <= endAngle); - var contains90 = (startAngle <= Math.PI * 0.5 && Math.PI * 0.5 <= endAngle) || (startAngle <= Math.PI * 2.5 && Math.PI * 2.5 <= endAngle); - var contains180 = (startAngle <= -Math.PI && -Math.PI <= endAngle) || (startAngle <= Math.PI && Math.PI <= endAngle); - var contains270 = (startAngle <= -Math.PI * 0.5 && -Math.PI * 0.5 <= endAngle) || (startAngle <= Math.PI * 1.5 && Math.PI * 1.5 <= endAngle); - var cutout = cutoutPercentage / 100.0; - var min = {x: contains180 ? -1 : Math.min(start.x * (start.x < 0 ? 1 : cutout), end.x * (end.x < 0 ? 1 : cutout)), y: contains270 ? -1 : Math.min(start.y * (start.y < 0 ? 1 : cutout), end.y * (end.y < 0 ? 1 : cutout))}; - var max = {x: contains0 ? 1 : Math.max(start.x * (start.x > 0 ? 1 : cutout), end.x * (end.x > 0 ? 1 : cutout)), y: contains90 ? 1 : Math.max(start.y * (start.y > 0 ? 1 : cutout), end.y * (end.y > 0 ? 1 : cutout))}; - var size = {width: (max.x - min.x) * 0.5, height: (max.y - min.y) * 0.5}; - minSize = Math.min(availableWidth / size.width, availableHeight / size.height); - offset = {x: (max.x + min.x) * -0.5, y: (max.y + min.y) * -0.5}; - } - chart.borderWidth = me.getMaxBorderWidth(meta.data); - - chart.outerRadius = Math.max((minSize - chart.borderWidth) / 2, 0); - chart.innerRadius = Math.max(cutoutPercentage ? (chart.outerRadius / 100) * (cutoutPercentage) : 1, 0); - chart.radiusLength = (chart.outerRadius - chart.innerRadius) / chart.getVisibleDatasetCount(); - chart.offsetX = offset.x * chart.outerRadius; - chart.offsetY = offset.y * chart.outerRadius; - - meta.total = me.calculateTotal(); - - me.outerRadius = chart.outerRadius - (chart.radiusLength * me.getRingIndex(me.index)); - me.innerRadius = me.outerRadius - chart.radiusLength; - - helpers.each(meta.data, function(arc, index) { - me.updateElement(arc, index, reset); - }); - }, - - updateElement: function(arc, index, reset) { - var me = this; - var chart = me.chart, - chartArea = chart.chartArea, - opts = chart.options, - animationOpts = opts.animation, - centerX = (chartArea.left + chartArea.right) / 2, - centerY = (chartArea.top + chartArea.bottom) / 2, - startAngle = opts.rotation, // non reset case handled later - endAngle = opts.rotation, // non reset case handled later - dataset = me.getDataset(), - circumference = reset && animationOpts.animateRotate ? 0 : arc.hidden ? 0 : me.calculateCircumference(dataset.data[index]) * (opts.circumference / (2.0 * Math.PI)), - innerRadius = reset && animationOpts.animateScale ? 0 : me.innerRadius, - outerRadius = reset && animationOpts.animateScale ? 0 : me.outerRadius, - valueAtIndexOrDefault = helpers.getValueAtIndexOrDefault; - - helpers.extend(arc, { - // Utility - _datasetIndex: me.index, - _index: index, - - // Desired view properties - _model: { - x: centerX + chart.offsetX, - y: centerY + chart.offsetY, - startAngle: startAngle, - endAngle: endAngle, - circumference: circumference, - outerRadius: outerRadius, - innerRadius: innerRadius, - label: valueAtIndexOrDefault(dataset.label, index, chart.data.labels[index]) - } - }); - - var model = arc._model; - // Resets the visual styles - this.removeHoverStyle(arc); - - // Set correct angles if not resetting - if (!reset || !animationOpts.animateRotate) { - if (index === 0) { - model.startAngle = opts.rotation; - } else { - model.startAngle = me.getMeta().data[index - 1]._model.endAngle; - } - - model.endAngle = model.startAngle + model.circumference; - } - - arc.pivot(); - }, - - removeHoverStyle: function(arc) { - Chart.DatasetController.prototype.removeHoverStyle.call(this, arc, this.chart.options.elements.arc); - }, - - calculateTotal: function() { - var dataset = this.getDataset(); - var meta = this.getMeta(); - var total = 0; - var value; - - helpers.each(meta.data, function(element, index) { - value = dataset.data[index]; - if (!isNaN(value) && !element.hidden) { - total += Math.abs(value); - } - }); - - /*if (total === 0) { - total = NaN; - }*/ - - return total; - }, - - calculateCircumference: function(value) { - var total = this.getMeta().total; - if (total > 0 && !isNaN(value)) { - return (Math.PI * 2.0) * (value / total); - } else { - return 0; - } - }, - - //gets the max border or hover width to properly scale pie charts - getMaxBorderWidth: function (elements) { - var max = 0, - index = this.index, - length = elements.length, - borderWidth, - hoverWidth; - - for (var i = 0; i < length; i++) { - borderWidth = elements[i]._model ? elements[i]._model.borderWidth : 0; - hoverWidth = elements[i]._chart ? elements[i]._chart.config.data.datasets[index].hoverBorderWidth : 0; - - max = borderWidth > max ? borderWidth : max; - max = hoverWidth > max ? hoverWidth : max; - } - return max; - } - }); -}; - -},{}],18:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.defaults.line = { - showLines: true, - spanGaps: false, - - hover: { - mode: "label" - }, - - scales: { - xAxes: [{ - type: "category", - id: 'x-axis-0' - }], - yAxes: [{ - type: "linear", - id: 'y-axis-0' - }] - } - }; - - function lineEnabled(dataset, options) { - return helpers.getValueOrDefault(dataset.showLine, options.showLines); - } - - Chart.controllers.line = Chart.DatasetController.extend({ - - datasetElementType: Chart.elements.Line, - - dataElementType: Chart.elements.Point, - - addElementAndReset: function(index) { - var me = this; - var options = me.chart.options; - var meta = me.getMeta(); - - Chart.DatasetController.prototype.addElementAndReset.call(me, index); - - // Make sure bezier control points are updated - if (lineEnabled(me.getDataset(), options) && meta.dataset._model.tension !== 0) { - me.updateBezierControlPoints(); - } - }, - - update: function(reset) { - var me = this; - var meta = me.getMeta(); - var line = meta.dataset; - var points = meta.data || []; - var options = me.chart.options; - var lineElementOptions = options.elements.line; - var scale = me.getScaleForId(meta.yAxisID); - var i, ilen, custom; - var dataset = me.getDataset(); - var showLine = lineEnabled(dataset, options); - - // Update Line - if (showLine) { - custom = line.custom || {}; - - // Compatibility: If the properties are defined with only the old name, use those values - if ((dataset.tension !== undefined) && (dataset.lineTension === undefined)) { - dataset.lineTension = dataset.tension; - } - - // Utility - line._scale = scale; - line._datasetIndex = me.index; - // Data - line._children = points; - // Model - line._model = { - // Appearance - // The default behavior of lines is to break at null values, according - // to https://github.com/chartjs/Chart.js/issues/2435#issuecomment-216718158 - // This option gives linse the ability to span gaps - spanGaps: dataset.spanGaps ? dataset.spanGaps : options.spanGaps, - tension: custom.tension ? custom.tension : helpers.getValueOrDefault(dataset.lineTension, lineElementOptions.tension), - backgroundColor: custom.backgroundColor ? custom.backgroundColor : (dataset.backgroundColor || lineElementOptions.backgroundColor), - borderWidth: custom.borderWidth ? custom.borderWidth : (dataset.borderWidth || lineElementOptions.borderWidth), - borderColor: custom.borderColor ? custom.borderColor : (dataset.borderColor || lineElementOptions.borderColor), - borderCapStyle: custom.borderCapStyle ? custom.borderCapStyle : (dataset.borderCapStyle || lineElementOptions.borderCapStyle), - borderDash: custom.borderDash ? custom.borderDash : (dataset.borderDash || lineElementOptions.borderDash), - borderDashOffset: custom.borderDashOffset ? custom.borderDashOffset : (dataset.borderDashOffset || lineElementOptions.borderDashOffset), - borderJoinStyle: custom.borderJoinStyle ? custom.borderJoinStyle : (dataset.borderJoinStyle || lineElementOptions.borderJoinStyle), - fill: custom.fill ? custom.fill : (dataset.fill !== undefined ? dataset.fill : lineElementOptions.fill), - steppedLine: custom.steppedLine ? custom.steppedLine : helpers.getValueOrDefault(dataset.steppedLine, lineElementOptions.stepped), - cubicInterpolationMode: custom.cubicInterpolationMode ? custom.cubicInterpolationMode : helpers.getValueOrDefault(dataset.cubicInterpolationMode, lineElementOptions.cubicInterpolationMode), - // Scale - scaleTop: scale.top, - scaleBottom: scale.bottom, - scaleZero: scale.getBasePixel() - }; - - line.pivot(); - } - - // Update Points - for (i=0, ilen=points.length; i'); - - var data = chart.data; - var datasets = data.datasets; - var labels = data.labels; - - if (datasets.length) { - for (var i = 0; i < datasets[0].data.length; ++i) { - text.push('

'); - if (labels[i]) { - text.push(labels[i]); - } - text.push('

'); - } - } - - text.push(''); - return text.join(""); - }, - legend: { - labels: { - generateLabels: function(chart) { - var data = chart.data; - if (data.labels.length && data.datasets.length) { - return data.labels.map(function(label, i) { - var meta = chart.getDatasetMeta(0); - var ds = data.datasets[0]; - var arc = meta.data[i]; - var custom = arc.custom || {}; - var getValueAtIndexOrDefault = helpers.getValueAtIndexOrDefault; - var arcOpts = chart.options.elements.arc; - var fill = custom.backgroundColor ? custom.backgroundColor : getValueAtIndexOrDefault(ds.backgroundColor, i, arcOpts.backgroundColor); - var stroke = custom.borderColor ? custom.borderColor : getValueAtIndexOrDefault(ds.borderColor, i, arcOpts.borderColor); - var bw = custom.borderWidth ? custom.borderWidth : getValueAtIndexOrDefault(ds.borderWidth, i, arcOpts.borderWidth); - - return { - text: label, - fillStyle: fill, - strokeStyle: stroke, - lineWidth: bw, - hidden: isNaN(ds.data[i]) || meta.data[i].hidden, - - // Extra data used for toggling the correct item - index: i - }; - }); - } else { - return []; - } - } - }, - - onClick: function(e, legendItem) { - var index = legendItem.index; - var chart = this.chart; - var i, ilen, meta; - - for (i = 0, ilen = (chart.data.datasets || []).length; i < ilen; ++i) { - meta = chart.getDatasetMeta(i); - meta.data[index].hidden = !meta.data[index].hidden; - } - - chart.update(); - } - }, - - // Need to override these to give a nice default - tooltips: { - callbacks: { - title: function() { - return ''; - }, - label: function(tooltipItem, data) { - return data.labels[tooltipItem.index] + ': ' + tooltipItem.yLabel; - } - } - } - }; - - Chart.controllers.polarArea = Chart.DatasetController.extend({ - - dataElementType: Chart.elements.Arc, - - linkScales: helpers.noop, - - update: function(reset) { - var me = this; - var chart = me.chart; - var chartArea = chart.chartArea; - var meta = me.getMeta(); - var opts = chart.options; - var arcOpts = opts.elements.arc; - var minSize = Math.min(chartArea.right - chartArea.left, chartArea.bottom - chartArea.top); - chart.outerRadius = Math.max((minSize - arcOpts.borderWidth / 2) / 2, 0); - chart.innerRadius = Math.max(opts.cutoutPercentage ? (chart.outerRadius / 100) * (opts.cutoutPercentage) : 1, 0); - chart.radiusLength = (chart.outerRadius - chart.innerRadius) / chart.getVisibleDatasetCount(); - - me.outerRadius = chart.outerRadius - (chart.radiusLength * me.index); - me.innerRadius = me.outerRadius - chart.radiusLength; - - meta.count = me.countVisibleElements(); - - helpers.each(meta.data, function(arc, index) { - me.updateElement(arc, index, reset); - }); - }, - - updateElement: function(arc, index, reset) { - var me = this; - var chart = me.chart; - var dataset = me.getDataset(); - var opts = chart.options; - var animationOpts = opts.animation; - var scale = chart.scale; - var getValueAtIndexOrDefault = helpers.getValueAtIndexOrDefault; - var labels = chart.data.labels; - - var circumference = me.calculateCircumference(dataset.data[index]); - var centerX = scale.xCenter; - var centerY = scale.yCenter; - - // If there is NaN data before us, we need to calculate the starting angle correctly. - // We could be way more efficient here, but its unlikely that the polar area chart will have a lot of data - var visibleCount = 0; - var meta = me.getMeta(); - for (var i = 0; i < index; ++i) { - if (!isNaN(dataset.data[i]) && !meta.data[i].hidden) { - ++visibleCount; - } - } - - //var negHalfPI = -0.5 * Math.PI; - var datasetStartAngle = opts.startAngle; - var distance = arc.hidden ? 0 : scale.getDistanceFromCenterForValue(dataset.data[index]); - var startAngle = datasetStartAngle + (circumference * visibleCount); - var endAngle = startAngle + (arc.hidden ? 0 : circumference); - - var resetRadius = animationOpts.animateScale ? 0 : scale.getDistanceFromCenterForValue(dataset.data[index]); - - helpers.extend(arc, { - // Utility - _datasetIndex: me.index, - _index: index, - _scale: scale, - - // Desired view properties - _model: { - x: centerX, - y: centerY, - innerRadius: 0, - outerRadius: reset ? resetRadius : distance, - startAngle: reset && animationOpts.animateRotate ? datasetStartAngle : startAngle, - endAngle: reset && animationOpts.animateRotate ? datasetStartAngle : endAngle, - label: getValueAtIndexOrDefault(labels, index, labels[index]) - } - }); - - // Apply border and fill style - me.removeHoverStyle(arc); - - arc.pivot(); - }, - - removeHoverStyle: function(arc) { - Chart.DatasetController.prototype.removeHoverStyle.call(this, arc, this.chart.options.elements.arc); - }, - - countVisibleElements: function() { - var dataset = this.getDataset(); - var meta = this.getMeta(); - var count = 0; - - helpers.each(meta.data, function(element, index) { - if (!isNaN(dataset.data[index]) && !element.hidden) { - count++; - } - }); - - return count; - }, - - calculateCircumference: function(value) { - var count = this.getMeta().count; - if (count > 0 && !isNaN(value)) { - return (2 * Math.PI) / count; - } else { - return 0; - } - } - }); -}; - -},{}],20:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.defaults.radar = { - scale: { - type: "radialLinear" - }, - elements: { - line: { - tension: 0 // no bezier in radar - } - } - }; - - Chart.controllers.radar = Chart.DatasetController.extend({ - - datasetElementType: Chart.elements.Line, - - dataElementType: Chart.elements.Point, - - linkScales: helpers.noop, - - addElementAndReset: function(index) { - Chart.DatasetController.prototype.addElementAndReset.call(this, index); - - // Make sure bezier control points are updated - this.updateBezierControlPoints(); - }, - - update: function(reset) { - var me = this; - var meta = me.getMeta(); - var line = meta.dataset; - var points = meta.data; - var custom = line.custom || {}; - var dataset = me.getDataset(); - var lineElementOptions = me.chart.options.elements.line; - var scale = me.chart.scale; - - // Compatibility: If the properties are defined with only the old name, use those values - if ((dataset.tension !== undefined) && (dataset.lineTension === undefined)) { - dataset.lineTension = dataset.tension; - } - - helpers.extend(meta.dataset, { - // Utility - _datasetIndex: me.index, - // Data - _children: points, - _loop: true, - // Model - _model: { - // Appearance - tension: custom.tension ? custom.tension : helpers.getValueOrDefault(dataset.lineTension, lineElementOptions.tension), - backgroundColor: custom.backgroundColor ? custom.backgroundColor : (dataset.backgroundColor || lineElementOptions.backgroundColor), - borderWidth: custom.borderWidth ? custom.borderWidth : (dataset.borderWidth || lineElementOptions.borderWidth), - borderColor: custom.borderColor ? custom.borderColor : (dataset.borderColor || lineElementOptions.borderColor), - fill: custom.fill ? custom.fill : (dataset.fill !== undefined ? dataset.fill : lineElementOptions.fill), - borderCapStyle: custom.borderCapStyle ? custom.borderCapStyle : (dataset.borderCapStyle || lineElementOptions.borderCapStyle), - borderDash: custom.borderDash ? custom.borderDash : (dataset.borderDash || lineElementOptions.borderDash), - borderDashOffset: custom.borderDashOffset ? custom.borderDashOffset : (dataset.borderDashOffset || lineElementOptions.borderDashOffset), - borderJoinStyle: custom.borderJoinStyle ? custom.borderJoinStyle : (dataset.borderJoinStyle || lineElementOptions.borderJoinStyle), - - // Scale - scaleTop: scale.top, - scaleBottom: scale.bottom, - scaleZero: scale.getBasePosition() - } - }); - - meta.dataset.pivot(); - - // Update Points - helpers.each(points, function(point, index) { - me.updateElement(point, index, reset); - }, me); - - - // Update bezier control points - me.updateBezierControlPoints(); - }, - updateElement: function(point, index, reset) { - var me = this; - var custom = point.custom || {}; - var dataset = me.getDataset(); - var scale = me.chart.scale; - var pointElementOptions = me.chart.options.elements.point; - var pointPosition = scale.getPointPositionForValue(index, dataset.data[index]); - - helpers.extend(point, { - // Utility - _datasetIndex: me.index, - _index: index, - _scale: scale, - - // Desired view properties - _model: { - x: reset ? scale.xCenter : pointPosition.x, // value not used in dataset scale, but we want a consistent API between scales - y: reset ? scale.yCenter : pointPosition.y, - - // Appearance - tension: custom.tension ? custom.tension : helpers.getValueOrDefault(dataset.tension, me.chart.options.elements.line.tension), - radius: custom.radius ? custom.radius : helpers.getValueAtIndexOrDefault(dataset.pointRadius, index, pointElementOptions.radius), - backgroundColor: custom.backgroundColor ? custom.backgroundColor : helpers.getValueAtIndexOrDefault(dataset.pointBackgroundColor, index, pointElementOptions.backgroundColor), - borderColor: custom.borderColor ? custom.borderColor : helpers.getValueAtIndexOrDefault(dataset.pointBorderColor, index, pointElementOptions.borderColor), - borderWidth: custom.borderWidth ? custom.borderWidth : helpers.getValueAtIndexOrDefault(dataset.pointBorderWidth, index, pointElementOptions.borderWidth), - pointStyle: custom.pointStyle ? custom.pointStyle : helpers.getValueAtIndexOrDefault(dataset.pointStyle, index, pointElementOptions.pointStyle), - - // Tooltip - hitRadius: custom.hitRadius ? custom.hitRadius : helpers.getValueAtIndexOrDefault(dataset.hitRadius, index, pointElementOptions.hitRadius) - } - }); - - point._model.skip = custom.skip ? custom.skip : (isNaN(point._model.x) || isNaN(point._model.y)); - }, - updateBezierControlPoints: function() { - var chartArea = this.chart.chartArea; - var meta = this.getMeta(); - - helpers.each(meta.data, function(point, index) { - var model = point._model; - var controlPoints = helpers.splineCurve( - helpers.previousItem(meta.data, index, true)._model, - model, - helpers.nextItem(meta.data, index, true)._model, - model.tension - ); - - // Prevent the bezier going outside of the bounds of the graph - model.controlPointPreviousX = Math.max(Math.min(controlPoints.previous.x, chartArea.right), chartArea.left); - model.controlPointPreviousY = Math.max(Math.min(controlPoints.previous.y, chartArea.bottom), chartArea.top); - - model.controlPointNextX = Math.max(Math.min(controlPoints.next.x, chartArea.right), chartArea.left); - model.controlPointNextY = Math.max(Math.min(controlPoints.next.y, chartArea.bottom), chartArea.top); - - // Now pivot the point for animation - point.pivot(); - }); - }, - - draw: function(ease) { - var meta = this.getMeta(); - var easingDecimal = ease || 1; - - // Transition Point Locations - helpers.each(meta.data, function(point) { - point.transition(easingDecimal); - }); - - // Transition and Draw the line - meta.dataset.transition(easingDecimal).draw(); - - // Draw the points - helpers.each(meta.data, function(point) { - point.draw(); - }); - }, - - setHoverStyle: function(point) { - // Point - var dataset = this.chart.data.datasets[point._datasetIndex]; - var custom = point.custom || {}; - var index = point._index; - var model = point._model; - - model.radius = custom.hoverRadius ? custom.hoverRadius : helpers.getValueAtIndexOrDefault(dataset.pointHoverRadius, index, this.chart.options.elements.point.hoverRadius); - model.backgroundColor = custom.hoverBackgroundColor ? custom.hoverBackgroundColor : helpers.getValueAtIndexOrDefault(dataset.pointHoverBackgroundColor, index, helpers.getHoverColor(model.backgroundColor)); - model.borderColor = custom.hoverBorderColor ? custom.hoverBorderColor : helpers.getValueAtIndexOrDefault(dataset.pointHoverBorderColor, index, helpers.getHoverColor(model.borderColor)); - model.borderWidth = custom.hoverBorderWidth ? custom.hoverBorderWidth : helpers.getValueAtIndexOrDefault(dataset.pointHoverBorderWidth, index, model.borderWidth); - }, - - removeHoverStyle: function(point) { - var dataset = this.chart.data.datasets[point._datasetIndex]; - var custom = point.custom || {}; - var index = point._index; - var model = point._model; - var pointElementOptions = this.chart.options.elements.point; - - model.radius = custom.radius ? custom.radius : helpers.getValueAtIndexOrDefault(dataset.radius, index, pointElementOptions.radius); - model.backgroundColor = custom.backgroundColor ? custom.backgroundColor : helpers.getValueAtIndexOrDefault(dataset.pointBackgroundColor, index, pointElementOptions.backgroundColor); - model.borderColor = custom.borderColor ? custom.borderColor : helpers.getValueAtIndexOrDefault(dataset.pointBorderColor, index, pointElementOptions.borderColor); - model.borderWidth = custom.borderWidth ? custom.borderWidth : helpers.getValueAtIndexOrDefault(dataset.pointBorderWidth, index, pointElementOptions.borderWidth); - } - }); -}; - -},{}],21:[function(require,module,exports){ -/*global window: false */ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.defaults.global.animation = { - duration: 1000, - easing: "easeOutQuart", - onProgress: helpers.noop, - onComplete: helpers.noop - }; - - Chart.Animation = Chart.Element.extend({ - currentStep: null, // the current animation step - numSteps: 60, // default number of steps - easing: "", // the easing to use for this animation - render: null, // render function used by the animation service - - onAnimationProgress: null, // user specified callback to fire on each step of the animation - onAnimationComplete: null // user specified callback to fire when the animation finishes - }); - - Chart.animationService = { - frameDuration: 17, - animations: [], - dropFrames: 0, - request: null, - addAnimation: function(chartInstance, animationObject, duration, lazy) { - var me = this; - - if (!lazy) { - chartInstance.animating = true; - } - - for (var index = 0; index < me.animations.length; ++index) { - if (me.animations[index].chartInstance === chartInstance) { - // replacing an in progress animation - me.animations[index].animationObject = animationObject; - return; - } - } - - me.animations.push({ - chartInstance: chartInstance, - animationObject: animationObject - }); - - // If there are no animations queued, manually kickstart a digest, for lack of a better word - if (me.animations.length === 1) { - me.requestAnimationFrame(); - } - }, - // Cancel the animation for a given chart instance - cancelAnimation: function(chartInstance) { - var index = helpers.findIndex(this.animations, function(animationWrapper) { - return animationWrapper.chartInstance === chartInstance; - }); - - if (index !== -1) { - this.animations.splice(index, 1); - chartInstance.animating = false; - } - }, - requestAnimationFrame: function() { - var me = this; - if (me.request === null) { - // Skip animation frame requests until the active one is executed. - // This can happen when processing mouse events, e.g. 'mousemove' - // and 'mouseout' events will trigger multiple renders. - me.request = helpers.requestAnimFrame.call(window, function() { - me.request = null; - me.startDigest(); - }); - } - }, - startDigest: function() { - var me = this; - - var startTime = Date.now(); - var framesToDrop = 0; - - if (me.dropFrames > 1) { - framesToDrop = Math.floor(me.dropFrames); - me.dropFrames = me.dropFrames % 1; - } - - var i = 0; - while (i < me.animations.length) { - if (me.animations[i].animationObject.currentStep === null) { - me.animations[i].animationObject.currentStep = 0; - } - - me.animations[i].animationObject.currentStep += 1 + framesToDrop; - - if (me.animations[i].animationObject.currentStep > me.animations[i].animationObject.numSteps) { - me.animations[i].animationObject.currentStep = me.animations[i].animationObject.numSteps; - } - - me.animations[i].animationObject.render(me.animations[i].chartInstance, me.animations[i].animationObject); - if (me.animations[i].animationObject.onAnimationProgress && me.animations[i].animationObject.onAnimationProgress.call) { - me.animations[i].animationObject.onAnimationProgress.call(me.animations[i].chartInstance, me.animations[i]); - } - - if (me.animations[i].animationObject.currentStep === me.animations[i].animationObject.numSteps) { - if (me.animations[i].animationObject.onAnimationComplete && me.animations[i].animationObject.onAnimationComplete.call) { - me.animations[i].animationObject.onAnimationComplete.call(me.animations[i].chartInstance, me.animations[i]); - } - - // executed the last frame. Remove the animation. - me.animations[i].chartInstance.animating = false; - - me.animations.splice(i, 1); - } else { - ++i; - } - } - - var endTime = Date.now(); - var dropFrames = (endTime - startTime) / me.frameDuration; - - me.dropFrames += dropFrames; - - // Do we have more stuff to animate? - if (me.animations.length > 0) { - me.requestAnimationFrame(); - } - } - }; -}; -},{}],22:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - // Global Chart canvas helpers object for drawing items to canvas - var helpers = Chart.canvasHelpers = {}; - - helpers.drawPoint = function(ctx, pointStyle, radius, x, y) { - var type, edgeLength, xOffset, yOffset, height, size; - - if (typeof pointStyle === 'object') { - type = pointStyle.toString(); - if (type === '[object HTMLImageElement]' || type === '[object HTMLCanvasElement]') { - ctx.drawImage(pointStyle, x - pointStyle.width / 2, y - pointStyle.height / 2); - return; - } - } - - if (isNaN(radius) || radius <= 0) { - return; - } - - switch (pointStyle) { - // Default includes circle - default: - ctx.beginPath(); - ctx.arc(x, y, radius, 0, Math.PI * 2); - ctx.closePath(); - ctx.fill(); - break; - case 'triangle': - ctx.beginPath(); - edgeLength = 3 * radius / Math.sqrt(3); - height = edgeLength * Math.sqrt(3) / 2; - ctx.moveTo(x - edgeLength / 2, y + height / 3); - ctx.lineTo(x + edgeLength / 2, y + height / 3); - ctx.lineTo(x, y - 2 * height / 3); - ctx.closePath(); - ctx.fill(); - break; - case 'rect': - size = 1 / Math.SQRT2 * radius; - ctx.beginPath(); - ctx.fillRect(x - size, y - size, 2 * size, 2 * size); - ctx.strokeRect(x - size, y - size, 2 * size, 2 * size); - break; - case 'rectRot': - size = 1 / Math.SQRT2 * radius; - ctx.beginPath(); - ctx.moveTo(x - size, y); - ctx.lineTo(x, y + size); - ctx.lineTo(x + size, y); - ctx.lineTo(x, y - size); - ctx.closePath(); - ctx.fill(); - break; - case 'cross': - ctx.beginPath(); - ctx.moveTo(x, y + radius); - ctx.lineTo(x, y - radius); - ctx.moveTo(x - radius, y); - ctx.lineTo(x + radius, y); - ctx.closePath(); - break; - case 'crossRot': - ctx.beginPath(); - xOffset = Math.cos(Math.PI / 4) * radius; - yOffset = Math.sin(Math.PI / 4) * radius; - ctx.moveTo(x - xOffset, y - yOffset); - ctx.lineTo(x + xOffset, y + yOffset); - ctx.moveTo(x - xOffset, y + yOffset); - ctx.lineTo(x + xOffset, y - yOffset); - ctx.closePath(); - break; - case 'star': - ctx.beginPath(); - ctx.moveTo(x, y + radius); - ctx.lineTo(x, y - radius); - ctx.moveTo(x - radius, y); - ctx.lineTo(x + radius, y); - xOffset = Math.cos(Math.PI / 4) * radius; - yOffset = Math.sin(Math.PI / 4) * radius; - ctx.moveTo(x - xOffset, y - yOffset); - ctx.lineTo(x + xOffset, y + yOffset); - ctx.moveTo(x - xOffset, y + yOffset); - ctx.lineTo(x + xOffset, y - yOffset); - ctx.closePath(); - break; - case 'line': - ctx.beginPath(); - ctx.moveTo(x - radius, y); - ctx.lineTo(x + radius, y); - ctx.closePath(); - break; - case 'dash': - ctx.beginPath(); - ctx.moveTo(x, y); - ctx.lineTo(x + radius, y); - ctx.closePath(); - break; - } - - ctx.stroke(); - }; -}; -},{}],23:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - //Create a dictionary of chart types, to allow for extension of existing types - Chart.types = {}; - - //Store a reference to each instance - allowing us to globally resize chart instances on window resize. - //Destroy method on the chart will remove the instance of the chart from this reference. - Chart.instances = {}; - - // Controllers available for dataset visualization eg. bar, line, slice, etc. - Chart.controllers = {}; - - /** - * @class Chart.Controller - * The main controller of a chart. - */ - Chart.Controller = function(instance) { - - this.chart = instance; - this.config = instance.config; - this.options = this.config.options = helpers.configMerge(Chart.defaults.global, Chart.defaults[this.config.type], this.config.options || {}); - this.id = helpers.uid(); - - Object.defineProperty(this, 'data', { - get: function() { - return this.config.data; - } - }); - - //Add the chart instance to the global namespace - Chart.instances[this.id] = this; - - if (this.options.responsive) { - // Silent resize before chart draws - this.resize(true); - } - - this.initialize(); - - return this; - }; - - helpers.extend(Chart.Controller.prototype, /** @lends Chart.Controller */ { - - initialize: function() { - var me = this; - // Before init plugin notification - Chart.plugins.notify('beforeInit', [me]); - - me.bindEvents(); - - // Make sure controllers are built first so that each dataset is bound to an axis before the scales - // are built - me.ensureScalesHaveIDs(); - me.buildOrUpdateControllers(); - me.buildScales(); - me.updateLayout(); - me.resetElements(); - me.initToolTip(); - me.update(); - - // After init plugin notification - Chart.plugins.notify('afterInit', [me]); - - return me; - }, - - clear: function() { - helpers.clear(this.chart); - return this; - }, - - stop: function() { - // Stops any current animation loop occuring - Chart.animationService.cancelAnimation(this); - return this; - }, - - resize: function resize(silent) { - var me = this; - var chart = me.chart; - var canvas = chart.canvas; - var newWidth = helpers.getMaximumWidth(canvas); - var aspectRatio = chart.aspectRatio; - var newHeight = (me.options.maintainAspectRatio && isNaN(aspectRatio) === false && isFinite(aspectRatio) && aspectRatio !== 0) ? newWidth / aspectRatio : helpers.getMaximumHeight(canvas); - - var sizeChanged = chart.width !== newWidth || chart.height !== newHeight; - - if (!sizeChanged) { - return me; - } - - canvas.width = chart.width = newWidth; - canvas.height = chart.height = newHeight; - - helpers.retinaScale(chart); - - // Notify any plugins about the resize - var newSize = { width: newWidth, height: newHeight }; - Chart.plugins.notify('resize', [me, newSize]); - - // Notify of resize - if (me.options.onResize) { - me.options.onResize(me, newSize); - } - - if (!silent) { - me.stop(); - me.update(me.options.responsiveAnimationDuration); - } - - return me; - }, - - ensureScalesHaveIDs: function() { - var options = this.options; - var scalesOptions = options.scales || {}; - var scaleOptions = options.scale; - - helpers.each(scalesOptions.xAxes, function(xAxisOptions, index) { - xAxisOptions.id = xAxisOptions.id || ('x-axis-' + index); - }); - - helpers.each(scalesOptions.yAxes, function(yAxisOptions, index) { - yAxisOptions.id = yAxisOptions.id || ('y-axis-' + index); - }); - - if (scaleOptions) { - scaleOptions.id = scaleOptions.id || 'scale'; - } - }, - - /** - * Builds a map of scale ID to scale object for future lookup. - */ - buildScales: function() { - var me = this; - var options = me.options; - var scales = me.scales = {}; - var items = []; - - if (options.scales) { - items = items.concat( - (options.scales.xAxes || []).map(function(xAxisOptions) { - return { options: xAxisOptions, dtype: 'category' }; }), - (options.scales.yAxes || []).map(function(yAxisOptions) { - return { options: yAxisOptions, dtype: 'linear' }; })); - } - - if (options.scale) { - items.push({ options: options.scale, dtype: 'radialLinear', isDefault: true }); - } - - helpers.each(items, function(item) { - var scaleOptions = item.options; - var scaleType = helpers.getValueOrDefault(scaleOptions.type, item.dtype); - var scaleClass = Chart.scaleService.getScaleConstructor(scaleType); - if (!scaleClass) { - return; - } - - var scale = new scaleClass({ - id: scaleOptions.id, - options: scaleOptions, - ctx: me.chart.ctx, - chart: me - }); - - scales[scale.id] = scale; - - // TODO(SB): I think we should be able to remove this custom case (options.scale) - // and consider it as a regular scale part of the "scales"" map only! This would - // make the logic easier and remove some useless? custom code. - if (item.isDefault) { - me.scale = scale; - } - }); - - Chart.scaleService.addScalesToLayout(this); - }, - - updateLayout: function() { - Chart.layoutService.update(this, this.chart.width, this.chart.height); - }, - - buildOrUpdateControllers: function() { - var me = this; - var types = []; - var newControllers = []; - - helpers.each(me.data.datasets, function(dataset, datasetIndex) { - var meta = me.getDatasetMeta(datasetIndex); - if (!meta.type) { - meta.type = dataset.type || me.config.type; - } - - types.push(meta.type); - - if (meta.controller) { - meta.controller.updateIndex(datasetIndex); - } else { - meta.controller = new Chart.controllers[meta.type](me, datasetIndex); - newControllers.push(meta.controller); - } - }, me); - - if (types.length > 1) { - for (var i = 1; i < types.length; i++) { - if (types[i] !== types[i - 1]) { - me.isCombo = true; - break; - } - } - } - - return newControllers; - }, - - resetElements: function() { - var me = this; - helpers.each(me.data.datasets, function(dataset, datasetIndex) { - me.getDatasetMeta(datasetIndex).controller.reset(); - }, me); - }, - - update: function update(animationDuration, lazy) { - var me = this; - Chart.plugins.notify('beforeUpdate', [me]); - - // In case the entire data object changed - me.tooltip._data = me.data; - - // Make sure dataset controllers are updated and new controllers are reset - var newControllers = me.buildOrUpdateControllers(); - - // Make sure all dataset controllers have correct meta data counts - helpers.each(me.data.datasets, function(dataset, datasetIndex) { - me.getDatasetMeta(datasetIndex).controller.buildOrUpdateElements(); - }, me); - - Chart.layoutService.update(me, me.chart.width, me.chart.height); - - // Apply changes to the dataets that require the scales to have been calculated i.e BorderColor chages - Chart.plugins.notify('afterScaleUpdate', [me]); - - // Can only reset the new controllers after the scales have been updated - helpers.each(newControllers, function(controller) { - controller.reset(); - }); - - me.updateDatasets(); - - // Do this before render so that any plugins that need final scale updates can use it - Chart.plugins.notify('afterUpdate', [me]); - - me.render(animationDuration, lazy); - }, - - /** - * @method beforeDatasetsUpdate - * @description Called before all datasets are updated. If a plugin returns false, - * the datasets update will be cancelled until another chart update is triggered. - * @param {Object} instance the chart instance being updated. - * @returns {Boolean} false to cancel the datasets update. - * @memberof Chart.PluginBase - * @since version 2.1.5 - * @instance - */ - - /** - * @method afterDatasetsUpdate - * @description Called after all datasets have been updated. Note that this - * extension will not be called if the datasets update has been cancelled. - * @param {Object} instance the chart instance being updated. - * @memberof Chart.PluginBase - * @since version 2.1.5 - * @instance - */ - - /** - * Updates all datasets unless a plugin returns false to the beforeDatasetsUpdate - * extension, in which case no datasets will be updated and the afterDatasetsUpdate - * notification will be skipped. - * @protected - * @instance - */ - updateDatasets: function() { - var me = this; - var i, ilen; - - if (Chart.plugins.notify('beforeDatasetsUpdate', [ me ])) { - for (i = 0, ilen = me.data.datasets.length; i < ilen; ++i) { - me.getDatasetMeta(i).controller.update(); - } - - Chart.plugins.notify('afterDatasetsUpdate', [ me ]); - } - }, - - render: function render(duration, lazy) { - var me = this; - Chart.plugins.notify('beforeRender', [me]); - - var animationOptions = me.options.animation; - if (animationOptions && ((typeof duration !== 'undefined' && duration !== 0) || (typeof duration === 'undefined' && animationOptions.duration !== 0))) { - var animation = new Chart.Animation(); - animation.numSteps = (duration || animationOptions.duration) / 16.66; //60 fps - animation.easing = animationOptions.easing; - - // render function - animation.render = function(chartInstance, animationObject) { - var easingFunction = helpers.easingEffects[animationObject.easing]; - var stepDecimal = animationObject.currentStep / animationObject.numSteps; - var easeDecimal = easingFunction(stepDecimal); - - chartInstance.draw(easeDecimal, stepDecimal, animationObject.currentStep); - }; - - // user events - animation.onAnimationProgress = animationOptions.onProgress; - animation.onAnimationComplete = animationOptions.onComplete; - - Chart.animationService.addAnimation(me, animation, duration, lazy); - } else { - me.draw(); - if (animationOptions && animationOptions.onComplete && animationOptions.onComplete.call) { - animationOptions.onComplete.call(me); - } - } - return me; - }, - - draw: function(ease) { - var me = this; - var easingDecimal = ease || 1; - me.clear(); - - Chart.plugins.notify('beforeDraw', [me, easingDecimal]); - - // Draw all the scales - helpers.each(me.boxes, function(box) { - box.draw(me.chartArea); - }, me); - if (me.scale) { - me.scale.draw(); - } - - Chart.plugins.notify('beforeDatasetsDraw', [me, easingDecimal]); - - // Draw each dataset via its respective controller (reversed to support proper line stacking) - helpers.each(me.data.datasets, function(dataset, datasetIndex) { - if (me.isDatasetVisible(datasetIndex)) { - me.getDatasetMeta(datasetIndex).controller.draw(ease); - } - }, me, true); - - Chart.plugins.notify('afterDatasetsDraw', [me, easingDecimal]); - - // Finally draw the tooltip - me.tooltip.transition(easingDecimal).draw(); - - Chart.plugins.notify('afterDraw', [me, easingDecimal]); - }, - - // Get the single element that was clicked on - // @return : An object containing the dataset index and element index of the matching element. Also contains the rectangle that was draw - getElementAtEvent: function(e) { - var me = this; - var eventPosition = helpers.getRelativePosition(e, me.chart); - var elementsArray = []; - - helpers.each(me.data.datasets, function(dataset, datasetIndex) { - if (me.isDatasetVisible(datasetIndex)) { - var meta = me.getDatasetMeta(datasetIndex); - helpers.each(meta.data, function(element) { - if (element.inRange(eventPosition.x, eventPosition.y)) { - elementsArray.push(element); - return elementsArray; - } - }); - } - }); - - return elementsArray.slice(0, 1); - }, - - getElementsAtEvent: function(e) { - var me = this; - var eventPosition = helpers.getRelativePosition(e, me.chart); - var elementsArray = []; - - var found = (function() { - if (me.data.datasets) { - for (var i = 0; i < me.data.datasets.length; i++) { - var meta = me.getDatasetMeta(i); - if (me.isDatasetVisible(i)) { - for (var j = 0; j < meta.data.length; j++) { - if (meta.data[j].inRange(eventPosition.x, eventPosition.y)) { - return meta.data[j]; - } - } - } - } - } - }).call(me); - - if (!found) { - return elementsArray; - } - - helpers.each(me.data.datasets, function(dataset, datasetIndex) { - if (me.isDatasetVisible(datasetIndex)) { - var meta = me.getDatasetMeta(datasetIndex), - element = meta.data[found._index]; - if(element && !element._view.skip){ - elementsArray.push(element); - } - } - }, me); - - return elementsArray; - }, - - getElementsAtXAxis: function(e) { - var me = this; - var eventPosition = helpers.getRelativePosition(e, me.chart); - var elementsArray = []; - - var found = (function() { - if (me.data.datasets) { - for (var i = 0; i < me.data.datasets.length; i++) { - var meta = me.getDatasetMeta(i); - if (me.isDatasetVisible(i)) { - for (var j = 0; j < meta.data.length; j++) { - if (meta.data[j].inLabelRange(eventPosition.x, eventPosition.y)) { - return meta.data[j]; - } - } - } - } - } - }).call(me); - - if (!found) { - return elementsArray; - } - - helpers.each(me.data.datasets, function(dataset, datasetIndex) { - if (me.isDatasetVisible(datasetIndex)) { - var meta = me.getDatasetMeta(datasetIndex); - var index = helpers.findIndex(meta.data, function (it) { - return found._model.x === it._model.x; - }); - if(index !== -1 && !meta.data[index]._view.skip) { - elementsArray.push(meta.data[index]); - } - } - }, me); - - return elementsArray; - }, - - getElementsAtEventForMode: function(e, mode) { - var me = this; - switch (mode) { - case 'single': - return me.getElementAtEvent(e); - case 'label': - return me.getElementsAtEvent(e); - case 'dataset': - return me.getDatasetAtEvent(e); - case 'x-axis': - return me.getElementsAtXAxis(e); - default: - return e; - } - }, - - getDatasetAtEvent: function(e) { - var elementsArray = this.getElementAtEvent(e); - - if (elementsArray.length > 0) { - elementsArray = this.getDatasetMeta(elementsArray[0]._datasetIndex).data; - } - - return elementsArray; - }, - - getDatasetMeta: function(datasetIndex) { - var me = this; - var dataset = me.data.datasets[datasetIndex]; - if (!dataset._meta) { - dataset._meta = {}; - } - - var meta = dataset._meta[me.id]; - if (!meta) { - meta = dataset._meta[me.id] = { - type: null, - data: [], - dataset: null, - controller: null, - hidden: null, // See isDatasetVisible() comment - xAxisID: null, - yAxisID: null - }; - } - - return meta; - }, - - getVisibleDatasetCount: function() { - var count = 0; - for (var i = 0, ilen = this.data.datasets.length; i numMetaData) { - // Add new elements - for (var index = numMetaData; index < numData; ++index) { - this.addElementAndReset(index); - } - } - }, - - update: noop, - - draw: function(ease) { - var easingDecimal = ease || 1; - helpers.each(this.getMeta().data, function(element) { - element.transition(easingDecimal).draw(); - }); - }, - - removeHoverStyle: function(element, elementOpts) { - var dataset = this.chart.data.datasets[element._datasetIndex], - index = element._index, - custom = element.custom || {}, - valueOrDefault = helpers.getValueAtIndexOrDefault, - model = element._model; - - model.backgroundColor = custom.backgroundColor ? custom.backgroundColor : valueOrDefault(dataset.backgroundColor, index, elementOpts.backgroundColor); - model.borderColor = custom.borderColor ? custom.borderColor : valueOrDefault(dataset.borderColor, index, elementOpts.borderColor); - model.borderWidth = custom.borderWidth ? custom.borderWidth : valueOrDefault(dataset.borderWidth, index, elementOpts.borderWidth); - }, - - setHoverStyle: function(element) { - var dataset = this.chart.data.datasets[element._datasetIndex], - index = element._index, - custom = element.custom || {}, - valueOrDefault = helpers.getValueAtIndexOrDefault, - getHoverColor = helpers.getHoverColor, - model = element._model; - - model.backgroundColor = custom.hoverBackgroundColor ? custom.hoverBackgroundColor : valueOrDefault(dataset.hoverBackgroundColor, index, getHoverColor(model.backgroundColor)); - model.borderColor = custom.hoverBorderColor ? custom.hoverBorderColor : valueOrDefault(dataset.hoverBorderColor, index, getHoverColor(model.borderColor)); - model.borderWidth = custom.hoverBorderWidth ? custom.hoverBorderWidth : valueOrDefault(dataset.hoverBorderWidth, index, model.borderWidth); - } - - }); - - - Chart.DatasetController.extend = helpers.inherits; -}; -},{}],25:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.elements = {}; - - Chart.Element = function(configuration) { - helpers.extend(this, configuration); - this.initialize.apply(this, arguments); - }; - - helpers.extend(Chart.Element.prototype, { - - initialize: function() { - this.hidden = false; - }, - - pivot: function() { - var me = this; - if (!me._view) { - me._view = helpers.clone(me._model); - } - me._start = helpers.clone(me._view); - return me; - }, - - transition: function(ease) { - var me = this; - - if (!me._view) { - me._view = helpers.clone(me._model); - } - - // No animation -> No Transition - if (ease === 1) { - me._view = me._model; - me._start = null; - return me; - } - - if (!me._start) { - me.pivot(); - } - - helpers.each(me._model, function(value, key) { - - if (key[0] === '_') { - // Only non-underscored properties - } - - // Init if doesn't exist - else if (!me._view.hasOwnProperty(key)) { - if (typeof value === 'number' && !isNaN(me._view[key])) { - me._view[key] = value * ease; - } else { - me._view[key] = value; - } - } - - // No unnecessary computations - else if (value === me._view[key]) { - // It's the same! Woohoo! - } - - // Color transitions if possible - else if (typeof value === 'string') { - try { - var color = helpers.color(me._model[key]).mix(helpers.color(me._start[key]), ease); - me._view[key] = color.rgbString(); - } catch (err) { - me._view[key] = value; - } - } - // Number transitions - else if (typeof value === 'number') { - var startVal = me._start[key] !== undefined && isNaN(me._start[key]) === false ? me._start[key] : 0; - me._view[key] = ((me._model[key] - startVal) * ease) + startVal; - } - // Everything else - else { - me._view[key] = value; - } - }, me); - - return me; - }, - - tooltipPosition: function() { - return { - x: this._model.x, - y: this._model.y - }; - }, - - hasValue: function() { - return helpers.isNumber(this._model.x) && helpers.isNumber(this._model.y); - } - }); - - Chart.Element.extend = helpers.inherits; - -}; - -},{}],26:[function(require,module,exports){ -/*global window: false */ -/*global document: false */ -"use strict"; - -var color = require(3); - -module.exports = function(Chart) { - //Global Chart helpers object for utility methods and classes - var helpers = Chart.helpers = {}; - - //-- Basic js utility methods - helpers.each = function(loopable, callback, self, reverse) { - // Check to see if null or undefined firstly. - var i, len; - if (helpers.isArray(loopable)) { - len = loopable.length; - if (reverse) { - for (i = len - 1; i >= 0; i--) { - callback.call(self, loopable[i], i); - } - } else { - for (i = 0; i < len; i++) { - callback.call(self, loopable[i], i); - } - } - } else if (typeof loopable === 'object') { - var keys = Object.keys(loopable); - len = keys.length; - for (i = 0; i < len; i++) { - callback.call(self, loopable[keys[i]], keys[i]); - } - } - }; - helpers.clone = function(obj) { - var objClone = {}; - helpers.each(obj, function(value, key) { - if (helpers.isArray(value)) { - objClone[key] = value.slice(0); - } else if (typeof value === 'object' && value !== null) { - objClone[key] = helpers.clone(value); - } else { - objClone[key] = value; - } - }); - return objClone; - }; - helpers.extend = function(base) { - var setFn = function(value, key) { base[key] = value; }; - for (var i = 1, ilen = arguments.length; i < ilen; i++) { - helpers.each(arguments[i], setFn); - } - return base; - }; - // Need a special merge function to chart configs since they are now grouped - helpers.configMerge = function(_base) { - var base = helpers.clone(_base); - helpers.each(Array.prototype.slice.call(arguments, 1), function(extension) { - helpers.each(extension, function(value, key) { - if (key === 'scales') { - // Scale config merging is complex. Add out own function here for that - base[key] = helpers.scaleMerge(base.hasOwnProperty(key) ? base[key] : {}, value); - - } else if (key === 'scale') { - // Used in polar area & radar charts since there is only one scale - base[key] = helpers.configMerge(base.hasOwnProperty(key) ? base[key] : {}, Chart.scaleService.getScaleDefaults(value.type), value); - } else if (base.hasOwnProperty(key) && helpers.isArray(base[key]) && helpers.isArray(value)) { - // In this case we have an array of objects replacing another array. Rather than doing a strict replace, - // merge. This allows easy scale option merging - var baseArray = base[key]; - - helpers.each(value, function(valueObj, index) { - - if (index < baseArray.length) { - if (typeof baseArray[index] === 'object' && baseArray[index] !== null && typeof valueObj === 'object' && valueObj !== null) { - // Two objects are coming together. Do a merge of them. - baseArray[index] = helpers.configMerge(baseArray[index], valueObj); - } else { - // Just overwrite in this case since there is nothing to merge - baseArray[index] = valueObj; - } - } else { - baseArray.push(valueObj); // nothing to merge - } - }); - - } else if (base.hasOwnProperty(key) && typeof base[key] === "object" && base[key] !== null && typeof value === "object") { - // If we are overwriting an object with an object, do a merge of the properties. - base[key] = helpers.configMerge(base[key], value); - - } else { - // can just overwrite the value in this case - base[key] = value; - } - }); - }); - - return base; - }; - helpers.scaleMerge = function(_base, extension) { - var base = helpers.clone(_base); - - helpers.each(extension, function(value, key) { - if (key === 'xAxes' || key === 'yAxes') { - // These properties are arrays of items - if (base.hasOwnProperty(key)) { - helpers.each(value, function(valueObj, index) { - var axisType = helpers.getValueOrDefault(valueObj.type, key === 'xAxes' ? 'category' : 'linear'); - var axisDefaults = Chart.scaleService.getScaleDefaults(axisType); - if (index >= base[key].length || !base[key][index].type) { - base[key].push(helpers.configMerge(axisDefaults, valueObj)); - } else if (valueObj.type && valueObj.type !== base[key][index].type) { - // Type changed. Bring in the new defaults before we bring in valueObj so that valueObj can override the correct scale defaults - base[key][index] = helpers.configMerge(base[key][index], axisDefaults, valueObj); - } else { - // Type is the same - base[key][index] = helpers.configMerge(base[key][index], valueObj); - } - }); - } else { - base[key] = []; - helpers.each(value, function(valueObj) { - var axisType = helpers.getValueOrDefault(valueObj.type, key === 'xAxes' ? 'category' : 'linear'); - base[key].push(helpers.configMerge(Chart.scaleService.getScaleDefaults(axisType), valueObj)); - }); - } - } else if (base.hasOwnProperty(key) && typeof base[key] === "object" && base[key] !== null && typeof value === "object") { - // If we are overwriting an object with an object, do a merge of the properties. - base[key] = helpers.configMerge(base[key], value); - - } else { - // can just overwrite the value in this case - base[key] = value; - } - }); - - return base; - }; - helpers.getValueAtIndexOrDefault = function(value, index, defaultValue) { - if (value === undefined || value === null) { - return defaultValue; - } - - if (helpers.isArray(value)) { - return index < value.length ? value[index] : defaultValue; - } - - return value; - }; - helpers.getValueOrDefault = function(value, defaultValue) { - return value === undefined ? defaultValue : value; - }; - helpers.indexOf = Array.prototype.indexOf? - function(array, item) { return array.indexOf(item); } : - function(array, item) { - for (var i = 0, ilen = array.length; i < ilen; ++i) { - if (array[i] === item) { - return i; - } - } - return -1; - }; - helpers.where = function(collection, filterCallback) { - if (helpers.isArray(collection) && Array.prototype.filter) { - return collection.filter(filterCallback); - } else { - var filtered = []; - - helpers.each(collection, function(item) { - if (filterCallback(item)) { - filtered.push(item); - } - }); - - return filtered; - } - }; - helpers.findIndex = Array.prototype.findIndex? - function(array, callback, scope) { return array.findIndex(callback, scope); } : - function(array, callback, scope) { - scope = scope === undefined? array : scope; - for (var i = 0, ilen = array.length; i < ilen; ++i) { - if (callback.call(scope, array[i], i, array)) { - return i; - } - } - return -1; - }; - helpers.findNextWhere = function(arrayToSearch, filterCallback, startIndex) { - // Default to start of the array - if (startIndex === undefined || startIndex === null) { - startIndex = -1; - } - for (var i = startIndex + 1; i < arrayToSearch.length; i++) { - var currentItem = arrayToSearch[i]; - if (filterCallback(currentItem)) { - return currentItem; - } - } - }; - helpers.findPreviousWhere = function(arrayToSearch, filterCallback, startIndex) { - // Default to end of the array - if (startIndex === undefined || startIndex === null) { - startIndex = arrayToSearch.length; - } - for (var i = startIndex - 1; i >= 0; i--) { - var currentItem = arrayToSearch[i]; - if (filterCallback(currentItem)) { - return currentItem; - } - } - }; - helpers.inherits = function(extensions) { - //Basic javascript inheritance based on the model created in Backbone.js - var parent = this; - var ChartElement = (extensions && extensions.hasOwnProperty("constructor")) ? extensions.constructor : function() { - return parent.apply(this, arguments); - }; - - var Surrogate = function() { - this.constructor = ChartElement; - }; - Surrogate.prototype = parent.prototype; - ChartElement.prototype = new Surrogate(); - - ChartElement.extend = helpers.inherits; - - if (extensions) { - helpers.extend(ChartElement.prototype, extensions); - } - - ChartElement.__super__ = parent.prototype; - - return ChartElement; - }; - helpers.noop = function() {}; - helpers.uid = (function() { - var id = 0; - return function() { - return id++; - }; - })(); - //-- Math methods - helpers.isNumber = function(n) { - return !isNaN(parseFloat(n)) && isFinite(n); - }; - helpers.almostEquals = function(x, y, epsilon) { - return Math.abs(x - y) < epsilon; - }; - helpers.max = function(array) { - return array.reduce(function(max, value) { - if (!isNaN(value)) { - return Math.max(max, value); - } else { - return max; - } - }, Number.NEGATIVE_INFINITY); - }; - helpers.min = function(array) { - return array.reduce(function(min, value) { - if (!isNaN(value)) { - return Math.min(min, value); - } else { - return min; - } - }, Number.POSITIVE_INFINITY); - }; - helpers.sign = Math.sign? - function(x) { return Math.sign(x); } : - function(x) { - x = +x; // convert to a number - if (x === 0 || isNaN(x)) { - return x; - } - return x > 0 ? 1 : -1; - }; - helpers.log10 = Math.log10? - function(x) { return Math.log10(x); } : - function(x) { - return Math.log(x) / Math.LN10; - }; - helpers.toRadians = function(degrees) { - return degrees * (Math.PI / 180); - }; - helpers.toDegrees = function(radians) { - return radians * (180 / Math.PI); - }; - // Gets the angle from vertical upright to the point about a centre. - helpers.getAngleFromPoint = function(centrePoint, anglePoint) { - var distanceFromXCenter = anglePoint.x - centrePoint.x, - distanceFromYCenter = anglePoint.y - centrePoint.y, - radialDistanceFromCenter = Math.sqrt(distanceFromXCenter * distanceFromXCenter + distanceFromYCenter * distanceFromYCenter); - - var angle = Math.atan2(distanceFromYCenter, distanceFromXCenter); - - if (angle < (-0.5 * Math.PI)) { - angle += 2.0 * Math.PI; // make sure the returned angle is in the range of (-PI/2, 3PI/2] - } - - return { - angle: angle, - distance: radialDistanceFromCenter - }; - }; - helpers.aliasPixel = function(pixelWidth) { - return (pixelWidth % 2 === 0) ? 0 : 0.5; - }; - helpers.splineCurve = function(firstPoint, middlePoint, afterPoint, t) { - //Props to Rob Spencer at scaled innovation for his post on splining between points - //http://scaledinnovation.com/analytics/splines/aboutSplines.html - - // This function must also respect "skipped" points - - var previous = firstPoint.skip ? middlePoint : firstPoint, - current = middlePoint, - next = afterPoint.skip ? middlePoint : afterPoint; - - var d01 = Math.sqrt(Math.pow(current.x - previous.x, 2) + Math.pow(current.y - previous.y, 2)); - var d12 = Math.sqrt(Math.pow(next.x - current.x, 2) + Math.pow(next.y - current.y, 2)); - - var s01 = d01 / (d01 + d12); - var s12 = d12 / (d01 + d12); - - // If all points are the same, s01 & s02 will be inf - s01 = isNaN(s01) ? 0 : s01; - s12 = isNaN(s12) ? 0 : s12; - - var fa = t * s01; // scaling factor for triangle Ta - var fb = t * s12; - - return { - previous: { - x: current.x - fa * (next.x - previous.x), - y: current.y - fa * (next.y - previous.y) - }, - next: { - x: current.x + fb * (next.x - previous.x), - y: current.y + fb * (next.y - previous.y) - } - }; - }; - helpers.EPSILON = Number.EPSILON || 1e-14; - helpers.splineCurveMonotone = function(points) { - // This function calculates Bézier control points in a similar way than |splineCurve|, - // but preserves monotonicity of the provided data and ensures no local extremums are added - // between the dataset discrete points due to the interpolation. - // See : https://en.wikipedia.org/wiki/Monotone_cubic_interpolation - - var pointsWithTangents = (points || []).map(function(point) { - return { - model: point._model, - deltaK: 0, - mK: 0 - }; - }); - - // Calculate slopes (deltaK) and initialize tangents (mK) - var pointsLen = pointsWithTangents.length; - var i, pointBefore, pointCurrent, pointAfter; - for (i = 0; i < pointsLen; ++i) { - pointCurrent = pointsWithTangents[i]; - if (pointCurrent.model.skip) continue; - pointBefore = i > 0 ? pointsWithTangents[i - 1] : null; - pointAfter = i < pointsLen - 1 ? pointsWithTangents[i + 1] : null; - if (pointAfter && !pointAfter.model.skip) { - pointCurrent.deltaK = (pointAfter.model.y - pointCurrent.model.y) / (pointAfter.model.x - pointCurrent.model.x); - } - if (!pointBefore || pointBefore.model.skip) pointCurrent.mK = pointCurrent.deltaK; - else if (!pointAfter || pointAfter.model.skip) pointCurrent.mK = pointBefore.deltaK; - else if (this.sign(pointBefore.deltaK) != this.sign(pointCurrent.deltaK)) pointCurrent.mK = 0; - else pointCurrent.mK = (pointBefore.deltaK + pointCurrent.deltaK) / 2; - } - - // Adjust tangents to ensure monotonic properties - var alphaK, betaK, tauK, squaredMagnitude; - for (i = 0; i < pointsLen - 1; ++i) { - pointCurrent = pointsWithTangents[i]; - pointAfter = pointsWithTangents[i + 1]; - if (pointCurrent.model.skip || pointAfter.model.skip) continue; - if (helpers.almostEquals(pointCurrent.deltaK, 0, this.EPSILON)) - { - pointCurrent.mK = pointAfter.mK = 0; - continue; - } - alphaK = pointCurrent.mK / pointCurrent.deltaK; - betaK = pointAfter.mK / pointCurrent.deltaK; - squaredMagnitude = Math.pow(alphaK, 2) + Math.pow(betaK, 2); - if (squaredMagnitude <= 9) continue; - tauK = 3 / Math.sqrt(squaredMagnitude); - pointCurrent.mK = alphaK * tauK * pointCurrent.deltaK; - pointAfter.mK = betaK * tauK * pointCurrent.deltaK; - } - - // Compute control points - var deltaX; - for (i = 0; i < pointsLen; ++i) { - pointCurrent = pointsWithTangents[i]; - if (pointCurrent.model.skip) continue; - pointBefore = i > 0 ? pointsWithTangents[i - 1] : null; - pointAfter = i < pointsLen - 1 ? pointsWithTangents[i + 1] : null; - if (pointBefore && !pointBefore.model.skip) { - deltaX = (pointCurrent.model.x - pointBefore.model.x) / 3; - pointCurrent.model.controlPointPreviousX = pointCurrent.model.x - deltaX; - pointCurrent.model.controlPointPreviousY = pointCurrent.model.y - deltaX * pointCurrent.mK; - } - if (pointAfter && !pointAfter.model.skip) { - deltaX = (pointAfter.model.x - pointCurrent.model.x) / 3; - pointCurrent.model.controlPointNextX = pointCurrent.model.x + deltaX; - pointCurrent.model.controlPointNextY = pointCurrent.model.y + deltaX * pointCurrent.mK; - } - } - }; - helpers.nextItem = function(collection, index, loop) { - if (loop) { - return index >= collection.length - 1 ? collection[0] : collection[index + 1]; - } - - return index >= collection.length - 1 ? collection[collection.length - 1] : collection[index + 1]; - }; - helpers.previousItem = function(collection, index, loop) { - if (loop) { - return index <= 0 ? collection[collection.length - 1] : collection[index - 1]; - } - return index <= 0 ? collection[0] : collection[index - 1]; - }; - // Implementation of the nice number algorithm used in determining where axis labels will go - helpers.niceNum = function(range, round) { - var exponent = Math.floor(helpers.log10(range)); - var fraction = range / Math.pow(10, exponent); - var niceFraction; - - if (round) { - if (fraction < 1.5) { - niceFraction = 1; - } else if (fraction < 3) { - niceFraction = 2; - } else if (fraction < 7) { - niceFraction = 5; - } else { - niceFraction = 10; - } - } else { - if (fraction <= 1.0) { - niceFraction = 1; - } else if (fraction <= 2) { - niceFraction = 2; - } else if (fraction <= 5) { - niceFraction = 5; - } else { - niceFraction = 10; - } - } - - return niceFraction * Math.pow(10, exponent); - }; - //Easing functions adapted from Robert Penner's easing equations - //http://www.robertpenner.com/easing/ - var easingEffects = helpers.easingEffects = { - linear: function(t) { - return t; - }, - easeInQuad: function(t) { - return t * t; - }, - easeOutQuad: function(t) { - return -1 * t * (t - 2); - }, - easeInOutQuad: function(t) { - if ((t /= 1 / 2) < 1) { - return 1 / 2 * t * t; - } - return -1 / 2 * ((--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) { - if ((t /= 1 / 2) < 1) { - return 1 / 2 * t * t * t; - } - return 1 / 2 * ((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) { - if ((t /= 1 / 2) < 1) { - return 1 / 2 * t * t * t * t; - } - return -1 / 2 * ((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) { - if ((t /= 1 / 2) < 1) { - return 1 / 2 * t * t * t * t * t; - } - return 1 / 2 * ((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 -1 / 2 * (Math.cos(Math.PI * t / 1) - 1); - }, - easeInExpo: function(t) { - return (t === 0) ? 1 : 1 * Math.pow(2, 10 * (t / 1 - 1)); - }, - easeOutExpo: function(t) { - return (t === 1) ? 1 : 1 * (-Math.pow(2, -10 * t / 1) + 1); - }, - easeInOutExpo: function(t) { - if (t === 0) { - return 0; - } - if (t === 1) { - return 1; - } - if ((t /= 1 / 2) < 1) { - return 1 / 2 * Math.pow(2, 10 * (t - 1)); - } - return 1 / 2 * (-Math.pow(2, -10 * --t) + 2); - }, - easeInCirc: function(t) { - if (t >= 1) { - return t; - } - return -1 * (Math.sqrt(1 - (t /= 1) * t) - 1); - }, - easeOutCirc: function(t) { - return 1 * Math.sqrt(1 - (t = t / 1 - 1) * t); - }, - easeInOutCirc: function(t) { - if ((t /= 1 / 2) < 1) { - return -1 / 2 * (Math.sqrt(1 - t * t) - 1); - } - return 1 / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1); - }, - easeInElastic: function(t) { - var s = 1.70158; - var p = 0; - var a = 1; - if (t === 0) { - return 0; - } - if ((t /= 1) === 1) { - return 1; - } - if (!p) { - p = 1 * 0.3; - } - if (a < Math.abs(1)) { - a = 1; - s = p / 4; - } else { - s = p / (2 * Math.PI) * Math.asin(1 / a); - } - return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * 1 - s) * (2 * Math.PI) / p)); - }, - easeOutElastic: function(t) { - var s = 1.70158; - var p = 0; - var a = 1; - if (t === 0) { - return 0; - } - if ((t /= 1) === 1) { - return 1; - } - if (!p) { - p = 1 * 0.3; - } - if (a < Math.abs(1)) { - a = 1; - s = p / 4; - } else { - s = p / (2 * Math.PI) * Math.asin(1 / a); - } - return a * Math.pow(2, -10 * t) * Math.sin((t * 1 - s) * (2 * Math.PI) / p) + 1; - }, - easeInOutElastic: function(t) { - var s = 1.70158; - var p = 0; - var a = 1; - if (t === 0) { - return 0; - } - if ((t /= 1 / 2) === 2) { - return 1; - } - if (!p) { - p = 1 * (0.3 * 1.5); - } - if (a < Math.abs(1)) { - a = 1; - s = p / 4; - } else { - s = p / (2 * Math.PI) * Math.asin(1 / a); - } - if (t < 1) { - return -0.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * 1 - s) * (2 * Math.PI) / p)); - } - return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * 1 - s) * (2 * Math.PI) / p) * 0.5 + 1; - }, - easeInBack: function(t) { - var s = 1.70158; - return 1 * (t /= 1) * t * ((s + 1) * t - s); - }, - easeOutBack: function(t) { - var s = 1.70158; - return 1 * ((t = t / 1 - 1) * t * ((s + 1) * t + s) + 1); - }, - easeInOutBack: function(t) { - var s = 1.70158; - if ((t /= 1 / 2) < 1) { - return 1 / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)); - } - return 1 / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2); - }, - easeInBounce: function(t) { - return 1 - easingEffects.easeOutBounce(1 - t); - }, - easeOutBounce: function(t) { - if ((t /= 1) < (1 / 2.75)) { - return 1 * (7.5625 * t * t); - } else if (t < (2 / 2.75)) { - return 1 * (7.5625 * (t -= (1.5 / 2.75)) * t + 0.75); - } else if (t < (2.5 / 2.75)) { - return 1 * (7.5625 * (t -= (2.25 / 2.75)) * t + 0.9375); - } else { - return 1 * (7.5625 * (t -= (2.625 / 2.75)) * t + 0.984375); - } - }, - easeInOutBounce: function(t) { - if (t < 1 / 2) { - return easingEffects.easeInBounce(t * 2) * 0.5; - } - return easingEffects.easeOutBounce(t * 2 - 1) * 0.5 + 1 * 0.5; - } - }; - //Request animation polyfill - http://www.paulirish.com/2011/requestanimationframe-for-smart-animating/ - helpers.requestAnimFrame = (function() { - return window.requestAnimationFrame || - window.webkitRequestAnimationFrame || - window.mozRequestAnimationFrame || - window.oRequestAnimationFrame || - window.msRequestAnimationFrame || - function(callback) { - return window.setTimeout(callback, 1000 / 60); - }; - })(); - helpers.cancelAnimFrame = (function() { - return window.cancelAnimationFrame || - window.webkitCancelAnimationFrame || - window.mozCancelAnimationFrame || - window.oCancelAnimationFrame || - window.msCancelAnimationFrame || - function(callback) { - return window.clearTimeout(callback, 1000 / 60); - }; - })(); - //-- DOM methods - helpers.getRelativePosition = function(evt, chart) { - var mouseX, mouseY; - var e = evt.originalEvent || evt, - canvas = evt.currentTarget || evt.srcElement, - boundingRect = canvas.getBoundingClientRect(); - - var touches = e.touches; - if (touches && touches.length > 0) { - mouseX = touches[0].clientX; - mouseY = touches[0].clientY; - - } else { - mouseX = e.clientX; - mouseY = e.clientY; - } - - // Scale mouse coordinates into canvas coordinates - // by following the pattern laid out by 'jerryj' in the comments of - // http://www.html5canvastutorials.com/advanced/html5-canvas-mouse-coordinates/ - var paddingLeft = parseFloat(helpers.getStyle(canvas, 'padding-left')); - var paddingTop = parseFloat(helpers.getStyle(canvas, 'padding-top')); - var paddingRight = parseFloat(helpers.getStyle(canvas, 'padding-right')); - var paddingBottom = parseFloat(helpers.getStyle(canvas, 'padding-bottom')); - var width = boundingRect.right - boundingRect.left - paddingLeft - paddingRight; - var height = boundingRect.bottom - boundingRect.top - paddingTop - paddingBottom; - - // We divide by the current device pixel ratio, because the canvas is scaled up by that amount in each direction. However - // the backend model is in unscaled coordinates. Since we are going to deal with our model coordinates, we go back here - mouseX = Math.round((mouseX - boundingRect.left - paddingLeft) / (width) * canvas.width / chart.currentDevicePixelRatio); - mouseY = Math.round((mouseY - boundingRect.top - paddingTop) / (height) * canvas.height / chart.currentDevicePixelRatio); - - return { - x: mouseX, - y: mouseY - }; - - }; - helpers.addEvent = function(node, eventType, method) { - if (node.addEventListener) { - node.addEventListener(eventType, method); - } else if (node.attachEvent) { - node.attachEvent("on" + eventType, method); - } else { - node["on" + eventType] = method; - } - }; - helpers.removeEvent = function(node, eventType, handler) { - if (node.removeEventListener) { - node.removeEventListener(eventType, handler, false); - } else if (node.detachEvent) { - node.detachEvent("on" + eventType, handler); - } else { - node["on" + eventType] = helpers.noop; - } - }; - helpers.bindEvents = function(chartInstance, arrayOfEvents, handler) { - // Create the events object if it's not already present - var events = chartInstance.events = chartInstance.events || {}; - - helpers.each(arrayOfEvents, function(eventName) { - events[eventName] = function() { - handler.apply(chartInstance, arguments); - }; - helpers.addEvent(chartInstance.chart.canvas, eventName, events[eventName]); - }); - }; - helpers.unbindEvents = function(chartInstance, arrayOfEvents) { - var canvas = chartInstance.chart.canvas; - helpers.each(arrayOfEvents, function(handler, eventName) { - helpers.removeEvent(canvas, eventName, handler); - }); - }; - - // Private helper function to convert max-width/max-height values that may be percentages into a number - function parseMaxStyle(styleValue, node, parentProperty) { - var valueInPixels; - if (typeof(styleValue) === 'string') { - valueInPixels = parseInt(styleValue, 10); - - if (styleValue.indexOf('%') != -1) { - // percentage * size in dimension - valueInPixels = valueInPixels / 100 * node.parentNode[parentProperty]; - } - } else { - valueInPixels = styleValue; - } - - return valueInPixels; - } - - /** - * Returns if the given value contains an effective constraint. - * @private - */ - function isConstrainedValue(value) { - return value !== undefined && value !== null && value !== 'none'; - } - - // Private helper to get a constraint dimension - // @param domNode : the node to check the constraint on - // @param maxStyle : the style that defines the maximum for the direction we are using (maxWidth / maxHeight) - // @param percentageProperty : property of parent to use when calculating width as a percentage - // @see http://www.nathanaeljones.com/blog/2013/reading-max-width-cross-browser - function getConstraintDimension(domNode, maxStyle, percentageProperty) { - var view = document.defaultView; - var parentNode = domNode.parentNode; - var constrainedNode = view.getComputedStyle(domNode)[maxStyle]; - var constrainedContainer = view.getComputedStyle(parentNode)[maxStyle]; - var hasCNode = isConstrainedValue(constrainedNode); - var hasCContainer = isConstrainedValue(constrainedContainer); - var infinity = Number.POSITIVE_INFINITY; - - if (hasCNode || hasCContainer) { - return Math.min( - hasCNode? parseMaxStyle(constrainedNode, domNode, percentageProperty) : infinity, - hasCContainer? parseMaxStyle(constrainedContainer, parentNode, percentageProperty) : infinity); - } - - return 'none'; - } - // returns Number or undefined if no constraint - helpers.getConstraintWidth = function(domNode) { - return getConstraintDimension(domNode, 'max-width', 'clientWidth'); - }; - // returns Number or undefined if no constraint - helpers.getConstraintHeight = function(domNode) { - return getConstraintDimension(domNode, 'max-height', 'clientHeight'); - }; - helpers.getMaximumWidth = function(domNode) { - var container = domNode.parentNode; - var padding = parseInt(helpers.getStyle(container, 'padding-left')) + parseInt(helpers.getStyle(container, 'padding-right')); - var w = container.clientWidth - padding; - var cw = helpers.getConstraintWidth(domNode); - return isNaN(cw)? w : Math.min(w, cw); - }; - helpers.getMaximumHeight = function(domNode) { - var container = domNode.parentNode; - var padding = parseInt(helpers.getStyle(container, 'padding-top')) + parseInt(helpers.getStyle(container, 'padding-bottom')); - var h = container.clientHeight - padding; - var ch = helpers.getConstraintHeight(domNode); - return isNaN(ch)? h : Math.min(h, ch); - }; - helpers.getStyle = function(el, property) { - return el.currentStyle ? - el.currentStyle[property] : - document.defaultView.getComputedStyle(el, null).getPropertyValue(property); - }; - helpers.retinaScale = function(chart) { - var ctx = chart.ctx; - var canvas = chart.canvas; - var width = canvas.width; - var height = canvas.height; - var pixelRatio = chart.currentDevicePixelRatio = window.devicePixelRatio || 1; - - if (pixelRatio !== 1) { - canvas.height = height * pixelRatio; - canvas.width = width * pixelRatio; - ctx.scale(pixelRatio, pixelRatio); - - // Store the device pixel ratio so that we can go backwards in `destroy`. - // The devicePixelRatio changes with zoom, so there are no guarantees that it is the same - // when destroy is called - chart.originalDevicePixelRatio = chart.originalDevicePixelRatio || pixelRatio; - } - - canvas.style.width = width + 'px'; - canvas.style.height = height + 'px'; - }; - //-- Canvas methods - helpers.clear = function(chart) { - chart.ctx.clearRect(0, 0, chart.width, chart.height); - }; - helpers.fontString = function(pixelSize, fontStyle, fontFamily) { - return fontStyle + " " + pixelSize + "px " + fontFamily; - }; - helpers.longestText = function(ctx, font, arrayOfThings, cache) { - cache = cache || {}; - var data = cache.data = cache.data || {}; - var gc = cache.garbageCollect = cache.garbageCollect || []; - - if (cache.font !== font) { - data = cache.data = {}; - gc = cache.garbageCollect = []; - cache.font = font; - } - - ctx.font = font; - var longest = 0; - helpers.each(arrayOfThings, function(thing) { - // Undefined strings and arrays should not be measured - if (thing !== undefined && thing !== null && helpers.isArray(thing) !== true) { - longest = helpers.measureText(ctx, data, gc, longest, thing); - } else if (helpers.isArray(thing)) { - // if it is an array lets measure each element - // to do maybe simplify this function a bit so we can do this more recursively? - helpers.each(thing, function(nestedThing) { - // Undefined strings and arrays should not be measured - if (nestedThing !== undefined && nestedThing !== null && !helpers.isArray(nestedThing)) { - longest = helpers.measureText(ctx, data, gc, longest, nestedThing); - } - }); - } - }); - - var gcLen = gc.length / 2; - if (gcLen > arrayOfThings.length) { - for (var i = 0; i < gcLen; i++) { - delete data[gc[i]]; - } - gc.splice(0, gcLen); - } - return longest; - }; - helpers.measureText = function (ctx, data, gc, longest, string) { - var textWidth = data[string]; - if (!textWidth) { - textWidth = data[string] = ctx.measureText(string).width; - gc.push(string); - } - if (textWidth > longest) { - longest = textWidth; - } - return longest; - }; - helpers.numberOfLabelLines = function(arrayOfThings) { - var numberOfLines = 1; - helpers.each(arrayOfThings, function(thing) { - if (helpers.isArray(thing)) { - if (thing.length > numberOfLines) { - numberOfLines = thing.length; - } - } - }); - return numberOfLines; - }; - helpers.drawRoundedRectangle = function(ctx, x, y, width, height, radius) { - ctx.beginPath(); - ctx.moveTo(x + radius, y); - ctx.lineTo(x + width - radius, y); - ctx.quadraticCurveTo(x + width, y, x + width, y + radius); - ctx.lineTo(x + width, y + height - radius); - ctx.quadraticCurveTo(x + width, y + height, x + width - radius, y + height); - ctx.lineTo(x + radius, y + height); - ctx.quadraticCurveTo(x, y + height, x, y + height - radius); - ctx.lineTo(x, y + radius); - ctx.quadraticCurveTo(x, y, x + radius, y); - ctx.closePath(); - }; - helpers.color = function(c) { - if (!color) { - console.log('Color.js not found!'); - return c; - } - - /* global CanvasGradient */ - if (c instanceof CanvasGradient) { - return color(Chart.defaults.global.defaultColor); - } - - return color(c); - }; - helpers.addResizeListener = function(node, callback) { - // Hide an iframe before the node - var hiddenIframe = document.createElement('iframe'); - var hiddenIframeClass = 'chartjs-hidden-iframe'; - - if (hiddenIframe.classlist) { - // can use classlist - hiddenIframe.classlist.add(hiddenIframeClass); - } else { - hiddenIframe.setAttribute('class', hiddenIframeClass); - } - - // Set the style - hiddenIframe.tabIndex = -1; - var style = hiddenIframe.style; - style.width = '100%'; - style.display = 'block'; - style.border = 0; - style.height = 0; - style.margin = 0; - style.position = 'absolute'; - style.left = 0; - style.right = 0; - style.top = 0; - style.bottom = 0; - - // Insert the iframe so that contentWindow is available - node.insertBefore(hiddenIframe, node.firstChild); - - (hiddenIframe.contentWindow || hiddenIframe).onresize = function() { - if (callback) { - callback(); - } - }; - }; - helpers.removeResizeListener = function(node) { - var hiddenIframe = node.querySelector('.chartjs-hidden-iframe'); - - // Remove the resize detect iframe - if (hiddenIframe) { - hiddenIframe.parentNode.removeChild(hiddenIframe); - } - }; - helpers.isArray = Array.isArray? - function(obj) { return Array.isArray(obj); } : - function(obj) { - return Object.prototype.toString.call(obj) === '[object Array]'; - }; - //! @see http://stackoverflow.com/a/14853974 - helpers.arrayEquals = function(a0, a1) { - var i, ilen, v0, v1; - - if (!a0 || !a1 || a0.length != a1.length) { - return false; - } - - for (i = 0, ilen=a0.length; i < ilen; ++i) { - v0 = a0[i]; - v1 = a1[i]; - - if (v0 instanceof Array && v1 instanceof Array) { - if (!helpers.arrayEquals(v0, v1)) { - return false; - } - } else if (v0 != v1) { - // NOTE: two different object instances will never be equal: {x:20} != {x:20} - return false; - } - } - - return true; - }; - helpers.callCallback = function(fn, args, _tArg) { - if (fn && typeof fn.call === 'function') { - fn.apply(_tArg, args); - } - }; - helpers.getHoverColor = function(color) { - /* global CanvasPattern */ - return (color instanceof CanvasPattern) ? - color : - helpers.color(color).saturate(0.5).darken(0.1).rgbString(); - }; -}; - -},{"3":3}],27:[function(require,module,exports){ -"use strict"; - -module.exports = function() { - - //Occupy the global variable of Chart, and create a simple base class - var Chart = function(context, config) { - var me = this; - var helpers = Chart.helpers; - me.config = config || { - data: { - datasets: [] - } - }; - - // Support a jQuery'd canvas element - if (context.length && context[0].getContext) { - context = context[0]; - } - - // Support a canvas domnode - if (context.getContext) { - context = context.getContext("2d"); - } - - me.ctx = context; - me.canvas = context.canvas; - - context.canvas.style.display = context.canvas.style.display || 'block'; - - // Figure out what the size of the chart will be. - // If the canvas has a specified width and height, we use those else - // we look to see if the canvas node has a CSS width and height. - // If there is still no height, fill the parent container - me.width = context.canvas.width || parseInt(helpers.getStyle(context.canvas, 'width'), 10) || helpers.getMaximumWidth(context.canvas); - me.height = context.canvas.height || parseInt(helpers.getStyle(context.canvas, 'height'), 10) || helpers.getMaximumHeight(context.canvas); - - me.aspectRatio = me.width / me.height; - - if (isNaN(me.aspectRatio) || isFinite(me.aspectRatio) === false) { - // If the canvas has no size, try and figure out what the aspect ratio will be. - // Some charts prefer square canvases (pie, radar, etc). If that is specified, use that - // else use the canvas default ratio of 2 - me.aspectRatio = config.aspectRatio !== undefined ? config.aspectRatio : 2; - } - - // Store the original style of the element so we can set it back - me.originalCanvasStyleWidth = context.canvas.style.width; - me.originalCanvasStyleHeight = context.canvas.style.height; - - // High pixel density displays - multiply the size of the canvas height/width by the device pixel ratio, then scale. - helpers.retinaScale(me); - me.controller = new Chart.Controller(me); - - // Always bind this so that if the responsive state changes we still work - helpers.addResizeListener(context.canvas.parentNode, function() { - if (me.controller && me.controller.config.options.responsive) { - me.controller.resize(); - } - }); - - return me.controller ? me.controller : me; - - }; - - //Globally expose the defaults to allow for user updating/changing - Chart.defaults = { - global: { - responsive: true, - responsiveAnimationDuration: 0, - maintainAspectRatio: true, - events: ["mousemove", "mouseout", "click", "touchstart", "touchmove"], - hover: { - onHover: null, - mode: 'single', - animationDuration: 400 - }, - onClick: null, - defaultColor: 'rgba(0,0,0,0.1)', - defaultFontColor: '#666', - defaultFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif", - defaultFontSize: 12, - defaultFontStyle: 'normal', - showLines: true, - - // Element defaults defined in element extensions - elements: {}, - - // Legend callback string - legendCallback: function(chart) { - var text = []; - text.push('

'); - if (chart.data.datasets[i].label) { - text.push(chart.data.datasets[i].label); - } - text.push('

'); - - return text.join(""); - } - } - }; - - Chart.Chart = Chart; - - return Chart; - -}; - -},{}],28:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - // The layout service is very self explanatory. It's responsible for the layout within a chart. - // Scales, Legends and Plugins all rely on the layout service and can easily register to be placed anywhere they need - // It is this service's responsibility of carrying out that layout. - Chart.layoutService = { - defaults: {}, - - // Register a box to a chartInstance. A box is simply a reference to an object that requires layout. eg. Scales, Legend, Plugins. - addBox: function(chartInstance, box) { - if (!chartInstance.boxes) { - chartInstance.boxes = []; - } - chartInstance.boxes.push(box); - }, - - removeBox: function(chartInstance, box) { - if (!chartInstance.boxes) { - return; - } - chartInstance.boxes.splice(chartInstance.boxes.indexOf(box), 1); - }, - - // The most important function - update: function(chartInstance, width, height) { - - if (!chartInstance) { - return; - } - - var xPadding = 0; - var yPadding = 0; - - var leftBoxes = helpers.where(chartInstance.boxes, function(box) { - return box.options.position === "left"; - }); - var rightBoxes = helpers.where(chartInstance.boxes, function(box) { - return box.options.position === "right"; - }); - var topBoxes = helpers.where(chartInstance.boxes, function(box) { - return box.options.position === "top"; - }); - var bottomBoxes = helpers.where(chartInstance.boxes, function(box) { - return box.options.position === "bottom"; - }); - - // Boxes that overlay the chartarea such as the radialLinear scale - var chartAreaBoxes = helpers.where(chartInstance.boxes, function(box) { - return box.options.position === "chartArea"; - }); - - // Ensure that full width boxes are at the very top / bottom - topBoxes.sort(function(a, b) { - return (b.options.fullWidth ? 1 : 0) - (a.options.fullWidth ? 1 : 0); - }); - bottomBoxes.sort(function(a, b) { - return (a.options.fullWidth ? 1 : 0) - (b.options.fullWidth ? 1 : 0); - }); - - // Essentially we now have any number of boxes on each of the 4 sides. - // Our canvas looks like the following. - // The areas L1 and L2 are the left axes. R1 is the right axis, T1 is the top axis and - // B1 is the bottom axis - // There are also 4 quadrant-like locations (left to right instead of clockwise) reserved for chart overlays - // These locations are single-box locations only, when trying to register a chartArea location that is already taken, - // an error will be thrown. - // - // |----------------------------------------------------| - // | T1 (Full Width) | - // |----------------------------------------------------| - // | | | T2 | | - // | |----|-------------------------------------|----| - // | | | C1 | | C2 | | - // | | |----| |----| | - // | | | | | - // | L1 | L2 | ChartArea (C0) | R1 | - // | | | | | - // | | |----| |----| | - // | | | C3 | | C4 | | - // | |----|-------------------------------------|----| - // | | | B1 | | - // |----------------------------------------------------| - // | B2 (Full Width) | - // |----------------------------------------------------| - // - // What we do to find the best sizing, we do the following - // 1. Determine the minimum size of the chart area. - // 2. Split the remaining width equally between each vertical axis - // 3. Split the remaining height equally between each horizontal axis - // 4. Give each layout the maximum size it can be. The layout will return it's minimum size - // 5. Adjust the sizes of each axis based on it's minimum reported size. - // 6. Refit each axis - // 7. Position each axis in the final location - // 8. Tell the chart the final location of the chart area - // 9. Tell any axes that overlay the chart area the positions of the chart area - - // Step 1 - var chartWidth = width - (2 * xPadding); - var chartHeight = height - (2 * yPadding); - var chartAreaWidth = chartWidth / 2; // min 50% - var chartAreaHeight = chartHeight / 2; // min 50% - - // Step 2 - var verticalBoxWidth = (width - chartAreaWidth) / (leftBoxes.length + rightBoxes.length); - - // Step 3 - var horizontalBoxHeight = (height - chartAreaHeight) / (topBoxes.length + bottomBoxes.length); - - // Step 4 - var maxChartAreaWidth = chartWidth; - var maxChartAreaHeight = chartHeight; - var minBoxSizes = []; - - helpers.each(leftBoxes.concat(rightBoxes, topBoxes, bottomBoxes), getMinimumBoxSize); - - function getMinimumBoxSize(box) { - var minSize; - var isHorizontal = box.isHorizontal(); - - if (isHorizontal) { - minSize = box.update(box.options.fullWidth ? chartWidth : maxChartAreaWidth, horizontalBoxHeight); - maxChartAreaHeight -= minSize.height; - } else { - minSize = box.update(verticalBoxWidth, chartAreaHeight); - maxChartAreaWidth -= minSize.width; - } - - minBoxSizes.push({ - horizontal: isHorizontal, - minSize: minSize, - box: box - }); - } - - // At this point, maxChartAreaHeight and maxChartAreaWidth are the size the chart area could - // be if the axes are drawn at their minimum sizes. - - // Steps 5 & 6 - var totalLeftBoxesWidth = xPadding; - var totalRightBoxesWidth = xPadding; - var totalTopBoxesHeight = yPadding; - var totalBottomBoxesHeight = yPadding; - - // Update, and calculate the left and right margins for the horizontal boxes - helpers.each(leftBoxes.concat(rightBoxes), fitBox); - - helpers.each(leftBoxes, function(box) { - totalLeftBoxesWidth += box.width; - }); - - helpers.each(rightBoxes, function(box) { - totalRightBoxesWidth += box.width; - }); - - // Set the Left and Right margins for the horizontal boxes - helpers.each(topBoxes.concat(bottomBoxes), fitBox); - - // Function to fit a box - function fitBox(box) { - var minBoxSize = helpers.findNextWhere(minBoxSizes, function(minBoxSize) { - return minBoxSize.box === box; - }); - - if (minBoxSize) { - if (box.isHorizontal()) { - var scaleMargin = { - left: totalLeftBoxesWidth, - right: totalRightBoxesWidth, - top: 0, - bottom: 0 - }; - - // Don't use min size here because of label rotation. When the labels are rotated, their rotation highly depends - // on the margin. Sometimes they need to increase in size slightly - box.update(box.options.fullWidth ? chartWidth : maxChartAreaWidth, chartHeight / 2, scaleMargin); - } else { - box.update(minBoxSize.minSize.width, maxChartAreaHeight); - } - } - } - - // Figure out how much margin is on the top and bottom of the vertical boxes - helpers.each(topBoxes, function(box) { - totalTopBoxesHeight += box.height; - }); - - helpers.each(bottomBoxes, function(box) { - totalBottomBoxesHeight += box.height; - }); - - // Let the left layout know the final margin - helpers.each(leftBoxes.concat(rightBoxes), finalFitVerticalBox); - - function finalFitVerticalBox(box) { - var minBoxSize = helpers.findNextWhere(minBoxSizes, function(minBoxSize) { - return minBoxSize.box === box; - }); - - var scaleMargin = { - left: 0, - right: 0, - top: totalTopBoxesHeight, - bottom: totalBottomBoxesHeight - }; - - if (minBoxSize) { - box.update(minBoxSize.minSize.width, maxChartAreaHeight, scaleMargin); - } - } - - // Recalculate because the size of each layout might have changed slightly due to the margins (label rotation for instance) - totalLeftBoxesWidth = xPadding; - totalRightBoxesWidth = xPadding; - totalTopBoxesHeight = yPadding; - totalBottomBoxesHeight = yPadding; - - helpers.each(leftBoxes, function(box) { - totalLeftBoxesWidth += box.width; - }); - - helpers.each(rightBoxes, function(box) { - totalRightBoxesWidth += box.width; - }); - - helpers.each(topBoxes, function(box) { - totalTopBoxesHeight += box.height; - }); - helpers.each(bottomBoxes, function(box) { - totalBottomBoxesHeight += box.height; - }); - - // Figure out if our chart area changed. This would occur if the dataset layout label rotation - // changed due to the application of the margins in step 6. Since we can only get bigger, this is safe to do - // without calling `fit` again - var newMaxChartAreaHeight = height - totalTopBoxesHeight - totalBottomBoxesHeight; - var newMaxChartAreaWidth = width - totalLeftBoxesWidth - totalRightBoxesWidth; - - if (newMaxChartAreaWidth !== maxChartAreaWidth || newMaxChartAreaHeight !== maxChartAreaHeight) { - helpers.each(leftBoxes, function(box) { - box.height = newMaxChartAreaHeight; - }); - - helpers.each(rightBoxes, function(box) { - box.height = newMaxChartAreaHeight; - }); - - helpers.each(topBoxes, function(box) { - if (!box.options.fullWidth) { - box.width = newMaxChartAreaWidth; - } - }); - - helpers.each(bottomBoxes, function(box) { - if (!box.options.fullWidth) { - box.width = newMaxChartAreaWidth; - } - }); - - maxChartAreaHeight = newMaxChartAreaHeight; - maxChartAreaWidth = newMaxChartAreaWidth; - } - - // Step 7 - Position the boxes - var left = xPadding; - var top = yPadding; - - helpers.each(leftBoxes.concat(topBoxes), placeBox); - - // Account for chart width and height - left += maxChartAreaWidth; - top += maxChartAreaHeight; - - helpers.each(rightBoxes, placeBox); - helpers.each(bottomBoxes, placeBox); - - function placeBox(box) { - if (box.isHorizontal()) { - box.left = box.options.fullWidth ? xPadding : totalLeftBoxesWidth; - box.right = box.options.fullWidth ? width - xPadding : totalLeftBoxesWidth + maxChartAreaWidth; - box.top = top; - box.bottom = top + box.height; - - // Move to next point - top = box.bottom; - - } else { - - box.left = left; - box.right = left + box.width; - box.top = totalTopBoxesHeight; - box.bottom = totalTopBoxesHeight + maxChartAreaHeight; - - // Move to next point - left = box.right; - } - } - - // Step 8 - chartInstance.chartArea = { - left: totalLeftBoxesWidth, - top: totalTopBoxesHeight, - right: totalLeftBoxesWidth + maxChartAreaWidth, - bottom: totalTopBoxesHeight + maxChartAreaHeight - }; - - // Step 9 - helpers.each(chartAreaBoxes, function(box) { - box.left = chartInstance.chartArea.left; - box.top = chartInstance.chartArea.top; - box.right = chartInstance.chartArea.right; - box.bottom = chartInstance.chartArea.bottom; - - box.update(maxChartAreaWidth, maxChartAreaHeight); - }); - } - }; -}; - -},{}],29:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - var noop = helpers.noop; - - Chart.defaults.global.legend = { - - display: true, - position: 'top', - fullWidth: true, // marks that this box should take the full width of the canvas (pushing down other boxes) - reverse: false, - - // a callback that will handle - onClick: function(e, legendItem) { - var index = legendItem.datasetIndex; - var ci = this.chart; - var meta = ci.getDatasetMeta(index); - - // See controller.isDatasetVisible comment - meta.hidden = meta.hidden === null? !ci.data.datasets[index].hidden : null; - - // We hid a dataset ... rerender the chart - ci.update(); - }, - - labels: { - boxWidth: 40, - padding: 10, - // Generates labels shown in the legend - // Valid properties to return: - // text : text to display - // fillStyle : fill of coloured box - // strokeStyle: stroke of coloured box - // hidden : if this legend item refers to a hidden item - // lineCap : cap style for line - // lineDash - // lineDashOffset : - // lineJoin : - // lineWidth : - generateLabels: function(chart) { - var data = chart.data; - return helpers.isArray(data.datasets) ? data.datasets.map(function(dataset, i) { - return { - text: dataset.label, - fillStyle: (!helpers.isArray(dataset.backgroundColor) ? dataset.backgroundColor : dataset.backgroundColor[0]), - hidden: !chart.isDatasetVisible(i), - lineCap: dataset.borderCapStyle, - lineDash: dataset.borderDash, - lineDashOffset: dataset.borderDashOffset, - lineJoin: dataset.borderJoinStyle, - lineWidth: dataset.borderWidth, - strokeStyle: dataset.borderColor, - pointStyle: dataset.pointStyle, - - // Below is extra data used for toggling the datasets - datasetIndex: i - }; - }, this) : []; - } - } - }; - - Chart.Legend = Chart.Element.extend({ - - initialize: function(config) { - helpers.extend(this, config); - - // Contains hit boxes for each dataset (in dataset order) - this.legendHitBoxes = []; - - // Are we in doughnut mode which has a different data type - this.doughnutMode = false; - }, - - // These methods are ordered by lifecyle. Utilities then follow. - // Any function defined here is inherited by all legend types. - // Any function can be extended by the legend type - - beforeUpdate: noop, - update: function(maxWidth, maxHeight, margins) { - var me = this; - - // Update Lifecycle - Probably don't want to ever extend or overwrite this function ;) - me.beforeUpdate(); - - // Absorb the master measurements - me.maxWidth = maxWidth; - me.maxHeight = maxHeight; - me.margins = margins; - - // Dimensions - me.beforeSetDimensions(); - me.setDimensions(); - me.afterSetDimensions(); - // Labels - me.beforeBuildLabels(); - me.buildLabels(); - me.afterBuildLabels(); - - // Fit - me.beforeFit(); - me.fit(); - me.afterFit(); - // - me.afterUpdate(); - - return me.minSize; - }, - afterUpdate: noop, - - // - - beforeSetDimensions: noop, - setDimensions: function() { - var me = this; - // Set the unconstrained dimension before label rotation - if (me.isHorizontal()) { - // Reset position before calculating rotation - me.width = me.maxWidth; - me.left = 0; - me.right = me.width; - } else { - me.height = me.maxHeight; - - // Reset position before calculating rotation - me.top = 0; - me.bottom = me.height; - } - - // Reset padding - me.paddingLeft = 0; - me.paddingTop = 0; - me.paddingRight = 0; - me.paddingBottom = 0; - - // Reset minSize - me.minSize = { - width: 0, - height: 0 - }; - }, - afterSetDimensions: noop, - - // - - beforeBuildLabels: noop, - buildLabels: function() { - var me = this; - me.legendItems = me.options.labels.generateLabels.call(me, me.chart); - if(me.options.reverse){ - me.legendItems.reverse(); - } - }, - afterBuildLabels: noop, - - // - - beforeFit: noop, - fit: function() { - var me = this; - var opts = me.options; - var labelOpts = opts.labels; - var display = opts.display; - - var ctx = me.ctx; - - var globalDefault = Chart.defaults.global, - itemOrDefault = helpers.getValueOrDefault, - fontSize = itemOrDefault(labelOpts.fontSize, globalDefault.defaultFontSize), - fontStyle = itemOrDefault(labelOpts.fontStyle, globalDefault.defaultFontStyle), - fontFamily = itemOrDefault(labelOpts.fontFamily, globalDefault.defaultFontFamily), - labelFont = helpers.fontString(fontSize, fontStyle, fontFamily); - - // Reset hit boxes - var hitboxes = me.legendHitBoxes = []; - - var minSize = me.minSize; - var isHorizontal = me.isHorizontal(); - - if (isHorizontal) { - minSize.width = me.maxWidth; // fill all the width - minSize.height = display ? 10 : 0; - } else { - minSize.width = display ? 10 : 0; - minSize.height = me.maxHeight; // fill all the height - } - - // Increase sizes here - if (display) { - ctx.font = labelFont; - - if (isHorizontal) { - // Labels - - // Width of each line of legend boxes. Labels wrap onto multiple lines when there are too many to fit on one - var lineWidths = me.lineWidths = [0]; - var totalHeight = me.legendItems.length ? fontSize + (labelOpts.padding) : 0; - - ctx.textAlign = "left"; - ctx.textBaseline = 'top'; - - helpers.each(me.legendItems, function(legendItem, i) { - var boxWidth = labelOpts.usePointStyle ? - fontSize * Math.sqrt(2) : - labelOpts.boxWidth; - - var width = boxWidth + (fontSize / 2) + ctx.measureText(legendItem.text).width; - if (lineWidths[lineWidths.length - 1] + width + labelOpts.padding >= me.width) { - totalHeight += fontSize + (labelOpts.padding); - lineWidths[lineWidths.length] = me.left; - } - - // Store the hitbox width and height here. Final position will be updated in `draw` - hitboxes[i] = { - left: 0, - top: 0, - width: width, - height: fontSize - }; - - lineWidths[lineWidths.length - 1] += width + labelOpts.padding; - }); - - minSize.height += totalHeight; - - } else { - var vPadding = labelOpts.padding; - var columnWidths = me.columnWidths = []; - var totalWidth = labelOpts.padding; - var currentColWidth = 0; - var currentColHeight = 0; - var itemHeight = fontSize + vPadding; - - helpers.each(me.legendItems, function(legendItem, i) { - // If usePointStyle is set, multiple boxWidth by 2 since it represents - // the radius and not truly the width - var boxWidth = labelOpts.usePointStyle ? 2 * labelOpts.boxWidth : labelOpts.boxWidth; - - var itemWidth = boxWidth + (fontSize / 2) + ctx.measureText(legendItem.text).width; - - // If too tall, go to new column - if (currentColHeight + itemHeight > minSize.height) { - totalWidth += currentColWidth + labelOpts.padding; - columnWidths.push(currentColWidth); // previous column width - - currentColWidth = 0; - currentColHeight = 0; - } - - // Get max width - currentColWidth = Math.max(currentColWidth, itemWidth); - currentColHeight += itemHeight; - - // Store the hitbox width and height here. Final position will be updated in `draw` - hitboxes[i] = { - left: 0, - top: 0, - width: itemWidth, - height: fontSize - }; - }); - - totalWidth += currentColWidth; - columnWidths.push(currentColWidth); - minSize.width += totalWidth; - } - } - - me.width = minSize.width; - me.height = minSize.height; - }, - afterFit: noop, - - // Shared Methods - isHorizontal: function() { - return this.options.position === "top" || this.options.position === "bottom"; - }, - - // Actualy draw the legend on the canvas - draw: function() { - var me = this; - var opts = me.options; - var labelOpts = opts.labels; - var globalDefault = Chart.defaults.global, - lineDefault = globalDefault.elements.line, - legendWidth = me.width, - lineWidths = me.lineWidths; - - if (opts.display) { - var ctx = me.ctx, - cursor, - itemOrDefault = helpers.getValueOrDefault, - fontColor = itemOrDefault(labelOpts.fontColor, globalDefault.defaultFontColor), - fontSize = itemOrDefault(labelOpts.fontSize, globalDefault.defaultFontSize), - fontStyle = itemOrDefault(labelOpts.fontStyle, globalDefault.defaultFontStyle), - fontFamily = itemOrDefault(labelOpts.fontFamily, globalDefault.defaultFontFamily), - labelFont = helpers.fontString(fontSize, fontStyle, fontFamily); - - // Canvas setup - ctx.textAlign = "left"; - ctx.textBaseline = 'top'; - ctx.lineWidth = 0.5; - ctx.strokeStyle = fontColor; // for strikethrough effect - ctx.fillStyle = fontColor; // render in correct colour - ctx.font = labelFont; - - var boxWidth = labelOpts.boxWidth, - hitboxes = me.legendHitBoxes; - - // current position - var drawLegendBox = function(x, y, legendItem) { - if (isNaN(boxWidth) || boxWidth <= 0) { - return; - } - - // Set the ctx for the box - ctx.save(); - - ctx.fillStyle = itemOrDefault(legendItem.fillStyle, globalDefault.defaultColor); - ctx.lineCap = itemOrDefault(legendItem.lineCap, lineDefault.borderCapStyle); - ctx.lineDashOffset = itemOrDefault(legendItem.lineDashOffset, lineDefault.borderDashOffset); - ctx.lineJoin = itemOrDefault(legendItem.lineJoin, lineDefault.borderJoinStyle); - ctx.lineWidth = itemOrDefault(legendItem.lineWidth, lineDefault.borderWidth); - ctx.strokeStyle = itemOrDefault(legendItem.strokeStyle, globalDefault.defaultColor); - - if (ctx.setLineDash) { - // IE 9 and 10 do not support line dash - ctx.setLineDash(itemOrDefault(legendItem.lineDash, lineDefault.borderDash)); - } - - if (opts.labels && opts.labels.usePointStyle) { - // Recalulate x and y for drawPoint() because its expecting - // x and y to be center of figure (instead of top left) - var radius = fontSize * Math.SQRT2 / 2; - var offSet = radius / Math.SQRT2; - var centerX = x + offSet; - var centerY = y + offSet; - - // Draw pointStyle as legend symbol - Chart.canvasHelpers.drawPoint(ctx, legendItem.pointStyle, radius, centerX, centerY); - } - else { - // Draw box as legend symbol - ctx.strokeRect(x, y, boxWidth, fontSize); - ctx.fillRect(x, y, boxWidth, fontSize); - } - - ctx.restore(); - }; - var fillText = function(x, y, legendItem, textWidth) { - ctx.fillText(legendItem.text, boxWidth + (fontSize / 2) + x, y); - - if (legendItem.hidden) { - // Strikethrough the text if hidden - ctx.beginPath(); - ctx.lineWidth = 2; - ctx.moveTo(boxWidth + (fontSize / 2) + x, y + (fontSize / 2)); - ctx.lineTo(boxWidth + (fontSize / 2) + x + textWidth, y + (fontSize / 2)); - ctx.stroke(); - } - }; - - // Horizontal - var isHorizontal = me.isHorizontal(); - if (isHorizontal) { - cursor = { - x: me.left + ((legendWidth - lineWidths[0]) / 2), - y: me.top + labelOpts.padding, - line: 0 - }; - } else { - cursor = { - x: me.left + labelOpts.padding, - y: me.top + labelOpts.padding, - line: 0 - }; - } - - var itemHeight = fontSize + labelOpts.padding; - helpers.each(me.legendItems, function(legendItem, i) { - var textWidth = ctx.measureText(legendItem.text).width, - width = labelOpts.usePointStyle ? - fontSize + (fontSize / 2) + textWidth : - boxWidth + (fontSize / 2) + textWidth, - x = cursor.x, - y = cursor.y; - - if (isHorizontal) { - if (x + width >= legendWidth) { - y = cursor.y += itemHeight; - cursor.line++; - x = cursor.x = me.left + ((legendWidth - lineWidths[cursor.line]) / 2); - } - } else { - if (y + itemHeight > me.bottom) { - x = cursor.x = x + me.columnWidths[cursor.line] + labelOpts.padding; - y = cursor.y = me.top; - cursor.line++; - } - } - - drawLegendBox(x, y, legendItem); - - hitboxes[i].left = x; - hitboxes[i].top = y; - - // Fill the actual label - fillText(x, y, legendItem, textWidth); - - if (isHorizontal) { - cursor.x += width + (labelOpts.padding); - } else { - cursor.y += itemHeight; - } - - }); - } - }, - - // Handle an event - handleEvent: function(e) { - var me = this; - var position = helpers.getRelativePosition(e, me.chart.chart), - x = position.x, - y = position.y, - opts = me.options; - - if (x >= me.left && x <= me.right && y >= me.top && y <= me.bottom) { - // See if we are touching one of the dataset boxes - var lh = me.legendHitBoxes; - for (var i = 0; i < lh.length; ++i) { - var hitBox = lh[i]; - - if (x >= hitBox.left && x <= hitBox.left + hitBox.width && y >= hitBox.top && y <= hitBox.top + hitBox.height) { - // Touching an element - if (opts.onClick) { - opts.onClick.call(me, e, me.legendItems[i]); - } - break; - } - } - } - } - }); - - // Register the legend plugin - Chart.plugins.register({ - beforeInit: function(chartInstance) { - var opts = chartInstance.options; - var legendOpts = opts.legend; - - if (legendOpts) { - chartInstance.legend = new Chart.Legend({ - ctx: chartInstance.chart.ctx, - options: legendOpts, - chart: chartInstance - }); - - Chart.layoutService.addBox(chartInstance, chartInstance.legend); - } - } - }); -}; - -},{}],30:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var noop = Chart.helpers.noop; - - /** - * The plugin service singleton - * @namespace Chart.plugins - * @since 2.1.0 - */ - Chart.plugins = { - _plugins: [], - - /** - * Registers the given plugin(s) if not already registered. - * @param {Array|Object} plugins plugin instance(s). - */ - register: function(plugins) { - var p = this._plugins; - ([]).concat(plugins).forEach(function(plugin) { - if (p.indexOf(plugin) === -1) { - p.push(plugin); - } - }); - }, - - /** - * Unregisters the given plugin(s) only if registered. - * @param {Array|Object} plugins plugin instance(s). - */ - unregister: function(plugins) { - var p = this._plugins; - ([]).concat(plugins).forEach(function(plugin) { - var idx = p.indexOf(plugin); - if (idx !== -1) { - p.splice(idx, 1); - } - }); - }, - - /** - * Remove all registered p^lugins. - * @since 2.1.5 - */ - clear: function() { - this._plugins = []; - }, - - /** - * Returns the number of registered plugins? - * @returns {Number} - * @since 2.1.5 - */ - count: function() { - return this._plugins.length; - }, - - /** - * Returns all registered plugin intances. - * @returns {Array} array of plugin objects. - * @since 2.1.5 - */ - getAll: function() { - return this._plugins; - }, - - /** - * Calls registered plugins on the specified extension, with the given args. This - * method immediately returns as soon as a plugin explicitly returns false. The - * returned value can be used, for instance, to interrupt the current action. - * @param {String} extension the name of the plugin method to call (e.g. 'beforeUpdate'). - * @param {Array} [args] extra arguments to apply to the extension call. - * @returns {Boolean} false if any of the plugins return false, else returns true. - */ - notify: function(extension, args) { - var plugins = this._plugins; - var ilen = plugins.length; - var i, plugin; - - for (i=0; i tickWidth && me.labelRotation < optionTicks.maxRotation) { - cosRotation = Math.cos(helpers.toRadians(me.labelRotation)); - sinRotation = Math.sin(helpers.toRadians(me.labelRotation)); - - firstRotated = cosRotation * firstWidth; - - // We're right aligning the text now. - if (firstRotated + tickFontSize / 2 > me.yLabelWidth) { - me.paddingLeft = firstRotated + tickFontSize / 2; - } - - me.paddingRight = tickFontSize / 2; - - if (sinRotation * originalLabelWidth > me.maxHeight) { - // go back one step - me.labelRotation--; - break; - } - - me.labelRotation++; - labelWidth = cosRotation * originalLabelWidth; - } - } - } - - if (me.margins) { - me.paddingLeft = Math.max(me.paddingLeft - me.margins.left, 0); - me.paddingRight = Math.max(me.paddingRight - me.margins.right, 0); - } - }, - afterCalculateTickRotation: function() { - helpers.callCallback(this.options.afterCalculateTickRotation, [this]); - }, - - // - - beforeFit: function() { - helpers.callCallback(this.options.beforeFit, [this]); - }, - fit: function() { - var me = this; - // Reset - var minSize = me.minSize = { - width: 0, - height: 0 - }; - - var opts = me.options; - var globalDefaults = Chart.defaults.global; - var tickOpts = opts.ticks; - var scaleLabelOpts = opts.scaleLabel; - var gridLineOpts = opts.gridLines; - var display = opts.display; - var isHorizontal = me.isHorizontal(); - - var tickFontSize = helpers.getValueOrDefault(tickOpts.fontSize, globalDefaults.defaultFontSize); - var tickFontStyle = helpers.getValueOrDefault(tickOpts.fontStyle, globalDefaults.defaultFontStyle); - var tickFontFamily = helpers.getValueOrDefault(tickOpts.fontFamily, globalDefaults.defaultFontFamily); - var tickLabelFont = helpers.fontString(tickFontSize, tickFontStyle, tickFontFamily); - - var scaleLabelFontSize = helpers.getValueOrDefault(scaleLabelOpts.fontSize, globalDefaults.defaultFontSize); - - var tickMarkLength = opts.gridLines.tickMarkLength; - - // Width - if (isHorizontal) { - // subtract the margins to line up with the chartArea if we are a full width scale - minSize.width = me.isFullWidth() ? me.maxWidth - me.margins.left - me.margins.right : me.maxWidth; - } else { - minSize.width = display && gridLineOpts.drawTicks ? tickMarkLength : 0; - } - - // height - if (isHorizontal) { - minSize.height = display && gridLineOpts.drawTicks ? tickMarkLength : 0; - } else { - minSize.height = me.maxHeight; // fill all the height - } - - // Are we showing a title for the scale? - if (scaleLabelOpts.display && display) { - if (isHorizontal) { - minSize.height += (scaleLabelFontSize * 1.5); - } else { - minSize.width += (scaleLabelFontSize * 1.5); - } - } - - if (tickOpts.display && display) { - // Don't bother fitting the ticks if we are not showing them - if (!me.longestTextCache) { - me.longestTextCache = {}; - } - - var largestTextWidth = helpers.longestText(me.ctx, tickLabelFont, me.ticks, me.longestTextCache); - var tallestLabelHeightInLines = helpers.numberOfLabelLines(me.ticks); - var lineSpace = tickFontSize * 0.5; - - if (isHorizontal) { - // A horizontal axis is more constrained by the height. - me.longestLabelWidth = largestTextWidth; - - // TODO - improve this calculation - var labelHeight = (Math.sin(helpers.toRadians(me.labelRotation)) * me.longestLabelWidth) + (tickFontSize * tallestLabelHeightInLines) + (lineSpace * tallestLabelHeightInLines); - - minSize.height = Math.min(me.maxHeight, minSize.height + labelHeight); - me.ctx.font = tickLabelFont; - - var firstLabelWidth = me.ctx.measureText(me.ticks[0]).width; - var lastLabelWidth = me.ctx.measureText(me.ticks[me.ticks.length - 1]).width; - - // Ensure that our ticks are always inside the canvas. When rotated, ticks are right aligned which means that the right padding is dominated - // by the font height - var cosRotation = Math.cos(helpers.toRadians(me.labelRotation)); - var sinRotation = Math.sin(helpers.toRadians(me.labelRotation)); - me.paddingLeft = me.labelRotation !== 0 ? (cosRotation * firstLabelWidth) + 3 : firstLabelWidth / 2 + 3; // add 3 px to move away from canvas edges - me.paddingRight = me.labelRotation !== 0 ? (sinRotation * (tickFontSize / 2)) + 3 : lastLabelWidth / 2 + 3; // when rotated - } else { - // A vertical axis is more constrained by the width. Labels are the dominant factor here, so get that length first - var maxLabelWidth = me.maxWidth - minSize.width; - - // Account for padding - var mirror = tickOpts.mirror; - if (!mirror) { - largestTextWidth += me.options.ticks.padding; - } else { - // If mirrored text is on the inside so don't expand - largestTextWidth = 0; - } - - if (largestTextWidth < maxLabelWidth) { - // We don't need all the room - minSize.width += largestTextWidth; - } else { - // Expand to max size - minSize.width = me.maxWidth; - } - - me.paddingTop = tickFontSize / 2; - me.paddingBottom = tickFontSize / 2; - } - } - - if (me.margins) { - me.paddingLeft = Math.max(me.paddingLeft - me.margins.left, 0); - me.paddingTop = Math.max(me.paddingTop - me.margins.top, 0); - me.paddingRight = Math.max(me.paddingRight - me.margins.right, 0); - me.paddingBottom = Math.max(me.paddingBottom - me.margins.bottom, 0); - } - - me.width = minSize.width; - me.height = minSize.height; - - }, - afterFit: function() { - helpers.callCallback(this.options.afterFit, [this]); - }, - - // Shared Methods - isHorizontal: function() { - return this.options.position === "top" || this.options.position === "bottom"; - }, - isFullWidth: function() { - return (this.options.fullWidth); - }, - - // Get the correct value. NaN bad inputs, If the value type is object get the x or y based on whether we are horizontal or not - getRightValue: function(rawValue) { - // Null and undefined values first - if (rawValue === null || typeof(rawValue) === 'undefined') { - return NaN; - } - // isNaN(object) returns true, so make sure NaN is checking for a number - if (typeof(rawValue) === 'number' && isNaN(rawValue)) { - return NaN; - } - // If it is in fact an object, dive in one more level - if (typeof(rawValue) === "object") { - if ((rawValue instanceof Date) || (rawValue.isValid)) { - return rawValue; - } else { - return this.getRightValue(this.isHorizontal() ? rawValue.x : rawValue.y); - } - } - - // Value is good, return it - return rawValue; - }, - - // Used to get the value to display in the tooltip for the data at the given index - // function getLabelForIndex(index, datasetIndex) - getLabelForIndex: helpers.noop, - - // Used to get data value locations. Value can either be an index or a numerical value - getPixelForValue: helpers.noop, - - // Used to get the data value from a given pixel. This is the inverse of getPixelForValue - getValueForPixel: helpers.noop, - - // Used for tick location, should - getPixelForTick: function(index, includeOffset) { - var me = this; - if (me.isHorizontal()) { - var innerWidth = me.width - (me.paddingLeft + me.paddingRight); - var tickWidth = innerWidth / Math.max((me.ticks.length - ((me.options.gridLines.offsetGridLines) ? 0 : 1)), 1); - var pixel = (tickWidth * index) + me.paddingLeft; - - if (includeOffset) { - pixel += tickWidth / 2; - } - - var finalVal = me.left + Math.round(pixel); - finalVal += me.isFullWidth() ? me.margins.left : 0; - return finalVal; - } else { - var innerHeight = me.height - (me.paddingTop + me.paddingBottom); - return me.top + (index * (innerHeight / (me.ticks.length - 1))); - } - }, - - // Utility for getting the pixel location of a percentage of scale - getPixelForDecimal: function(decimal /*, includeOffset*/ ) { - var me = this; - if (me.isHorizontal()) { - var innerWidth = me.width - (me.paddingLeft + me.paddingRight); - var valueOffset = (innerWidth * decimal) + me.paddingLeft; - - var finalVal = me.left + Math.round(valueOffset); - finalVal += me.isFullWidth() ? me.margins.left : 0; - return finalVal; - } else { - return me.top + (decimal * me.height); - } - }, - - getBasePixel: function() { - var me = this; - var min = me.min; - var max = me.max; - - return me.getPixelForValue( - me.beginAtZero? 0: - min < 0 && max < 0? max : - min > 0 && max > 0? min : - 0); - }, - - // Actualy draw the scale on the canvas - // @param {rectangle} chartArea : the area of the chart to draw full grid lines on - draw: function(chartArea) { - var me = this; - var options = me.options; - if (!options.display) { - return; - } - - var context = me.ctx; - var globalDefaults = Chart.defaults.global; - var optionTicks = options.ticks; - var gridLines = options.gridLines; - var scaleLabel = options.scaleLabel; - - var isRotated = me.labelRotation !== 0; - var skipRatio; - var useAutoskipper = optionTicks.autoSkip; - var isHorizontal = me.isHorizontal(); - - // figure out the maximum number of gridlines to show - var maxTicks; - if (optionTicks.maxTicksLimit) { - maxTicks = optionTicks.maxTicksLimit; - } - - var tickFontColor = helpers.getValueOrDefault(optionTicks.fontColor, globalDefaults.defaultFontColor); - var tickFontSize = helpers.getValueOrDefault(optionTicks.fontSize, globalDefaults.defaultFontSize); - var tickFontStyle = helpers.getValueOrDefault(optionTicks.fontStyle, globalDefaults.defaultFontStyle); - var tickFontFamily = helpers.getValueOrDefault(optionTicks.fontFamily, globalDefaults.defaultFontFamily); - var tickLabelFont = helpers.fontString(tickFontSize, tickFontStyle, tickFontFamily); - var tl = gridLines.tickMarkLength; - var borderDash = helpers.getValueOrDefault(gridLines.borderDash, globalDefaults.borderDash); - var borderDashOffset = helpers.getValueOrDefault(gridLines.borderDashOffset, globalDefaults.borderDashOffset); - - var scaleLabelFontColor = helpers.getValueOrDefault(scaleLabel.fontColor, globalDefaults.defaultFontColor); - var scaleLabelFontSize = helpers.getValueOrDefault(scaleLabel.fontSize, globalDefaults.defaultFontSize); - var scaleLabelFontStyle = helpers.getValueOrDefault(scaleLabel.fontStyle, globalDefaults.defaultFontStyle); - var scaleLabelFontFamily = helpers.getValueOrDefault(scaleLabel.fontFamily, globalDefaults.defaultFontFamily); - var scaleLabelFont = helpers.fontString(scaleLabelFontSize, scaleLabelFontStyle, scaleLabelFontFamily); - - var labelRotationRadians = helpers.toRadians(me.labelRotation); - var cosRotation = Math.cos(labelRotationRadians); - var longestRotatedLabel = me.longestLabelWidth * cosRotation; - - // Make sure we draw text in the correct color and font - context.fillStyle = tickFontColor; - - var itemsToDraw = []; - - if (isHorizontal) { - skipRatio = false; - - // Only calculate the skip ratio with the half width of longestRotateLabel if we got an actual rotation - // See #2584 - if (isRotated) { - longestRotatedLabel /= 2; - } - - if ((longestRotatedLabel + optionTicks.autoSkipPadding) * me.ticks.length > (me.width - (me.paddingLeft + me.paddingRight))) { - skipRatio = 1 + Math.floor(((longestRotatedLabel + optionTicks.autoSkipPadding) * me.ticks.length) / (me.width - (me.paddingLeft + me.paddingRight))); - } - - // if they defined a max number of optionTicks, - // increase skipRatio until that number is met - if (maxTicks && me.ticks.length > maxTicks) { - while (!skipRatio || me.ticks.length / (skipRatio || 1) > maxTicks) { - if (!skipRatio) { - skipRatio = 1; - } - skipRatio += 1; - } - } - - if (!useAutoskipper) { - skipRatio = false; - } - } - - - var xTickStart = options.position === "right" ? me.left : me.right - tl; - var xTickEnd = options.position === "right" ? me.left + tl : me.right; - var yTickStart = options.position === "bottom" ? me.top : me.bottom - tl; - var yTickEnd = options.position === "bottom" ? me.top + tl : me.bottom; - - helpers.each(me.ticks, function(label, index) { - // If the callback returned a null or undefined value, do not draw this line - if (label === undefined || label === null) { - return; - } - - var isLastTick = me.ticks.length === index + 1; - - // Since we always show the last tick,we need may need to hide the last shown one before - var shouldSkip = (skipRatio > 1 && index % skipRatio > 0) || (index % skipRatio === 0 && index + skipRatio >= me.ticks.length); - if (shouldSkip && !isLastTick || (label === undefined || label === null)) { - return; - } - - var lineWidth, lineColor; - if (index === (typeof me.zeroLineIndex !== 'undefined' ? me.zeroLineIndex : 0)) { - // Draw the first index specially - lineWidth = gridLines.zeroLineWidth; - lineColor = gridLines.zeroLineColor; - } else { - lineWidth = helpers.getValueAtIndexOrDefault(gridLines.lineWidth, index); - lineColor = helpers.getValueAtIndexOrDefault(gridLines.color, index); - } - - // Common properties - var tx1, ty1, tx2, ty2, x1, y1, x2, y2, labelX, labelY; - var textAlign, textBaseline = 'middle'; - - if (isHorizontal) { - if (!isRotated) { - textBaseline = options.position === 'top' ? 'bottom' : 'top'; - } - - textAlign = isRotated ? 'right' : 'center'; - - var xLineValue = me.getPixelForTick(index) + helpers.aliasPixel(lineWidth); // xvalues for grid lines - labelX = me.getPixelForTick(index, gridLines.offsetGridLines) + optionTicks.labelOffset; // x values for optionTicks (need to consider offsetLabel option) - labelY = (isRotated) ? me.top + 12 : options.position === 'top' ? me.bottom - tl : me.top + tl; - - tx1 = tx2 = x1 = x2 = xLineValue; - ty1 = yTickStart; - ty2 = yTickEnd; - y1 = chartArea.top; - y2 = chartArea.bottom; - } else { - if (options.position === 'left') { - if (optionTicks.mirror) { - labelX = me.right + optionTicks.padding; - textAlign = 'left'; - } else { - labelX = me.right - optionTicks.padding; - textAlign = 'right'; - } - } else { - // right side - if (optionTicks.mirror) { - labelX = me.left - optionTicks.padding; - textAlign = 'right'; - } else { - labelX = me.left + optionTicks.padding; - textAlign = 'left'; - } - } - - var yLineValue = me.getPixelForTick(index); // xvalues for grid lines - yLineValue += helpers.aliasPixel(lineWidth); - labelY = me.getPixelForTick(index, gridLines.offsetGridLines); - - tx1 = xTickStart; - tx2 = xTickEnd; - x1 = chartArea.left; - x2 = chartArea.right; - ty1 = ty2 = y1 = y2 = yLineValue; - } - - itemsToDraw.push({ - tx1: tx1, - ty1: ty1, - tx2: tx2, - ty2: ty2, - x1: x1, - y1: y1, - x2: x2, - y2: y2, - labelX: labelX, - labelY: labelY, - glWidth: lineWidth, - glColor: lineColor, - glBorderDash: borderDash, - glBorderDashOffset: borderDashOffset, - rotation: -1 * labelRotationRadians, - label: label, - textBaseline: textBaseline, - textAlign: textAlign - }); - }); - - // Draw all of the tick labels, tick marks, and grid lines at the correct places - helpers.each(itemsToDraw, function(itemToDraw) { - if (gridLines.display) { - context.save(); - context.lineWidth = itemToDraw.glWidth; - context.strokeStyle = itemToDraw.glColor; - if (context.setLineDash) { - context.setLineDash(itemToDraw.glBorderDash); - context.lineDashOffset = itemToDraw.glBorderDashOffset; - } - - context.beginPath(); - - if (gridLines.drawTicks) { - context.moveTo(itemToDraw.tx1, itemToDraw.ty1); - context.lineTo(itemToDraw.tx2, itemToDraw.ty2); - } - - if (gridLines.drawOnChartArea) { - context.moveTo(itemToDraw.x1, itemToDraw.y1); - context.lineTo(itemToDraw.x2, itemToDraw.y2); - } - - context.stroke(); - context.restore(); - } - - if (optionTicks.display) { - context.save(); - context.translate(itemToDraw.labelX, itemToDraw.labelY); - context.rotate(itemToDraw.rotation); - context.font = tickLabelFont; - context.textBaseline = itemToDraw.textBaseline; - context.textAlign = itemToDraw.textAlign; - - var label = itemToDraw.label; - if (helpers.isArray(label)) { - for (var i = 0, y = 0; i < label.length; ++i) { - // We just make sure the multiline element is a string here.. - context.fillText('' + label[i], 0, y); - // apply same lineSpacing as calculated @ L#320 - y += (tickFontSize * 1.5); - } - } else { - context.fillText(label, 0, 0); - } - context.restore(); - } - }); - - if (scaleLabel.display) { - // Draw the scale label - var scaleLabelX; - var scaleLabelY; - var rotation = 0; - - if (isHorizontal) { - scaleLabelX = me.left + ((me.right - me.left) / 2); // midpoint of the width - scaleLabelY = options.position === 'bottom' ? me.bottom - (scaleLabelFontSize / 2) : me.top + (scaleLabelFontSize / 2); - } else { - var isLeft = options.position === 'left'; - scaleLabelX = isLeft ? me.left + (scaleLabelFontSize / 2) : me.right - (scaleLabelFontSize / 2); - scaleLabelY = me.top + ((me.bottom - me.top) / 2); - rotation = isLeft ? -0.5 * Math.PI : 0.5 * Math.PI; - } - - context.save(); - context.translate(scaleLabelX, scaleLabelY); - context.rotate(rotation); - context.textAlign = 'center'; - context.textBaseline = 'middle'; - context.fillStyle = scaleLabelFontColor; // render in correct colour - context.font = scaleLabelFont; - context.fillText(scaleLabel.labelString, 0, 0); - context.restore(); - } - - if (gridLines.drawBorder) { - // Draw the line at the edge of the axis - context.lineWidth = helpers.getValueAtIndexOrDefault(gridLines.lineWidth, 0); - context.strokeStyle = helpers.getValueAtIndexOrDefault(gridLines.color, 0); - var x1 = me.left, - x2 = me.right, - y1 = me.top, - y2 = me.bottom; - - var aliasPixel = helpers.aliasPixel(context.lineWidth); - if (isHorizontal) { - y1 = y2 = options.position === 'top' ? me.bottom : me.top; - y1 += aliasPixel; - y2 += aliasPixel; - } else { - x1 = x2 = options.position === 'left' ? me.right : me.left; - x1 += aliasPixel; - x2 += aliasPixel; - } - - context.beginPath(); - context.moveTo(x1, y1); - context.lineTo(x2, y2); - context.stroke(); - } - } - }); -}; - -},{}],32:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.scaleService = { - // Scale registration object. Extensions can register new scale types (such as log or DB scales) and then - // use the new chart options to grab the correct scale - constructors: {}, - // Use a registration function so that we can move to an ES6 map when we no longer need to support - // old browsers - - // Scale config defaults - defaults: {}, - registerScaleType: function(type, scaleConstructor, defaults) { - this.constructors[type] = scaleConstructor; - this.defaults[type] = helpers.clone(defaults); - }, - getScaleConstructor: function(type) { - return this.constructors.hasOwnProperty(type) ? this.constructors[type] : undefined; - }, - getScaleDefaults: function(type) { - // Return the scale defaults merged with the global settings so that we always use the latest ones - return this.defaults.hasOwnProperty(type) ? helpers.scaleMerge(Chart.defaults.scale, this.defaults[type]) : {}; - }, - updateScaleDefaults: function(type, additions) { - var defaults = this.defaults; - if (defaults.hasOwnProperty(type)) { - defaults[type] = helpers.extend(defaults[type], additions); - } - }, - addScalesToLayout: function(chartInstance) { - // Adds each scale to the chart.boxes array to be sized accordingly - helpers.each(chartInstance.scales, function(scale) { - Chart.layoutService.addBox(chartInstance, scale); - }); - } - }; -}; -},{}],33:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.defaults.global.title = { - display: false, - position: 'top', - fullWidth: true, // marks that this box should take the full width of the canvas (pushing down other boxes) - - fontStyle: 'bold', - padding: 10, - - // actual title - text: '' - }; - - var noop = helpers.noop; - Chart.Title = Chart.Element.extend({ - - initialize: function(config) { - var me = this; - helpers.extend(me, config); - me.options = helpers.configMerge(Chart.defaults.global.title, config.options); - - // Contains hit boxes for each dataset (in dataset order) - me.legendHitBoxes = []; - }, - - // These methods are ordered by lifecyle. Utilities then follow. - - beforeUpdate: function () { - var chartOpts = this.chart.options; - if (chartOpts && chartOpts.title) { - this.options = helpers.configMerge(Chart.defaults.global.title, chartOpts.title); - } - }, - update: function(maxWidth, maxHeight, margins) { - var me = this; - - // Update Lifecycle - Probably don't want to ever extend or overwrite this function ;) - me.beforeUpdate(); - - // Absorb the master measurements - me.maxWidth = maxWidth; - me.maxHeight = maxHeight; - me.margins = margins; - - // Dimensions - me.beforeSetDimensions(); - me.setDimensions(); - me.afterSetDimensions(); - // Labels - me.beforeBuildLabels(); - me.buildLabels(); - me.afterBuildLabels(); - - // Fit - me.beforeFit(); - me.fit(); - me.afterFit(); - // - me.afterUpdate(); - - return me.minSize; - - }, - afterUpdate: noop, - - // - - beforeSetDimensions: noop, - setDimensions: function() { - var me = this; - // Set the unconstrained dimension before label rotation - if (me.isHorizontal()) { - // Reset position before calculating rotation - me.width = me.maxWidth; - me.left = 0; - me.right = me.width; - } else { - me.height = me.maxHeight; - - // Reset position before calculating rotation - me.top = 0; - me.bottom = me.height; - } - - // Reset padding - me.paddingLeft = 0; - me.paddingTop = 0; - me.paddingRight = 0; - me.paddingBottom = 0; - - // Reset minSize - me.minSize = { - width: 0, - height: 0 - }; - }, - afterSetDimensions: noop, - - // - - beforeBuildLabels: noop, - buildLabels: noop, - afterBuildLabels: noop, - - // - - beforeFit: noop, - fit: function() { - var me = this, - valueOrDefault = helpers.getValueOrDefault, - opts = me.options, - globalDefaults = Chart.defaults.global, - display = opts.display, - fontSize = valueOrDefault(opts.fontSize, globalDefaults.defaultFontSize), - minSize = me.minSize; - - if (me.isHorizontal()) { - minSize.width = me.maxWidth; // fill all the width - minSize.height = display ? fontSize + (opts.padding * 2) : 0; - } else { - minSize.width = display ? fontSize + (opts.padding * 2) : 0; - minSize.height = me.maxHeight; // fill all the height - } - - me.width = minSize.width; - me.height = minSize.height; - - }, - afterFit: noop, - - // Shared Methods - isHorizontal: function() { - var pos = this.options.position; - return pos === "top" || pos === "bottom"; - }, - - // Actualy draw the title block on the canvas - draw: function() { - var me = this, - ctx = me.ctx, - valueOrDefault = helpers.getValueOrDefault, - opts = me.options, - globalDefaults = Chart.defaults.global; - - if (opts.display) { - var fontSize = valueOrDefault(opts.fontSize, globalDefaults.defaultFontSize), - fontStyle = valueOrDefault(opts.fontStyle, globalDefaults.defaultFontStyle), - fontFamily = valueOrDefault(opts.fontFamily, globalDefaults.defaultFontFamily), - titleFont = helpers.fontString(fontSize, fontStyle, fontFamily), - rotation = 0, - titleX, - titleY, - top = me.top, - left = me.left, - bottom = me.bottom, - right = me.right; - - ctx.fillStyle = valueOrDefault(opts.fontColor, globalDefaults.defaultFontColor); // render in correct colour - ctx.font = titleFont; - - // Horizontal - if (me.isHorizontal()) { - titleX = left + ((right - left) / 2); // midpoint of the width - titleY = top + ((bottom - top) / 2); // midpoint of the height - } else { - titleX = opts.position === 'left' ? left + (fontSize / 2) : right - (fontSize / 2); - titleY = top + ((bottom - top) / 2); - rotation = Math.PI * (opts.position === 'left' ? -0.5 : 0.5); - } - - ctx.save(); - ctx.translate(titleX, titleY); - ctx.rotate(rotation); - ctx.textAlign = 'center'; - ctx.textBaseline = 'middle'; - ctx.fillText(opts.text, 0, 0); - ctx.restore(); - } - } - }); - - // Register the title plugin - Chart.plugins.register({ - beforeInit: function(chartInstance) { - var opts = chartInstance.options; - var titleOpts = opts.title; - - if (titleOpts) { - chartInstance.titleBlock = new Chart.Title({ - ctx: chartInstance.chart.ctx, - options: titleOpts, - chart: chartInstance - }); - - Chart.layoutService.addBox(chartInstance, chartInstance.titleBlock); - } - } - }); -}; - -},{}],34:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - Chart.defaults.global.tooltips = { - enabled: true, - custom: null, - mode: 'single', - backgroundColor: "rgba(0,0,0,0.8)", - titleFontStyle: "bold", - titleSpacing: 2, - titleMarginBottom: 6, - titleFontColor: "#fff", - titleAlign: "left", - bodySpacing: 2, - bodyFontColor: "#fff", - bodyAlign: "left", - footerFontStyle: "bold", - footerSpacing: 2, - footerMarginTop: 6, - footerFontColor: "#fff", - footerAlign: "left", - yPadding: 6, - xPadding: 6, - yAlign : 'center', - xAlign : 'center', - caretSize: 5, - cornerRadius: 6, - multiKeyBackground: '#fff', - callbacks: { - // Args are: (tooltipItems, data) - beforeTitle: helpers.noop, - title: function(tooltipItems, data) { - // Pick first xLabel for now - var title = ''; - var labels = data.labels; - var labelCount = labels ? labels.length : 0; - - if (tooltipItems.length > 0) { - var item = tooltipItems[0]; - - if (item.xLabel) { - title = item.xLabel; - } else if (labelCount > 0 && item.index < labelCount) { - title = labels[item.index]; - } - } - - return title; - }, - afterTitle: helpers.noop, - - // Args are: (tooltipItems, data) - beforeBody: helpers.noop, - - // Args are: (tooltipItem, data) - beforeLabel: helpers.noop, - label: function(tooltipItem, data) { - var datasetLabel = data.datasets[tooltipItem.datasetIndex].label || ''; - return datasetLabel + ': ' + tooltipItem.yLabel; - }, - labelColor: function(tooltipItem, chartInstance) { - var meta = chartInstance.getDatasetMeta(tooltipItem.datasetIndex); - var activeElement = meta.data[tooltipItem.index]; - var view = activeElement._view; - return { - borderColor: view.borderColor, - backgroundColor: view.backgroundColor - }; - }, - afterLabel: helpers.noop, - - // Args are: (tooltipItems, data) - afterBody: helpers.noop, - - // Args are: (tooltipItems, data) - beforeFooter: helpers.noop, - footer: helpers.noop, - afterFooter: helpers.noop - } - }; - - // Helper to push or concat based on if the 2nd parameter is an array or not - function pushOrConcat(base, toPush) { - if (toPush) { - if (helpers.isArray(toPush)) { - //base = base.concat(toPush); - Array.prototype.push.apply(base, toPush); - } else { - base.push(toPush); - } - } - - return base; - } - - function getAveragePosition(elements) { - if (!elements.length) { - return false; - } - - var i, len; - var xPositions = []; - var yPositions = []; - - for (i = 0, len = elements.length; i < len; ++i) { - var el = elements[i]; - if (el && el.hasValue()){ - var pos = el.tooltipPosition(); - xPositions.push(pos.x); - yPositions.push(pos.y); - } - } - - var x = 0, - y = 0; - for (i = 0; i < xPositions.length; ++i) { - if (xPositions[ i ]) { - x += xPositions[i]; - y += yPositions[i]; - } - } - - return { - x: Math.round(x / xPositions.length), - y: Math.round(y / xPositions.length) - }; - } - - // Private helper to create a tooltip iteam model - // @param element : the chart element (point, arc, bar) to create the tooltip item for - // @return : new tooltip item - function createTooltipItem(element) { - var xScale = element._xScale; - var yScale = element._yScale || element._scale; // handle radar || polarArea charts - var index = element._index, - datasetIndex = element._datasetIndex; - - return { - xLabel: xScale ? xScale.getLabelForIndex(index, datasetIndex) : '', - yLabel: yScale ? yScale.getLabelForIndex(index, datasetIndex) : '', - index: index, - datasetIndex: datasetIndex - }; - } - - Chart.Tooltip = Chart.Element.extend({ - initialize: function() { - var me = this; - var globalDefaults = Chart.defaults.global; - var tooltipOpts = me._options; - var getValueOrDefault = helpers.getValueOrDefault; - - helpers.extend(me, { - _model: { - // Positioning - xPadding: tooltipOpts.xPadding, - yPadding: tooltipOpts.yPadding, - xAlign : tooltipOpts.xAlign, - yAlign : tooltipOpts.yAlign, - - // Body - bodyFontColor: tooltipOpts.bodyFontColor, - _bodyFontFamily: getValueOrDefault(tooltipOpts.bodyFontFamily, globalDefaults.defaultFontFamily), - _bodyFontStyle: getValueOrDefault(tooltipOpts.bodyFontStyle, globalDefaults.defaultFontStyle), - _bodyAlign: tooltipOpts.bodyAlign, - bodyFontSize: getValueOrDefault(tooltipOpts.bodyFontSize, globalDefaults.defaultFontSize), - bodySpacing: tooltipOpts.bodySpacing, - - // Title - titleFontColor: tooltipOpts.titleFontColor, - _titleFontFamily: getValueOrDefault(tooltipOpts.titleFontFamily, globalDefaults.defaultFontFamily), - _titleFontStyle: getValueOrDefault(tooltipOpts.titleFontStyle, globalDefaults.defaultFontStyle), - titleFontSize: getValueOrDefault(tooltipOpts.titleFontSize, globalDefaults.defaultFontSize), - _titleAlign: tooltipOpts.titleAlign, - titleSpacing: tooltipOpts.titleSpacing, - titleMarginBottom: tooltipOpts.titleMarginBottom, - - // Footer - footerFontColor: tooltipOpts.footerFontColor, - _footerFontFamily: getValueOrDefault(tooltipOpts.footerFontFamily, globalDefaults.defaultFontFamily), - _footerFontStyle: getValueOrDefault(tooltipOpts.footerFontStyle, globalDefaults.defaultFontStyle), - footerFontSize: getValueOrDefault(tooltipOpts.footerFontSize, globalDefaults.defaultFontSize), - _footerAlign: tooltipOpts.footerAlign, - footerSpacing: tooltipOpts.footerSpacing, - footerMarginTop: tooltipOpts.footerMarginTop, - - // Appearance - caretSize: tooltipOpts.caretSize, - cornerRadius: tooltipOpts.cornerRadius, - backgroundColor: tooltipOpts.backgroundColor, - opacity: 0, - legendColorBackground: tooltipOpts.multiKeyBackground - } - }); - }, - - // Get the title - // Args are: (tooltipItem, data) - getTitle: function() { - var me = this; - var opts = me._options; - var callbacks = opts.callbacks; - - var beforeTitle = callbacks.beforeTitle.apply(me, arguments), - title = callbacks.title.apply(me, arguments), - afterTitle = callbacks.afterTitle.apply(me, arguments); - - var lines = []; - lines = pushOrConcat(lines, beforeTitle); - lines = pushOrConcat(lines, title); - lines = pushOrConcat(lines, afterTitle); - - return lines; - }, - - // Args are: (tooltipItem, data) - getBeforeBody: function() { - var lines = this._options.callbacks.beforeBody.apply(this, arguments); - return helpers.isArray(lines) ? lines : lines !== undefined ? [lines] : []; - }, - - // Args are: (tooltipItem, data) - getBody: function(tooltipItems, data) { - var me = this; - var callbacks = me._options.callbacks; - var bodyItems = []; - - helpers.each(tooltipItems, function(tooltipItem) { - var bodyItem = { - before: [], - lines: [], - after: [] - }; - pushOrConcat(bodyItem.before, callbacks.beforeLabel.call(me, tooltipItem, data)); - pushOrConcat(bodyItem.lines, callbacks.label.call(me, tooltipItem, data)); - pushOrConcat(bodyItem.after, callbacks.afterLabel.call(me, tooltipItem, data)); - - bodyItems.push(bodyItem); - }); - - return bodyItems; - }, - - // Args are: (tooltipItem, data) - getAfterBody: function() { - var lines = this._options.callbacks.afterBody.apply(this, arguments); - return helpers.isArray(lines) ? lines : lines !== undefined ? [lines] : []; - }, - - // Get the footer and beforeFooter and afterFooter lines - // Args are: (tooltipItem, data) - getFooter: function() { - var me = this; - var callbacks = me._options.callbacks; - - var beforeFooter = callbacks.beforeFooter.apply(me, arguments); - var footer = callbacks.footer.apply(me, arguments); - var afterFooter = callbacks.afterFooter.apply(me, arguments); - - var lines = []; - lines = pushOrConcat(lines, beforeFooter); - lines = pushOrConcat(lines, footer); - lines = pushOrConcat(lines, afterFooter); - - return lines; - }, - - update: function(changed) { - var me = this; - var opts = me._options; - var model = me._model; - var active = me._active; - - var data = me._data; - var chartInstance = me._chartInstance; - - var i, len; - - if (active.length) { - model.opacity = 1; - - var labelColors = [], - tooltipPosition = getAveragePosition(active); - - var tooltipItems = []; - for (i = 0, len = active.length; i < len; ++i) { - tooltipItems.push(createTooltipItem(active[i])); - } - - // If the user provided a sorting function, use it to modify the tooltip items - if (opts.itemSort) { - tooltipItems = tooltipItems.sort(function(a,b) { - return opts.itemSort(a,b, data); - }); - } - - // If there is more than one item, show color items - if (active.length > 1) { - helpers.each(tooltipItems, function(tooltipItem) { - labelColors.push(opts.callbacks.labelColor.call(me, tooltipItem, chartInstance)); - }); - } - - // Build the Text Lines - helpers.extend(model, { - title: me.getTitle(tooltipItems, data), - beforeBody: me.getBeforeBody(tooltipItems, data), - body: me.getBody(tooltipItems, data), - afterBody: me.getAfterBody(tooltipItems, data), - footer: me.getFooter(tooltipItems, data), - x: Math.round(tooltipPosition.x), - y: Math.round(tooltipPosition.y), - caretPadding: helpers.getValueOrDefault(tooltipPosition.padding, 2), - labelColors: labelColors - }); - - // We need to determine alignment of - var tooltipSize = me.getTooltipSize(model); - me.determineAlignment(tooltipSize); // Smart Tooltip placement to stay on the canvas - - helpers.extend(model, me.getBackgroundPoint(model, tooltipSize)); - } else { - me._model.opacity = 0; - } - - if (changed && opts.custom) { - opts.custom.call(me, model); - } - - return me; - }, - getTooltipSize: function(vm) { - var ctx = this._chart.ctx; - - var size = { - height: vm.yPadding * 2, // Tooltip Padding - width: 0 - }; - - // Count of all lines in the body - var body = vm.body; - var combinedBodyLength = body.reduce(function(count, bodyItem) { - return count + bodyItem.before.length + bodyItem.lines.length + bodyItem.after.length; - }, 0); - combinedBodyLength += vm.beforeBody.length + vm.afterBody.length; - - var titleLineCount = vm.title.length; - var footerLineCount = vm.footer.length; - var titleFontSize = vm.titleFontSize, - bodyFontSize = vm.bodyFontSize, - footerFontSize = vm.footerFontSize; - - size.height += titleLineCount * titleFontSize; // Title Lines - size.height += (titleLineCount - 1) * vm.titleSpacing; // Title Line Spacing - size.height += titleLineCount ? vm.titleMarginBottom : 0; // Title's bottom Margin - size.height += combinedBodyLength * bodyFontSize; // Body Lines - size.height += combinedBodyLength ? (combinedBodyLength - 1) * vm.bodySpacing : 0; // Body Line Spacing - size.height += footerLineCount ? vm.footerMarginTop : 0; // Footer Margin - size.height += footerLineCount * (footerFontSize); // Footer Lines - size.height += footerLineCount ? (footerLineCount - 1) * vm.footerSpacing : 0; // Footer Line Spacing - - // Title width - var widthPadding = 0; - var maxLineWidth = function(line) { - size.width = Math.max(size.width, ctx.measureText(line).width + widthPadding); - }; - - ctx.font = helpers.fontString(titleFontSize, vm._titleFontStyle, vm._titleFontFamily); - helpers.each(vm.title, maxLineWidth); - - // Body width - ctx.font = helpers.fontString(bodyFontSize, vm._bodyFontStyle, vm._bodyFontFamily); - helpers.each(vm.beforeBody.concat(vm.afterBody), maxLineWidth); - - // Body lines may include some extra width due to the color box - widthPadding = body.length > 1 ? (bodyFontSize + 2) : 0; - helpers.each(body, function(bodyItem) { - helpers.each(bodyItem.before, maxLineWidth); - helpers.each(bodyItem.lines, maxLineWidth); - helpers.each(bodyItem.after, maxLineWidth); - }); - - // Reset back to 0 - widthPadding = 0; - - // Footer width - ctx.font = helpers.fontString(footerFontSize, vm._footerFontStyle, vm._footerFontFamily); - helpers.each(vm.footer, maxLineWidth); - - // Add padding - size.width += 2 * vm.xPadding; - - return size; - }, - determineAlignment: function(size) { - var me = this; - var model = me._model; - var chart = me._chart; - var chartArea = me._chartInstance.chartArea; - - if (model.y < size.height) { - model.yAlign = 'top'; - } else if (model.y > (chart.height - size.height)) { - model.yAlign = 'bottom'; - } - - var lf, rf; // functions to determine left, right alignment - var olf, orf; // functions to determine if left/right alignment causes tooltip to go outside chart - var yf; // function to get the y alignment if the tooltip goes outside of the left or right edges - var midX = (chartArea.left + chartArea.right) / 2; - var midY = (chartArea.top + chartArea.bottom) / 2; - - if (model.yAlign === 'center') { - lf = function(x) { - return x <= midX; - }; - rf = function(x) { - return x > midX; - }; - } else { - lf = function(x) { - return x <= (size.width / 2); - }; - rf = function(x) { - return x >= (chart.width - (size.width / 2)); - }; - } - - olf = function(x) { - return x + size.width > chart.width; - }; - orf = function(x) { - return x - size.width < 0; - }; - yf = function(y) { - return y <= midY ? 'top' : 'bottom'; - }; - - if (lf(model.x)) { - model.xAlign = 'left'; - - // Is tooltip too wide and goes over the right side of the chart.? - if (olf(model.x)) { - model.xAlign = 'center'; - model.yAlign = yf(model.y); - } - } else if (rf(model.x)) { - model.xAlign = 'right'; - - // Is tooltip too wide and goes outside left edge of canvas? - if (orf(model.x)) { - model.xAlign = 'center'; - model.yAlign = yf(model.y); - } - } - }, - getBackgroundPoint: function(vm, size) { - // Background Position - var pt = { - x: vm.x, - y: vm.y - }; - - var caretSize = vm.caretSize, - caretPadding = vm.caretPadding, - cornerRadius = vm.cornerRadius, - xAlign = vm.xAlign, - yAlign = vm.yAlign, - paddingAndSize = caretSize + caretPadding, - radiusAndPadding = cornerRadius + caretPadding; - - if (xAlign === 'right') { - pt.x -= size.width; - } else if (xAlign === 'center') { - pt.x -= (size.width / 2); - } - - if (yAlign === 'top') { - pt.y += paddingAndSize; - } else if (yAlign === 'bottom') { - pt.y -= size.height + paddingAndSize; - } else { - pt.y -= (size.height / 2); - } - - if (yAlign === 'center') { - if (xAlign === 'left') { - pt.x += paddingAndSize; - } else if (xAlign === 'right') { - pt.x -= paddingAndSize; - } - } else { - if (xAlign === 'left') { - pt.x -= radiusAndPadding; - } else if (xAlign === 'right') { - pt.x += radiusAndPadding; - } - } - - return pt; - }, - drawCaret: function(tooltipPoint, size, opacity) { - var vm = this._view; - var ctx = this._chart.ctx; - var x1, x2, x3; - var y1, y2, y3; - var caretSize = vm.caretSize; - var cornerRadius = vm.cornerRadius; - var xAlign = vm.xAlign, - yAlign = vm.yAlign; - var ptX = tooltipPoint.x, - ptY = tooltipPoint.y; - var width = size.width, - height = size.height; - - if (yAlign === 'center') { - // Left or right side - if (xAlign === 'left') { - x1 = ptX; - x2 = x1 - caretSize; - x3 = x1; - } else { - x1 = ptX + width; - x2 = x1 + caretSize; - x3 = x1; - } - - y2 = ptY + (height / 2); - y1 = y2 - caretSize; - y3 = y2 + caretSize; - } else { - if (xAlign === 'left') { - x1 = ptX + cornerRadius; - x2 = x1 + caretSize; - x3 = x2 + caretSize; - } else if (xAlign === 'right') { - x1 = ptX + width - cornerRadius; - x2 = x1 - caretSize; - x3 = x2 - caretSize; - } else { - x2 = ptX + (width / 2); - x1 = x2 - caretSize; - x3 = x2 + caretSize; - } - - if (yAlign === 'top') { - y1 = ptY; - y2 = y1 - caretSize; - y3 = y1; - } else { - y1 = ptY + height; - y2 = y1 + caretSize; - y3 = y1; - } - } - - var bgColor = helpers.color(vm.backgroundColor); - ctx.fillStyle = bgColor.alpha(opacity * bgColor.alpha()).rgbString(); - ctx.beginPath(); - ctx.moveTo(x1, y1); - ctx.lineTo(x2, y2); - ctx.lineTo(x3, y3); - ctx.closePath(); - ctx.fill(); - }, - drawTitle: function(pt, vm, ctx, opacity) { - var title = vm.title; - - if (title.length) { - ctx.textAlign = vm._titleAlign; - ctx.textBaseline = "top"; - - var titleFontSize = vm.titleFontSize, - titleSpacing = vm.titleSpacing; - - var titleFontColor = helpers.color(vm.titleFontColor); - ctx.fillStyle = titleFontColor.alpha(opacity * titleFontColor.alpha()).rgbString(); - ctx.font = helpers.fontString(titleFontSize, vm._titleFontStyle, vm._titleFontFamily); - - var i, len; - for (i = 0, len = title.length; i < len; ++i) { - ctx.fillText(title[i], pt.x, pt.y); - pt.y += titleFontSize + titleSpacing; // Line Height and spacing - - if (i + 1 === title.length) { - pt.y += vm.titleMarginBottom - titleSpacing; // If Last, add margin, remove spacing - } - } - } - }, - drawBody: function(pt, vm, ctx, opacity) { - var bodyFontSize = vm.bodyFontSize; - var bodySpacing = vm.bodySpacing; - var body = vm.body; - - ctx.textAlign = vm._bodyAlign; - ctx.textBaseline = "top"; - - var bodyFontColor = helpers.color(vm.bodyFontColor); - var textColor = bodyFontColor.alpha(opacity * bodyFontColor.alpha()).rgbString(); - ctx.fillStyle = textColor; - ctx.font = helpers.fontString(bodyFontSize, vm._bodyFontStyle, vm._bodyFontFamily); - - // Before Body - var xLinePadding = 0; - var fillLineOfText = function(line) { - ctx.fillText(line, pt.x + xLinePadding, pt.y); - pt.y += bodyFontSize + bodySpacing; - }; - - // Before body lines - helpers.each(vm.beforeBody, fillLineOfText); - - var drawColorBoxes = body.length > 1; - xLinePadding = drawColorBoxes ? (bodyFontSize + 2) : 0; - - // Draw body lines now - helpers.each(body, function(bodyItem, i) { - helpers.each(bodyItem.before, fillLineOfText); - - helpers.each(bodyItem.lines, function(line) { - // Draw Legend-like boxes if needed - if (drawColorBoxes) { - // Fill a white rect so that colours merge nicely if the opacity is < 1 - ctx.fillStyle = helpers.color(vm.legendColorBackground).alpha(opacity).rgbaString(); - ctx.fillRect(pt.x, pt.y, bodyFontSize, bodyFontSize); - - // Border - ctx.strokeStyle = helpers.color(vm.labelColors[i].borderColor).alpha(opacity).rgbaString(); - ctx.strokeRect(pt.x, pt.y, bodyFontSize, bodyFontSize); - - // Inner square - ctx.fillStyle = helpers.color(vm.labelColors[i].backgroundColor).alpha(opacity).rgbaString(); - ctx.fillRect(pt.x + 1, pt.y + 1, bodyFontSize - 2, bodyFontSize - 2); - - ctx.fillStyle = textColor; - } - - fillLineOfText(line); - }); - - helpers.each(bodyItem.after, fillLineOfText); - }); - - // Reset back to 0 for after body - xLinePadding = 0; - - // After body lines - helpers.each(vm.afterBody, fillLineOfText); - pt.y -= bodySpacing; // Remove last body spacing - }, - drawFooter: function(pt, vm, ctx, opacity) { - var footer = vm.footer; - - if (footer.length) { - pt.y += vm.footerMarginTop; - - ctx.textAlign = vm._footerAlign; - ctx.textBaseline = "top"; - - var footerFontColor = helpers.color(vm.footerFontColor); - ctx.fillStyle = footerFontColor.alpha(opacity * footerFontColor.alpha()).rgbString(); - ctx.font = helpers.fontString(vm.footerFontSize, vm._footerFontStyle, vm._footerFontFamily); - - helpers.each(footer, function(line) { - ctx.fillText(line, pt.x, pt.y); - pt.y += vm.footerFontSize + vm.footerSpacing; - }); - } - }, - draw: function() { - var ctx = this._chart.ctx; - var vm = this._view; - - if (vm.opacity === 0) { - return; - } - - var tooltipSize = this.getTooltipSize(vm); - var pt = { - x: vm.x, - y: vm.y - }; - - // IE11/Edge does not like very small opacities, so snap to 0 - var opacity = Math.abs(vm.opacity < 1e-3) ? 0 : vm.opacity; - - if (this._options.enabled) { - // Draw Background - var bgColor = helpers.color(vm.backgroundColor); - ctx.fillStyle = bgColor.alpha(opacity * bgColor.alpha()).rgbString(); - helpers.drawRoundedRectangle(ctx, pt.x, pt.y, tooltipSize.width, tooltipSize.height, vm.cornerRadius); - ctx.fill(); - - // Draw Caret - this.drawCaret(pt, tooltipSize, opacity); - - // Draw Title, Body, and Footer - pt.x += vm.xPadding; - pt.y += vm.yPadding; - - // Titles - this.drawTitle(pt, vm, ctx, opacity); - - // Body - this.drawBody(pt, vm, ctx, opacity); - - // Footer - this.drawFooter(pt, vm, ctx, opacity); - } - } - }); -}; - -},{}],35:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers, - globalOpts = Chart.defaults.global; - - globalOpts.elements.arc = { - backgroundColor: globalOpts.defaultColor, - borderColor: "#fff", - borderWidth: 2 - }; - - Chart.elements.Arc = Chart.Element.extend({ - inLabelRange: function(mouseX) { - var vm = this._view; - - if (vm) { - return (Math.pow(mouseX - vm.x, 2) < Math.pow(vm.radius + vm.hoverRadius, 2)); - } else { - return false; - } - }, - inRange: function(chartX, chartY) { - var vm = this._view; - - if (vm) { - var pointRelativePosition = helpers.getAngleFromPoint(vm, { - x: chartX, - y: chartY - }), - angle = pointRelativePosition.angle, - distance = pointRelativePosition.distance; - - //Sanitise angle range - var startAngle = vm.startAngle; - var endAngle = vm.endAngle; - while (endAngle < startAngle) { - endAngle += 2.0 * Math.PI; - } - while (angle > endAngle) { - angle -= 2.0 * Math.PI; - } - while (angle < startAngle) { - angle += 2.0 * Math.PI; - } - - //Check if within the range of the open/close angle - var betweenAngles = (angle >= startAngle && angle <= endAngle), - withinRadius = (distance >= vm.innerRadius && distance <= vm.outerRadius); - - return (betweenAngles && withinRadius); - } else { - return false; - } - }, - tooltipPosition: function() { - var vm = this._view; - - var centreAngle = vm.startAngle + ((vm.endAngle - vm.startAngle) / 2), - rangeFromCentre = (vm.outerRadius - vm.innerRadius) / 2 + vm.innerRadius; - return { - x: vm.x + (Math.cos(centreAngle) * rangeFromCentre), - y: vm.y + (Math.sin(centreAngle) * rangeFromCentre) - }; - }, - draw: function() { - - var ctx = this._chart.ctx, - vm = this._view, - sA = vm.startAngle, - eA = vm.endAngle; - - ctx.beginPath(); - - ctx.arc(vm.x, vm.y, vm.outerRadius, sA, eA); - ctx.arc(vm.x, vm.y, vm.innerRadius, eA, sA, true); - - ctx.closePath(); - ctx.strokeStyle = vm.borderColor; - ctx.lineWidth = vm.borderWidth; - - ctx.fillStyle = vm.backgroundColor; - - ctx.fill(); - ctx.lineJoin = 'bevel'; - - if (vm.borderWidth) { - ctx.stroke(); - } - } - }); -}; - -},{}],36:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - var globalDefaults = Chart.defaults.global; - - Chart.defaults.global.elements.line = { - tension: 0.4, - backgroundColor: globalDefaults.defaultColor, - borderWidth: 3, - borderColor: globalDefaults.defaultColor, - borderCapStyle: 'butt', - borderDash: [], - borderDashOffset: 0.0, - borderJoinStyle: 'miter', - capBezierPoints: true, - fill: true // do we fill in the area between the line and its base axis - }; - - Chart.elements.Line = Chart.Element.extend({ - draw: function() { - var me = this; - var vm = me._view; - var spanGaps = vm.spanGaps; - var scaleZero = vm.scaleZero; - var loop = me._loop; - - var ctx = me._chart.ctx; - ctx.save(); - - // Helper function to draw a line to a point - function lineToPoint(previousPoint, point) { - var vm = point._view; - if (point._view.steppedLine === true) { - ctx.lineTo(point._view.x, previousPoint._view.y); - ctx.lineTo(point._view.x, point._view.y); - } else if (point._view.tension === 0) { - ctx.lineTo(vm.x, vm.y); - } else { - ctx.bezierCurveTo( - previousPoint._view.controlPointNextX, - previousPoint._view.controlPointNextY, - vm.controlPointPreviousX, - vm.controlPointPreviousY, - vm.x, - vm.y - ); - } - } - - var points = me._children.slice(); // clone array - var lastDrawnIndex = -1; - - // If we are looping, adding the first point again - if (loop && points.length) { - points.push(points[0]); - } - - var index, current, previous, currentVM; - - // Fill Line - if (points.length && vm.fill) { - ctx.beginPath(); - - for (index = 0; index < points.length; ++index) { - current = points[index]; - previous = helpers.previousItem(points, index); - currentVM = current._view; - - // First point moves to it's starting position no matter what - if (index === 0) { - if (loop) { - ctx.moveTo(scaleZero.x, scaleZero.y); - } else { - ctx.moveTo(currentVM.x, scaleZero); - } - - if (!currentVM.skip) { - lastDrawnIndex = index; - ctx.lineTo(currentVM.x, currentVM.y); - } - } else { - previous = lastDrawnIndex === -1 ? previous : points[lastDrawnIndex]; - - if (currentVM.skip) { - // Only do this if this is the first point that is skipped - if (!spanGaps && lastDrawnIndex === (index - 1)) { - if (loop) { - ctx.lineTo(scaleZero.x, scaleZero.y); - } else { - ctx.lineTo(previous._view.x, scaleZero); - } - } - } else { - if (lastDrawnIndex !== (index - 1)) { - // There was a gap and this is the first point after the gap. If we've never drawn a point, this is a special case. - // If the first data point is NaN, then there is no real gap to skip - if (spanGaps && lastDrawnIndex !== -1) { - // We are spanning the gap, so simple draw a line to this point - lineToPoint(previous, current); - } else { - if (loop) { - ctx.lineTo(currentVM.x, currentVM.y); - } else { - ctx.lineTo(currentVM.x, scaleZero); - ctx.lineTo(currentVM.x, currentVM.y); - } - } - } else { - // Line to next point - lineToPoint(previous, current); - } - lastDrawnIndex = index; - } - } - } - - if (!loop && lastDrawnIndex !== -1) { - ctx.lineTo(points[lastDrawnIndex]._view.x, scaleZero); - } - - ctx.fillStyle = vm.backgroundColor || globalDefaults.defaultColor; - ctx.closePath(); - ctx.fill(); - } - - // Stroke Line Options - var globalOptionLineElements = globalDefaults.elements.line; - ctx.lineCap = vm.borderCapStyle || globalOptionLineElements.borderCapStyle; - - // IE 9 and 10 do not support line dash - if (ctx.setLineDash) { - ctx.setLineDash(vm.borderDash || globalOptionLineElements.borderDash); - } - - ctx.lineDashOffset = vm.borderDashOffset || globalOptionLineElements.borderDashOffset; - ctx.lineJoin = vm.borderJoinStyle || globalOptionLineElements.borderJoinStyle; - ctx.lineWidth = vm.borderWidth || globalOptionLineElements.borderWidth; - ctx.strokeStyle = vm.borderColor || globalDefaults.defaultColor; - - // Stroke Line - ctx.beginPath(); - lastDrawnIndex = -1; - - for (index = 0; index < points.length; ++index) { - current = points[index]; - previous = helpers.previousItem(points, index); - currentVM = current._view; - - // First point moves to it's starting position no matter what - if (index === 0) { - if (!currentVM.skip) { - ctx.moveTo(currentVM.x, currentVM.y); - lastDrawnIndex = index; - } - } else { - previous = lastDrawnIndex === -1 ? previous : points[lastDrawnIndex]; - - if (!currentVM.skip) { - if ((lastDrawnIndex !== (index - 1) && !spanGaps) || lastDrawnIndex === -1) { - // There was a gap and this is the first point after the gap - ctx.moveTo(currentVM.x, currentVM.y); - } else { - // Line to next point - lineToPoint(previous, current); - } - lastDrawnIndex = index; - } - } - } - - ctx.stroke(); - ctx.restore(); - } - }); -}; -},{}],37:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers, - globalOpts = Chart.defaults.global, - defaultColor = globalOpts.defaultColor; - - globalOpts.elements.point = { - radius: 3, - pointStyle: 'circle', - backgroundColor: defaultColor, - borderWidth: 1, - borderColor: defaultColor, - // Hover - hitRadius: 1, - hoverRadius: 4, - hoverBorderWidth: 1 - }; - - Chart.elements.Point = Chart.Element.extend({ - inRange: function(mouseX, mouseY) { - var vm = this._view; - return vm ? ((Math.pow(mouseX - vm.x, 2) + Math.pow(mouseY - vm.y, 2)) < Math.pow(vm.hitRadius + vm.radius, 2)) : false; - }, - inLabelRange: function(mouseX) { - var vm = this._view; - return vm ? (Math.pow(mouseX - vm.x, 2) < Math.pow(vm.radius + vm.hitRadius, 2)) : false; - }, - tooltipPosition: function() { - var vm = this._view; - return { - x: vm.x, - y: vm.y, - padding: vm.radius + vm.borderWidth - }; - }, - draw: function() { - var vm = this._view; - var ctx = this._chart.ctx; - var pointStyle = vm.pointStyle; - var radius = vm.radius; - var x = vm.x; - var y = vm.y; - - if (vm.skip) { - return; - } - - ctx.strokeStyle = vm.borderColor || defaultColor; - ctx.lineWidth = helpers.getValueOrDefault(vm.borderWidth, globalOpts.elements.point.borderWidth); - ctx.fillStyle = vm.backgroundColor || defaultColor; - - Chart.canvasHelpers.drawPoint(ctx, pointStyle, radius, x, y); - } - }); -}; - -},{}],38:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var globalOpts = Chart.defaults.global; - - globalOpts.elements.rectangle = { - backgroundColor: globalOpts.defaultColor, - borderWidth: 0, - borderColor: globalOpts.defaultColor, - borderSkipped: 'bottom' - }; - - Chart.elements.Rectangle = Chart.Element.extend({ - draw: function() { - var ctx = this._chart.ctx; - var vm = this._view; - - var halfWidth = vm.width / 2, - leftX = vm.x - halfWidth, - rightX = vm.x + halfWidth, - top = vm.base - (vm.base - vm.y), - halfStroke = vm.borderWidth / 2; - - // Canvas doesn't allow us to stroke inside the width so we can - // adjust the sizes to fit if we're setting a stroke on the line - if (vm.borderWidth) { - leftX += halfStroke; - rightX -= halfStroke; - top += halfStroke; - } - - ctx.beginPath(); - ctx.fillStyle = vm.backgroundColor; - ctx.strokeStyle = vm.borderColor; - ctx.lineWidth = vm.borderWidth; - - // Corner points, from bottom-left to bottom-right clockwise - // | 1 2 | - // | 0 3 | - var corners = [ - [leftX, vm.base], - [leftX, top], - [rightX, top], - [rightX, vm.base] - ]; - - // Find first (starting) corner with fallback to 'bottom' - var borders = ['bottom', 'left', 'top', 'right']; - var startCorner = borders.indexOf(vm.borderSkipped, 0); - if (startCorner === -1) - startCorner = 0; - - function cornerAt(index) { - return corners[(startCorner + index) % 4]; - } - - // Draw rectangle from 'startCorner' - ctx.moveTo.apply(ctx, cornerAt(0)); - for (var i = 1; i < 4; i++) - ctx.lineTo.apply(ctx, cornerAt(i)); - - ctx.fill(); - if (vm.borderWidth) { - ctx.stroke(); - } - }, - height: function() { - var vm = this._view; - return vm.base - vm.y; - }, - inRange: function(mouseX, mouseY) { - var vm = this._view; - return vm ? - (vm.y < vm.base ? - (mouseX >= vm.x - vm.width / 2 && mouseX <= vm.x + vm.width / 2) && (mouseY >= vm.y && mouseY <= vm.base) : - (mouseX >= vm.x - vm.width / 2 && mouseX <= vm.x + vm.width / 2) && (mouseY >= vm.base && mouseY <= vm.y)) : - false; - }, - inLabelRange: function(mouseX) { - var vm = this._view; - return vm ? (mouseX >= vm.x - vm.width / 2 && mouseX <= vm.x + vm.width / 2) : false; - }, - tooltipPosition: function() { - var vm = this._view; - return { - x: vm.x, - y: vm.y - }; - } - }); - -}; -},{}],39:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - // Default config for a category scale - var defaultConfig = { - position: "bottom" - }; - - var DatasetScale = Chart.Scale.extend({ - /** - * Internal function to get the correct labels. If data.xLabels or data.yLabels are defined, use tose - * else fall back to data.labels - * @private - */ - getLabels: function() { - var data = this.chart.data; - return (this.isHorizontal() ? data.xLabels : data.yLabels) || data.labels; - }, - // Implement this so that - determineDataLimits: function() { - var me = this; - var labels = me.getLabels(); - me.minIndex = 0; - me.maxIndex = labels.length - 1; - var findIndex; - - if (me.options.ticks.min !== undefined) { - // user specified min value - findIndex = helpers.indexOf(labels, me.options.ticks.min); - me.minIndex = findIndex !== -1 ? findIndex : me.minIndex; - } - - if (me.options.ticks.max !== undefined) { - // user specified max value - findIndex = helpers.indexOf(labels, me.options.ticks.max); - me.maxIndex = findIndex !== -1 ? findIndex : me.maxIndex; - } - - me.min = labels[me.minIndex]; - me.max = labels[me.maxIndex]; - }, - - buildTicks: function() { - var me = this; - var labels = me.getLabels(); - // If we are viewing some subset of labels, slice the original array - me.ticks = (me.minIndex === 0 && me.maxIndex === labels.length - 1) ? labels : labels.slice(me.minIndex, me.maxIndex + 1); - }, - - getLabelForIndex: function(index) { - return this.ticks[index]; - }, - - // Used to get data value locations. Value can either be an index or a numerical value - getPixelForValue: function(value, index, datasetIndex, includeOffset) { - var me = this; - // 1 is added because we need the length but we have the indexes - var offsetAmt = Math.max((me.maxIndex + 1 - me.minIndex - ((me.options.gridLines.offsetGridLines) ? 0 : 1)), 1); - - if (value !== undefined && isNaN(index)) { - var labels = me.getLabels(); - var idx = labels.indexOf(value); - index = idx !== -1 ? idx : index; - } - - if (me.isHorizontal()) { - var innerWidth = me.width - (me.paddingLeft + me.paddingRight); - var valueWidth = innerWidth / offsetAmt; - var widthOffset = (valueWidth * (index - me.minIndex)) + me.paddingLeft; - - if (me.options.gridLines.offsetGridLines && includeOffset || me.maxIndex === me.minIndex && includeOffset) { - widthOffset += (valueWidth / 2); - } - - return me.left + Math.round(widthOffset); - } else { - var innerHeight = me.height - (me.paddingTop + me.paddingBottom); - var valueHeight = innerHeight / offsetAmt; - var heightOffset = (valueHeight * (index - me.minIndex)) + me.paddingTop; - - if (me.options.gridLines.offsetGridLines && includeOffset) { - heightOffset += (valueHeight / 2); - } - - return me.top + Math.round(heightOffset); - } - }, - getPixelForTick: function(index, includeOffset) { - return this.getPixelForValue(this.ticks[index], index + this.minIndex, null, includeOffset); - }, - getValueForPixel: function(pixel) { - var me = this; - var value; - var offsetAmt = Math.max((me.ticks.length - ((me.options.gridLines.offsetGridLines) ? 0 : 1)), 1); - var horz = me.isHorizontal(); - var innerDimension = horz ? me.width - (me.paddingLeft + me.paddingRight) : me.height - (me.paddingTop + me.paddingBottom); - var valueDimension = innerDimension / offsetAmt; - - pixel -= horz ? me.left : me.top; - - if (me.options.gridLines.offsetGridLines) { - pixel -= (valueDimension / 2); - } - pixel -= horz ? me.paddingLeft : me.paddingTop; - - if (pixel <= 0) { - value = 0; - } else { - value = Math.round(pixel / valueDimension); - } - - return value; - }, - getBasePixel: function() { - return this.bottom; - } - }); - - Chart.scaleService.registerScaleType("category", DatasetScale, defaultConfig); - -}; -},{}],40:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - var defaultConfig = { - position: "left", - ticks: { - callback: function(tickValue, index, ticks) { - // If we have lots of ticks, don't use the ones - var delta = ticks.length > 3 ? ticks[2] - ticks[1] : ticks[1] - ticks[0]; - - // If we have a number like 2.5 as the delta, figure out how many decimal places we need - if (Math.abs(delta) > 1) { - if (tickValue !== Math.floor(tickValue)) { - // not an integer - delta = tickValue - Math.floor(tickValue); - } - } - - var logDelta = helpers.log10(Math.abs(delta)); - var tickString = ''; - - if (tickValue !== 0) { - var numDecimal = -1 * Math.floor(logDelta); - numDecimal = Math.max(Math.min(numDecimal, 20), 0); // toFixed has a max of 20 decimal places - tickString = tickValue.toFixed(numDecimal); - } else { - tickString = '0'; // never show decimal places for 0 - } - - return tickString; - } - } - }; - - var LinearScale = Chart.LinearScaleBase.extend({ - determineDataLimits: function() { - var me = this; - var opts = me.options; - var chart = me.chart; - var data = chart.data; - var datasets = data.datasets; - var isHorizontal = me.isHorizontal(); - - function IDMatches(meta) { - return isHorizontal ? meta.xAxisID === me.id : meta.yAxisID === me.id; - } - - // First Calculate the range - me.min = null; - me.max = null; - - if (opts.stacked) { - var valuesPerType = {}; - var hasPositiveValues = false; - var hasNegativeValues = false; - - helpers.each(datasets, function(dataset, datasetIndex) { - var meta = chart.getDatasetMeta(datasetIndex); - if (valuesPerType[meta.type] === undefined) { - valuesPerType[meta.type] = { - positiveValues: [], - negativeValues: [] - }; - } - - // Store these per type - var positiveValues = valuesPerType[meta.type].positiveValues; - var negativeValues = valuesPerType[meta.type].negativeValues; - - if (chart.isDatasetVisible(datasetIndex) && IDMatches(meta)) { - helpers.each(dataset.data, function(rawValue, index) { - var value = +me.getRightValue(rawValue); - if (isNaN(value) || meta.data[index].hidden) { - return; - } - - positiveValues[index] = positiveValues[index] || 0; - negativeValues[index] = negativeValues[index] || 0; - - if (opts.relativePoints) { - positiveValues[index] = 100; - } else { - if (value < 0) { - hasNegativeValues = true; - negativeValues[index] += value; - } else { - hasPositiveValues = true; - positiveValues[index] += value; - } - } - }); - } - }); - - helpers.each(valuesPerType, function(valuesForType) { - var values = valuesForType.positiveValues.concat(valuesForType.negativeValues); - var minVal = helpers.min(values); - var maxVal = helpers.max(values); - me.min = me.min === null ? minVal : Math.min(me.min, minVal); - me.max = me.max === null ? maxVal : Math.max(me.max, maxVal); - }); - - } else { - helpers.each(datasets, function(dataset, datasetIndex) { - var meta = chart.getDatasetMeta(datasetIndex); - if (chart.isDatasetVisible(datasetIndex) && IDMatches(meta)) { - helpers.each(dataset.data, function(rawValue, index) { - var value = +me.getRightValue(rawValue); - if (isNaN(value) || meta.data[index].hidden) { - return; - } - - if (me.min === null) { - me.min = value; - } else if (value < me.min) { - me.min = value; - } - - if (me.max === null) { - me.max = value; - } else if (value > me.max) { - me.max = value; - } - }); - } - }); - } - - // Common base implementation to handle ticks.min, ticks.max, ticks.beginAtZero - this.handleTickRangeOptions(); - }, - getTickLimit: function() { - var maxTicks; - var me = this; - var tickOpts = me.options.ticks; - - if (me.isHorizontal()) { - maxTicks = Math.min(tickOpts.maxTicksLimit ? tickOpts.maxTicksLimit : 11, Math.ceil(me.width / 50)); - } else { - // The factor of 2 used to scale the font size has been experimentally determined. - var tickFontSize = helpers.getValueOrDefault(tickOpts.fontSize, Chart.defaults.global.defaultFontSize); - maxTicks = Math.min(tickOpts.maxTicksLimit ? tickOpts.maxTicksLimit : 11, Math.ceil(me.height / (2 * tickFontSize))); - } - - return maxTicks; - }, - // Called after the ticks are built. We need - handleDirectionalChanges: function() { - if (!this.isHorizontal()) { - // We are in a vertical orientation. The top value is the highest. So reverse the array - this.ticks.reverse(); - } - }, - getLabelForIndex: function(index, datasetIndex) { - return +this.getRightValue(this.chart.data.datasets[datasetIndex].data[index]); - }, - // Utils - getPixelForValue: function(value) { - // This must be called after fit has been run so that - // this.left, this.top, this.right, and this.bottom have been defined - var me = this; - var paddingLeft = me.paddingLeft; - var paddingBottom = me.paddingBottom; - var start = me.start; - - var rightValue = +me.getRightValue(value); - var pixel; - var innerDimension; - var range = me.end - start; - - if (me.isHorizontal()) { - innerDimension = me.width - (paddingLeft + me.paddingRight); - pixel = me.left + (innerDimension / range * (rightValue - start)); - return Math.round(pixel + paddingLeft); - } else { - innerDimension = me.height - (me.paddingTop + paddingBottom); - pixel = (me.bottom - paddingBottom) - (innerDimension / range * (rightValue - start)); - return Math.round(pixel); - } - }, - getValueForPixel: function(pixel) { - var me = this; - var isHorizontal = me.isHorizontal(); - var paddingLeft = me.paddingLeft; - var paddingBottom = me.paddingBottom; - var innerDimension = isHorizontal ? me.width - (paddingLeft + me.paddingRight) : me.height - (me.paddingTop + paddingBottom); - var offset = (isHorizontal ? pixel - me.left - paddingLeft : me.bottom - paddingBottom - pixel) / innerDimension; - return me.start + ((me.end - me.start) * offset); - }, - getPixelForTick: function(index) { - return this.getPixelForValue(this.ticksAsNumbers[index]); - } - }); - Chart.scaleService.registerScaleType("linear", LinearScale, defaultConfig); - -}; -},{}],41:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers, - noop = helpers.noop; - - Chart.LinearScaleBase = Chart.Scale.extend({ - handleTickRangeOptions: function() { - var me = this; - var opts = me.options; - var tickOpts = opts.ticks; - - // If we are forcing it to begin at 0, but 0 will already be rendered on the chart, - // do nothing since that would make the chart weird. If the user really wants a weird chart - // axis, they can manually override it - if (tickOpts.beginAtZero) { - var minSign = helpers.sign(me.min); - var maxSign = helpers.sign(me.max); - - if (minSign < 0 && maxSign < 0) { - // move the top up to 0 - me.max = 0; - } else if (minSign > 0 && maxSign > 0) { - // move the botttom down to 0 - me.min = 0; - } - } - - if (tickOpts.min !== undefined) { - me.min = tickOpts.min; - } else if (tickOpts.suggestedMin !== undefined) { - me.min = Math.min(me.min, tickOpts.suggestedMin); - } - - if (tickOpts.max !== undefined) { - me.max = tickOpts.max; - } else if (tickOpts.suggestedMax !== undefined) { - me.max = Math.max(me.max, tickOpts.suggestedMax); - } - - if (me.min === me.max) { - me.max++; - - if (!tickOpts.beginAtZero) { - me.min--; - } - } - }, - getTickLimit: noop, - handleDirectionalChanges: noop, - - buildTicks: function() { - var me = this; - var opts = me.options; - var ticks = me.ticks = []; - var tickOpts = opts.ticks; - var getValueOrDefault = helpers.getValueOrDefault; - - // Figure out what the max number of ticks we can support it is based on the size of - // the axis area. For now, we say that the minimum tick spacing in pixels must be 50 - // We also limit the maximum number of ticks to 11 which gives a nice 10 squares on - // the graph - - var maxTicks = me.getTickLimit(); - - // Make sure we always have at least 2 ticks - maxTicks = Math.max(2, maxTicks); - - // To get a "nice" value for the tick spacing, we will use the appropriately named - // "nice number" algorithm. See http://stackoverflow.com/questions/8506881/nice-label-algorithm-for-charts-with-minimum-ticks - // for details. - - var spacing; - var fixedStepSizeSet = (tickOpts.fixedStepSize && tickOpts.fixedStepSize > 0) || (tickOpts.stepSize && tickOpts.stepSize > 0); - if (fixedStepSizeSet) { - spacing = getValueOrDefault(tickOpts.fixedStepSize, tickOpts.stepSize); - } else { - var niceRange = helpers.niceNum(me.max - me.min, false); - spacing = helpers.niceNum(niceRange / (maxTicks - 1), true); - } - var niceMin = Math.floor(me.min / spacing) * spacing; - var niceMax = Math.ceil(me.max / spacing) * spacing; - var numSpaces = (niceMax - niceMin) / spacing; - - // If very close to our rounded value, use it. - if (helpers.almostEquals(numSpaces, Math.round(numSpaces), spacing / 1000)) { - numSpaces = Math.round(numSpaces); - } else { - numSpaces = Math.ceil(numSpaces); - } - - // Put the values into the ticks array - ticks.push(tickOpts.min !== undefined ? tickOpts.min : niceMin); - for (var j = 1; j < numSpaces; ++j) { - ticks.push(niceMin + (j * spacing)); - } - ticks.push(tickOpts.max !== undefined ? tickOpts.max : niceMax); - - me.handleDirectionalChanges(); - - // At this point, we need to update our max and min given the tick values since we have expanded the - // range of the scale - me.max = helpers.max(ticks); - me.min = helpers.min(ticks); - - if (tickOpts.reverse) { - ticks.reverse(); - - me.start = me.max; - me.end = me.min; - } else { - me.start = me.min; - me.end = me.max; - } - }, - convertTicksToLabels: function() { - var me = this; - me.ticksAsNumbers = me.ticks.slice(); - me.zeroLineIndex = me.ticks.indexOf(0); - - Chart.Scale.prototype.convertTicksToLabels.call(me); - } - }); -}; -},{}],42:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - - var defaultConfig = { - position: "left", - - // label settings - ticks: { - callback: function(value, index, arr) { - var remain = value / (Math.pow(10, Math.floor(helpers.log10(value)))); - - if (value === 0){ - return '0'; - } else if (remain === 1 || remain === 2 || remain === 5 || index === 0 || index === arr.length - 1) { - return value.toExponential(); - } else { - return ''; - } - } - } - }; - - var LogarithmicScale = Chart.Scale.extend({ - determineDataLimits: function() { - var me = this; - var opts = me.options; - var tickOpts = opts.ticks; - var chart = me.chart; - var data = chart.data; - var datasets = data.datasets; - var getValueOrDefault = helpers.getValueOrDefault; - var isHorizontal = me.isHorizontal(); - function IDMatches(meta) { - return isHorizontal ? meta.xAxisID === me.id : meta.yAxisID === me.id; - } - - // Calculate Range - me.min = null; - me.max = null; - me.minNotZero = null; - - if (opts.stacked) { - var valuesPerType = {}; - - helpers.each(datasets, function(dataset, datasetIndex) { - var meta = chart.getDatasetMeta(datasetIndex); - if (chart.isDatasetVisible(datasetIndex) && IDMatches(meta)) { - if (valuesPerType[meta.type] === undefined) { - valuesPerType[meta.type] = []; - } - - helpers.each(dataset.data, function(rawValue, index) { - var values = valuesPerType[meta.type]; - var value = +me.getRightValue(rawValue); - if (isNaN(value) || meta.data[index].hidden) { - return; - } - - values[index] = values[index] || 0; - - if (opts.relativePoints) { - values[index] = 100; - } else { - // Don't need to split positive and negative since the log scale can't handle a 0 crossing - values[index] += value; - } - }); - } - }); - - helpers.each(valuesPerType, function(valuesForType) { - var minVal = helpers.min(valuesForType); - var maxVal = helpers.max(valuesForType); - me.min = me.min === null ? minVal : Math.min(me.min, minVal); - me.max = me.max === null ? maxVal : Math.max(me.max, maxVal); - }); - - } else { - helpers.each(datasets, function(dataset, datasetIndex) { - var meta = chart.getDatasetMeta(datasetIndex); - if (chart.isDatasetVisible(datasetIndex) && IDMatches(meta)) { - helpers.each(dataset.data, function(rawValue, index) { - var value = +me.getRightValue(rawValue); - if (isNaN(value) || meta.data[index].hidden) { - return; - } - - if (me.min === null) { - me.min = value; - } else if (value < me.min) { - me.min = value; - } - - if (me.max === null) { - me.max = value; - } else if (value > me.max) { - me.max = value; - } - - if(value !== 0 && (me.minNotZero === null || value < me.minNotZero)) { - me.minNotZero = value; - } - }); - } - }); - } - - me.min = getValueOrDefault(tickOpts.min, me.min); - me.max = getValueOrDefault(tickOpts.max, me.max); - - if (me.min === me.max) { - if (me.min !== 0 && me.min !== null) { - me.min = Math.pow(10, Math.floor(helpers.log10(me.min)) - 1); - me.max = Math.pow(10, Math.floor(helpers.log10(me.max)) + 1); - } else { - me.min = 1; - me.max = 10; - } - } - }, - buildTicks: function() { - var me = this; - var opts = me.options; - var tickOpts = opts.ticks; - var getValueOrDefault = helpers.getValueOrDefault; - - // Reset the ticks array. Later on, we will draw a grid line at these positions - // The array simply contains the numerical value of the spots where ticks will be - var ticks = me.ticks = []; - - // Figure out what the max number of ticks we can support it is based on the size of - // the axis area. For now, we say that the minimum tick spacing in pixels must be 50 - // We also limit the maximum number of ticks to 11 which gives a nice 10 squares on - // the graph - - var tickVal = getValueOrDefault(tickOpts.min, Math.pow(10, Math.floor(helpers.log10(me.min)))); - - while (tickVal < me.max) { - ticks.push(tickVal); - - var exp; - var significand; - - if(tickVal === 0){ - exp = Math.floor(helpers.log10(me.minNotZero)); - significand = Math.round(me.minNotZero / Math.pow(10, exp)); - } else { - exp = Math.floor(helpers.log10(tickVal)); - significand = Math.floor(tickVal / Math.pow(10, exp)) + 1; - } - - if (significand === 10) { - significand = 1; - ++exp; - } - - tickVal = significand * Math.pow(10, exp); - } - - var lastTick = getValueOrDefault(tickOpts.max, tickVal); - ticks.push(lastTick); - - if (!me.isHorizontal()) { - // We are in a vertical orientation. The top value is the highest. So reverse the array - ticks.reverse(); - } - - // At this point, we need to update our max and min given the tick values since we have expanded the - // range of the scale - me.max = helpers.max(ticks); - me.min = helpers.min(ticks); - - if (tickOpts.reverse) { - ticks.reverse(); - - me.start = me.max; - me.end = me.min; - } else { - me.start = me.min; - me.end = me.max; - } - }, - convertTicksToLabels: function() { - this.tickValues = this.ticks.slice(); - - Chart.Scale.prototype.convertTicksToLabels.call(this); - }, - // Get the correct tooltip label - getLabelForIndex: function(index, datasetIndex) { - return +this.getRightValue(this.chart.data.datasets[datasetIndex].data[index]); - }, - getPixelForTick: function(index) { - return this.getPixelForValue(this.tickValues[index]); - }, - getPixelForValue: function(value) { - var me = this; - var innerDimension; - var pixel; - - var start = me.start; - var newVal = +me.getRightValue(value); - var range; - var paddingTop = me.paddingTop; - var paddingBottom = me.paddingBottom; - var paddingLeft = me.paddingLeft; - var opts = me.options; - var tickOpts = opts.ticks; - - if (me.isHorizontal()) { - range = helpers.log10(me.end) - helpers.log10(start); // todo: if start === 0 - if (newVal === 0) { - pixel = me.left + paddingLeft; - } else { - innerDimension = me.width - (paddingLeft + me.paddingRight); - pixel = me.left + (innerDimension / range * (helpers.log10(newVal) - helpers.log10(start))); - pixel += paddingLeft; - } - } else { - // Bottom - top since pixels increase downard on a screen - innerDimension = me.height - (paddingTop + paddingBottom); - if(start === 0 && !tickOpts.reverse){ - range = helpers.log10(me.end) - helpers.log10(me.minNotZero); - if (newVal === start) { - pixel = me.bottom - paddingBottom; - } else if(newVal === me.minNotZero){ - pixel = me.bottom - paddingBottom - innerDimension * 0.02; - } else { - pixel = me.bottom - paddingBottom - innerDimension * 0.02 - (innerDimension * 0.98/ range * (helpers.log10(newVal)-helpers.log10(me.minNotZero))); - } - } else if (me.end === 0 && tickOpts.reverse){ - range = helpers.log10(me.start) - helpers.log10(me.minNotZero); - if (newVal === me.end) { - pixel = me.top + paddingTop; - } else if(newVal === me.minNotZero){ - pixel = me.top + paddingTop + innerDimension * 0.02; - } else { - pixel = me.top + paddingTop + innerDimension * 0.02 + (innerDimension * 0.98/ range * (helpers.log10(newVal)-helpers.log10(me.minNotZero))); - } - } else { - range = helpers.log10(me.end) - helpers.log10(start); - innerDimension = me.height - (paddingTop + paddingBottom); - pixel = (me.bottom - paddingBottom) - (innerDimension / range * (helpers.log10(newVal) - helpers.log10(start))); - } - } - return pixel; - }, - getValueForPixel: function(pixel) { - var me = this; - var range = helpers.log10(me.end) - helpers.log10(me.start); - var value, innerDimension; - - if (me.isHorizontal()) { - innerDimension = me.width - (me.paddingLeft + me.paddingRight); - value = me.start * Math.pow(10, (pixel - me.left - me.paddingLeft) * range / innerDimension); - } else { // todo: if start === 0 - innerDimension = me.height - (me.paddingTop + me.paddingBottom); - value = Math.pow(10, (me.bottom - me.paddingBottom - pixel) * range / innerDimension) / me.start; - } - return value; - } - }); - Chart.scaleService.registerScaleType("logarithmic", LogarithmicScale, defaultConfig); - -}; -},{}],43:[function(require,module,exports){ -"use strict"; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - var globalDefaults = Chart.defaults.global; - - var defaultConfig = { - display: true, - - //Boolean - Whether to animate scaling the chart from the centre - animate: true, - lineArc: false, - position: "chartArea", - - angleLines: { - display: true, - color: "rgba(0, 0, 0, 0.1)", - lineWidth: 1 - }, - - // label settings - ticks: { - //Boolean - Show a backdrop to the scale label - showLabelBackdrop: true, - - //String - The colour of the label backdrop - backdropColor: "rgba(255,255,255,0.75)", - - //Number - The backdrop padding above & below the label in pixels - backdropPaddingY: 2, - - //Number - The backdrop padding to the side of the label in pixels - backdropPaddingX: 2 - }, - - pointLabels: { - //Number - Point label font size in pixels - fontSize: 10, - - //Function - Used to convert point labels - callback: function(label) { - return label; - } - } - }; - - var LinearRadialScale = Chart.LinearScaleBase.extend({ - getValueCount: function() { - return this.chart.data.labels.length; - }, - setDimensions: function() { - var me = this; - var opts = me.options; - var tickOpts = opts.ticks; - // Set the unconstrained dimension before label rotation - me.width = me.maxWidth; - me.height = me.maxHeight; - me.xCenter = Math.round(me.width / 2); - me.yCenter = Math.round(me.height / 2); - - var minSize = helpers.min([me.height, me.width]); - var tickFontSize = helpers.getValueOrDefault(tickOpts.fontSize, globalDefaults.defaultFontSize); - me.drawingArea = opts.display ? (minSize / 2) - (tickFontSize / 2 + tickOpts.backdropPaddingY) : (minSize / 2); - }, - determineDataLimits: function() { - var me = this; - var chart = me.chart; - me.min = null; - me.max = null; - - - helpers.each(chart.data.datasets, function(dataset, datasetIndex) { - if (chart.isDatasetVisible(datasetIndex)) { - var meta = chart.getDatasetMeta(datasetIndex); - - helpers.each(dataset.data, function(rawValue, index) { - var value = +me.getRightValue(rawValue); - if (isNaN(value) || meta.data[index].hidden) { - return; - } - - if (me.min === null) { - me.min = value; - } else if (value < me.min) { - me.min = value; - } - - if (me.max === null) { - me.max = value; - } else if (value > me.max) { - me.max = value; - } - }); - } - }); - - // Common base implementation to handle ticks.min, ticks.max, ticks.beginAtZero - me.handleTickRangeOptions(); - }, - getTickLimit: function() { - var tickOpts = this.options.ticks; - var tickFontSize = helpers.getValueOrDefault(tickOpts.fontSize, globalDefaults.defaultFontSize); - return Math.min(tickOpts.maxTicksLimit ? tickOpts.maxTicksLimit : 11, Math.ceil(this.drawingArea / (1.5 * tickFontSize))); - }, - convertTicksToLabels: function() { - var me = this; - Chart.LinearScaleBase.prototype.convertTicksToLabels.call(me); - - // Point labels - me.pointLabels = me.chart.data.labels.map(me.options.pointLabels.callback, me); - }, - getLabelForIndex: function(index, datasetIndex) { - return +this.getRightValue(this.chart.data.datasets[datasetIndex].data[index]); - }, - fit: function() { - /* - * Right, this is really confusing and there is a lot of maths going on here - * The gist of the problem is here: https://gist.github.com/nnnick/696cc9c55f4b0beb8fe9 - * - * Reaction: https://dl.dropboxusercontent.com/u/34601363/toomuchscience.gif - * - * Solution: - * - * We assume the radius of the polygon is half the size of the canvas at first - * at each index we check if the text overlaps. - * - * Where it does, we store that angle and that index. - * - * After finding the largest index and angle we calculate how much we need to remove - * from the shape radius to move the point inwards by that x. - * - * We average the left and right distances to get the maximum shape radius that can fit in the box - * along with labels. - * - * Once we have that, we can find the centre point for the chart, by taking the x text protrusion - * on each side, removing that from the size, halving it and adding the left x protrusion width. - * - * This will mean we have a shape fitted to the canvas, as large as it can be with the labels - * and position it in the most space efficient manner - * - * https://dl.dropboxusercontent.com/u/34601363/yeahscience.gif - */ - - var pointLabels = this.options.pointLabels; - var pointLabelFontSize = helpers.getValueOrDefault(pointLabels.fontSize, globalDefaults.defaultFontSize); - var pointLabeFontStyle = helpers.getValueOrDefault(pointLabels.fontStyle, globalDefaults.defaultFontStyle); - var pointLabeFontFamily = helpers.getValueOrDefault(pointLabels.fontFamily, globalDefaults.defaultFontFamily); - var pointLabeFont = helpers.fontString(pointLabelFontSize, pointLabeFontStyle, pointLabeFontFamily); - - // Get maximum radius of the polygon. Either half the height (minus the text width) or half the width. - // Use this to calculate the offset + change. - Make sure L/R protrusion is at least 0 to stop issues with centre points - var largestPossibleRadius = helpers.min([(this.height / 2 - pointLabelFontSize - 5), this.width / 2]), - pointPosition, - i, - textWidth, - halfTextWidth, - furthestRight = this.width, - furthestRightIndex, - furthestRightAngle, - furthestLeft = 0, - furthestLeftIndex, - furthestLeftAngle, - xProtrusionLeft, - xProtrusionRight, - radiusReductionRight, - radiusReductionLeft; - this.ctx.font = pointLabeFont; - - for (i = 0; i < this.getValueCount(); i++) { - // 5px to space the text slightly out - similar to what we do in the draw function. - pointPosition = this.getPointPosition(i, largestPossibleRadius); - textWidth = this.ctx.measureText(this.pointLabels[i] ? this.pointLabels[i] : '').width + 5; - - // Add quarter circle to make degree 0 mean top of circle - var angleRadians = this.getIndexAngle(i) + (Math.PI / 2); - var angle = (angleRadians * 360 / (2 * Math.PI)) % 360; - - if (angle === 0 || angle === 180) { - // At angle 0 and 180, we're at exactly the top/bottom - // of the radar chart, so text will be aligned centrally, so we'll half it and compare - // w/left and right text sizes - halfTextWidth = textWidth / 2; - if (pointPosition.x + halfTextWidth > furthestRight) { - furthestRight = pointPosition.x + halfTextWidth; - furthestRightIndex = i; - } - if (pointPosition.x - halfTextWidth < furthestLeft) { - furthestLeft = pointPosition.x - halfTextWidth; - furthestLeftIndex = i; - } - } else if (angle < 180) { - // Less than half the values means we'll left align the text - if (pointPosition.x + textWidth > furthestRight) { - furthestRight = pointPosition.x + textWidth; - furthestRightIndex = i; - } - } else { - // More than half the values means we'll right align the text - if (pointPosition.x - textWidth < furthestLeft) { - furthestLeft = pointPosition.x - textWidth; - furthestLeftIndex = i; - } - } - } - - xProtrusionLeft = furthestLeft; - xProtrusionRight = Math.ceil(furthestRight - this.width); - - furthestRightAngle = this.getIndexAngle(furthestRightIndex); - furthestLeftAngle = this.getIndexAngle(furthestLeftIndex); - - radiusReductionRight = xProtrusionRight / Math.sin(furthestRightAngle + Math.PI / 2); - radiusReductionLeft = xProtrusionLeft / Math.sin(furthestLeftAngle + Math.PI / 2); - - // Ensure we actually need to reduce the size of the chart - radiusReductionRight = (helpers.isNumber(radiusReductionRight)) ? radiusReductionRight : 0; - radiusReductionLeft = (helpers.isNumber(radiusReductionLeft)) ? radiusReductionLeft : 0; - - this.drawingArea = Math.round(largestPossibleRadius - (radiusReductionLeft + radiusReductionRight) / 2); - this.setCenterPoint(radiusReductionLeft, radiusReductionRight); - }, - setCenterPoint: function(leftMovement, rightMovement) { - var me = this; - var maxRight = me.width - rightMovement - me.drawingArea, - maxLeft = leftMovement + me.drawingArea; - - me.xCenter = Math.round(((maxLeft + maxRight) / 2) + me.left); - // Always vertically in the centre as the text height doesn't change - me.yCenter = Math.round((me.height / 2) + me.top); - }, - - getIndexAngle: function(index) { - var angleMultiplier = (Math.PI * 2) / this.getValueCount(); - var startAngle = this.chart.options && this.chart.options.startAngle ? - this.chart.options.startAngle : - 0; - - var startAngleRadians = startAngle * Math.PI * 2 / 360; - - // Start from the top instead of right, so remove a quarter of the circle - return index * angleMultiplier - (Math.PI / 2) + startAngleRadians; - }, - getDistanceFromCenterForValue: function(value) { - var me = this; - - if (value === null) { - return 0; // null always in center - } - - // Take into account half font size + the yPadding of the top value - var scalingFactor = me.drawingArea / (me.max - me.min); - if (me.options.reverse) { - return (me.max - value) * scalingFactor; - } else { - return (value - me.min) * scalingFactor; - } - }, - getPointPosition: function(index, distanceFromCenter) { - var me = this; - var thisAngle = me.getIndexAngle(index); - return { - x: Math.round(Math.cos(thisAngle) * distanceFromCenter) + me.xCenter, - y: Math.round(Math.sin(thisAngle) * distanceFromCenter) + me.yCenter - }; - }, - getPointPositionForValue: function(index, value) { - return this.getPointPosition(index, this.getDistanceFromCenterForValue(value)); - }, - - getBasePosition: function() { - var me = this; - var min = me.min; - var max = me.max; - - return me.getPointPositionForValue(0, - me.beginAtZero? 0: - min < 0 && max < 0? max : - min > 0 && max > 0? min : - 0); - }, - - draw: function() { - var me = this; - var opts = me.options; - var gridLineOpts = opts.gridLines; - var tickOpts = opts.ticks; - var angleLineOpts = opts.angleLines; - var pointLabelOpts = opts.pointLabels; - var getValueOrDefault = helpers.getValueOrDefault; - - if (opts.display) { - var ctx = me.ctx; - - // Tick Font - var tickFontSize = getValueOrDefault(tickOpts.fontSize, globalDefaults.defaultFontSize); - var tickFontStyle = getValueOrDefault(tickOpts.fontStyle, globalDefaults.defaultFontStyle); - var tickFontFamily = getValueOrDefault(tickOpts.fontFamily, globalDefaults.defaultFontFamily); - var tickLabelFont = helpers.fontString(tickFontSize, tickFontStyle, tickFontFamily); - - helpers.each(me.ticks, function(label, index) { - // Don't draw a centre value (if it is minimum) - if (index > 0 || opts.reverse) { - var yCenterOffset = me.getDistanceFromCenterForValue(me.ticksAsNumbers[index]); - var yHeight = me.yCenter - yCenterOffset; - - // Draw circular lines around the scale - if (gridLineOpts.display && index !== 0) { - ctx.strokeStyle = helpers.getValueAtIndexOrDefault(gridLineOpts.color, index - 1); - ctx.lineWidth = helpers.getValueAtIndexOrDefault(gridLineOpts.lineWidth, index - 1); - - if (opts.lineArc) { - // Draw circular arcs between the points - ctx.beginPath(); - ctx.arc(me.xCenter, me.yCenter, yCenterOffset, 0, Math.PI * 2); - ctx.closePath(); - ctx.stroke(); - } else { - // Draw straight lines connecting each index - ctx.beginPath(); - for (var i = 0; i < me.getValueCount(); i++) { - var pointPosition = me.getPointPosition(i, yCenterOffset); - if (i === 0) { - ctx.moveTo(pointPosition.x, pointPosition.y); - } else { - ctx.lineTo(pointPosition.x, pointPosition.y); - } - } - ctx.closePath(); - ctx.stroke(); - } - } - - if (tickOpts.display) { - var tickFontColor = getValueOrDefault(tickOpts.fontColor, globalDefaults.defaultFontColor); - ctx.font = tickLabelFont; - - if (tickOpts.showLabelBackdrop) { - var labelWidth = ctx.measureText(label).width; - ctx.fillStyle = tickOpts.backdropColor; - ctx.fillRect( - me.xCenter - labelWidth / 2 - tickOpts.backdropPaddingX, - yHeight - tickFontSize / 2 - tickOpts.backdropPaddingY, - labelWidth + tickOpts.backdropPaddingX * 2, - tickFontSize + tickOpts.backdropPaddingY * 2 - ); - } - - ctx.textAlign = 'center'; - ctx.textBaseline = "middle"; - ctx.fillStyle = tickFontColor; - ctx.fillText(label, me.xCenter, yHeight); - } - } - }); - - if (!opts.lineArc) { - ctx.lineWidth = angleLineOpts.lineWidth; - ctx.strokeStyle = angleLineOpts.color; - - var outerDistance = me.getDistanceFromCenterForValue(opts.reverse ? me.min : me.max); - - // Point Label Font - var pointLabelFontSize = getValueOrDefault(pointLabelOpts.fontSize, globalDefaults.defaultFontSize); - var pointLabeFontStyle = getValueOrDefault(pointLabelOpts.fontStyle, globalDefaults.defaultFontStyle); - var pointLabeFontFamily = getValueOrDefault(pointLabelOpts.fontFamily, globalDefaults.defaultFontFamily); - var pointLabeFont = helpers.fontString(pointLabelFontSize, pointLabeFontStyle, pointLabeFontFamily); - - for (var i = me.getValueCount() - 1; i >= 0; i--) { - if (angleLineOpts.display) { - var outerPosition = me.getPointPosition(i, outerDistance); - ctx.beginPath(); - ctx.moveTo(me.xCenter, me.yCenter); - ctx.lineTo(outerPosition.x, outerPosition.y); - ctx.stroke(); - ctx.closePath(); - } - // Extra 3px out for some label spacing - var pointLabelPosition = me.getPointPosition(i, outerDistance + 5); - - // Keep this in loop since we may support array properties here - var pointLabelFontColor = getValueOrDefault(pointLabelOpts.fontColor, globalDefaults.defaultFontColor); - ctx.font = pointLabeFont; - ctx.fillStyle = pointLabelFontColor; - - var pointLabels = me.pointLabels; - - // Add quarter circle to make degree 0 mean top of circle - var angleRadians = this.getIndexAngle(i) + (Math.PI / 2); - var angle = (angleRadians * 360 / (2 * Math.PI)) % 360; - - if (angle === 0 || angle === 180) { - ctx.textAlign = 'center'; - } else if (angle < 180) { - ctx.textAlign = 'left'; - } else { - ctx.textAlign = 'right'; - } - - // Set the correct text baseline based on outer positioning - if (angle === 90 || angle === 270) { - ctx.textBaseline = 'middle'; - } else if (angle > 270 || angle < 90) { - ctx.textBaseline = 'bottom'; - } else { - ctx.textBaseline = 'top'; - } - - ctx.fillText(pointLabels[i] ? pointLabels[i] : '', pointLabelPosition.x, pointLabelPosition.y); - } - } - } - } - }); - Chart.scaleService.registerScaleType("radialLinear", LinearRadialScale, defaultConfig); - -}; - -},{}],44:[function(require,module,exports){ -/*global window: false */ -"use strict"; - -var moment = require(1); -moment = typeof(moment) === 'function' ? moment : window.moment; - -module.exports = function(Chart) { - - var helpers = Chart.helpers; - var time = { - units: [{ - name: 'millisecond', - steps: [1, 2, 5, 10, 20, 50, 100, 250, 500] - }, { - name: 'second', - steps: [1, 2, 5, 10, 30] - }, { - name: 'minute', - steps: [1, 2, 5, 10, 30] - }, { - name: 'hour', - steps: [1, 2, 3, 6, 12] - }, { - name: 'day', - steps: [1, 2, 5] - }, { - name: 'week', - maxStep: 4 - }, { - name: 'month', - maxStep: 3 - }, { - name: 'quarter', - maxStep: 4 - }, { - name: 'year', - maxStep: false - }] - }; - - var defaultConfig = { - position: "bottom", - - time: { - parser: false, // false == a pattern string from http://momentjs.com/docs/#/parsing/string-format/ or a custom callback that converts its argument to a moment - format: false, // DEPRECATED false == date objects, moment object, callback or a pattern string from http://momentjs.com/docs/#/parsing/string-format/ - unit: false, // false == automatic or override with week, month, year, etc. - round: false, // none, or override with week, month, year, etc. - displayFormat: false, // DEPRECATED - isoWeekday: false, // override week start day - see http://momentjs.com/docs/#/get-set/iso-weekday/ - - // defaults to unit's corresponding unitFormat below or override using pattern string from http://momentjs.com/docs/#/displaying/format/ - displayFormats: { - 'millisecond': 'h:mm:ss.SSS a', // 11:20:01.123 AM, - 'second': 'h:mm:ss a', // 11:20:01 AM - 'minute': 'h:mm:ss a', // 11:20:01 AM - 'hour': 'MMM D, hA', // Sept 4, 5PM - 'day': 'll', // Sep 4 2015 - 'week': 'll', // Week 46, or maybe "[W]WW - YYYY" ? - 'month': 'MMM YYYY', // Sept 2015 - 'quarter': '[Q]Q - YYYY', // Q3 - 'year': 'YYYY' // 2015 - } - }, - ticks: { - autoSkip: false - } - }; - - var TimeScale = Chart.Scale.extend({ - initialize: function() { - if (!moment) { - throw new Error('Chart.js - Moment.js could not be found! You must include it before Chart.js to use the time scale. Download at https://momentjs.com'); - } - - Chart.Scale.prototype.initialize.call(this); - }, - getLabelMoment: function(datasetIndex, index) { - if (typeof this.labelMoments[datasetIndex] != 'undefined') { - return this.labelMoments[datasetIndex][index]; - } - - return null; - }, - getMomentStartOf: function(tick) { - var me = this; - if (me.options.time.unit === 'week' && me.options.time.isoWeekday !== false) { - return tick.clone().startOf('isoWeek').isoWeekday(me.options.time.isoWeekday); - } else { - return tick.clone().startOf(me.tickUnit); - } - }, - determineDataLimits: function() { - var me = this; - me.labelMoments = []; - - // Only parse these once. If the dataset does not have data as x,y pairs, we will use - // these - var scaleLabelMoments = []; - if (me.chart.data.labels && me.chart.data.labels.length > 0) { - helpers.each(me.chart.data.labels, function(label) { - var labelMoment = me.parseTime(label); - - if (labelMoment.isValid()) { - if (me.options.time.round) { - labelMoment.startOf(me.options.time.round); - } - scaleLabelMoments.push(labelMoment); - } - }, me); - - me.firstTick = moment.min.call(me, scaleLabelMoments); - me.lastTick = moment.max.call(me, scaleLabelMoments); - } else { - me.firstTick = null; - me.lastTick = null; - } - - helpers.each(me.chart.data.datasets, function(dataset, datasetIndex) { - var momentsForDataset = []; - var datasetVisible = me.chart.isDatasetVisible(datasetIndex); - - if (typeof dataset.data[0] === 'object' && dataset.data[0] !== null) { - helpers.each(dataset.data, function(value) { - var labelMoment = me.parseTime(me.getRightValue(value)); - - if (labelMoment.isValid()) { - if (me.options.time.round) { - labelMoment.startOf(me.options.time.round); - } - momentsForDataset.push(labelMoment); - - if (datasetVisible) { - // May have gone outside the scale ranges, make sure we keep the first and last ticks updated - me.firstTick = me.firstTick !== null ? moment.min(me.firstTick, labelMoment) : labelMoment; - me.lastTick = me.lastTick !== null ? moment.max(me.lastTick, labelMoment) : labelMoment; - } - } - }, me); - } else { - // We have no labels. Use the ones from the scale - momentsForDataset = scaleLabelMoments; - } - - me.labelMoments.push(momentsForDataset); - }, me); - - // Set these after we've done all the data - if (me.options.time.min) { - me.firstTick = me.parseTime(me.options.time.min); - } - - if (me.options.time.max) { - me.lastTick = me.parseTime(me.options.time.max); - } - - // We will modify these, so clone for later - me.firstTick = (me.firstTick || moment()).clone(); - me.lastTick = (me.lastTick || moment()).clone(); - }, - buildTicks: function() { - var me = this; - - me.ctx.save(); - var tickFontSize = helpers.getValueOrDefault(me.options.ticks.fontSize, Chart.defaults.global.defaultFontSize); - var tickFontStyle = helpers.getValueOrDefault(me.options.ticks.fontStyle, Chart.defaults.global.defaultFontStyle); - var tickFontFamily = helpers.getValueOrDefault(me.options.ticks.fontFamily, Chart.defaults.global.defaultFontFamily); - var tickLabelFont = helpers.fontString(tickFontSize, tickFontStyle, tickFontFamily); - me.ctx.font = tickLabelFont; - - me.ticks = []; - me.unitScale = 1; // How much we scale the unit by, ie 2 means 2x unit per step - me.scaleSizeInUnits = 0; // How large the scale is in the base unit (seconds, minutes, etc) - - // Set unit override if applicable - if (me.options.time.unit) { - me.tickUnit = me.options.time.unit || 'day'; - me.displayFormat = me.options.time.displayFormats[me.tickUnit]; - me.scaleSizeInUnits = me.lastTick.diff(me.firstTick, me.tickUnit, true); - me.unitScale = helpers.getValueOrDefault(me.options.time.unitStepSize, 1); - } else { - // Determine the smallest needed unit of the time - var innerWidth = me.isHorizontal() ? me.width - (me.paddingLeft + me.paddingRight) : me.height - (me.paddingTop + me.paddingBottom); - - // Crude approximation of what the label length might be - var tempFirstLabel = me.tickFormatFunction(me.firstTick, 0, []); - var tickLabelWidth = me.ctx.measureText(tempFirstLabel).width; - var cosRotation = Math.cos(helpers.toRadians(me.options.ticks.maxRotation)); - var sinRotation = Math.sin(helpers.toRadians(me.options.ticks.maxRotation)); - tickLabelWidth = (tickLabelWidth * cosRotation) + (tickFontSize * sinRotation); - var labelCapacity = innerWidth / (tickLabelWidth); - - // Start as small as possible - me.tickUnit = 'millisecond'; - me.scaleSizeInUnits = me.lastTick.diff(me.firstTick, me.tickUnit, true); - me.displayFormat = me.options.time.displayFormats[me.tickUnit]; - - var unitDefinitionIndex = 0; - var unitDefinition = time.units[unitDefinitionIndex]; - - // While we aren't ideal and we don't have units left - while (unitDefinitionIndex < time.units.length) { - // Can we scale this unit. If `false` we can scale infinitely - me.unitScale = 1; - - if (helpers.isArray(unitDefinition.steps) && Math.ceil(me.scaleSizeInUnits / labelCapacity) < helpers.max(unitDefinition.steps)) { - // Use one of the prefedined steps - for (var idx = 0; idx < unitDefinition.steps.length; ++idx) { - if (unitDefinition.steps[idx] >= Math.ceil(me.scaleSizeInUnits / labelCapacity)) { - me.unitScale = helpers.getValueOrDefault(me.options.time.unitStepSize, unitDefinition.steps[idx]); - break; - } - } - - break; - } else if ((unitDefinition.maxStep === false) || (Math.ceil(me.scaleSizeInUnits / labelCapacity) < unitDefinition.maxStep)) { - // We have a max step. Scale this unit - me.unitScale = helpers.getValueOrDefault(me.options.time.unitStepSize, Math.ceil(me.scaleSizeInUnits / labelCapacity)); - break; - } else { - // Move to the next unit up - ++unitDefinitionIndex; - unitDefinition = time.units[unitDefinitionIndex]; - - me.tickUnit = unitDefinition.name; - var leadingUnitBuffer = me.firstTick.diff(me.getMomentStartOf(me.firstTick), me.tickUnit, true); - var trailingUnitBuffer = me.getMomentStartOf(me.lastTick.clone().add(1, me.tickUnit)).diff(me.lastTick, me.tickUnit, true); - me.scaleSizeInUnits = me.lastTick.diff(me.firstTick, me.tickUnit, true) + leadingUnitBuffer + trailingUnitBuffer; - me.displayFormat = me.options.time.displayFormats[unitDefinition.name]; - } - } - } - - var roundedStart; - - // Only round the first tick if we have no hard minimum - if (!me.options.time.min) { - me.firstTick = me.getMomentStartOf(me.firstTick); - roundedStart = me.firstTick; - } else { - roundedStart = me.getMomentStartOf(me.firstTick); - } - - // Only round the last tick if we have no hard maximum - if (!me.options.time.max) { - var roundedEnd = me.getMomentStartOf(me.lastTick); - var delta = roundedEnd.diff(me.lastTick, me.tickUnit, true); - if (delta < 0) { - // Do not use end of because we need me to be in the next time unit - me.lastTick = me.getMomentStartOf(me.lastTick.add(1, me.tickUnit)); - } else if (delta >= 0) { - me.lastTick = roundedEnd; - } - - me.scaleSizeInUnits = me.lastTick.diff(me.firstTick, me.tickUnit, true); - } - - // Tick displayFormat override - if (me.options.time.displayFormat) { - me.displayFormat = me.options.time.displayFormat; - } - - // first tick. will have been rounded correctly if options.time.min is not specified - me.ticks.push(me.firstTick.clone()); - - // For every unit in between the first and last moment, create a moment and add it to the ticks tick - for (var i = 1; i <= me.scaleSizeInUnits; ++i) { - var newTick = roundedStart.clone().add(i, me.tickUnit); - - // Are we greater than the max time - if (me.options.time.max && newTick.diff(me.lastTick, me.tickUnit, true) >= 0) { - break; - } - - if (i % me.unitScale === 0) { - me.ticks.push(newTick); - } - } - - // Always show the right tick - var diff = me.ticks[me.ticks.length - 1].diff(me.lastTick, me.tickUnit); - if (diff !== 0 || me.scaleSizeInUnits === 0) { - // this is a weird case. If the option is the same as the end option, we can't just diff the times because the tick was created from the roundedStart - // but the last tick was not rounded. - if (me.options.time.max) { - me.ticks.push(me.lastTick.clone()); - me.scaleSizeInUnits = me.lastTick.diff(me.ticks[0], me.tickUnit, true); - } else { - me.ticks.push(me.lastTick.clone()); - me.scaleSizeInUnits = me.lastTick.diff(me.firstTick, me.tickUnit, true); - } - } - - me.ctx.restore(); - }, - // Get tooltip label - getLabelForIndex: function(index, datasetIndex) { - var me = this; - var label = me.chart.data.labels && index < me.chart.data.labels.length ? me.chart.data.labels[index] : ''; - - if (typeof me.chart.data.datasets[datasetIndex].data[0] === 'object') { - label = me.getRightValue(me.chart.data.datasets[datasetIndex].data[index]); - } - - // Format nicely - if (me.options.time.tooltipFormat) { - label = me.parseTime(label).format(me.options.time.tooltipFormat); - } - - return label; - }, - // Function to format an individual tick mark - tickFormatFunction: function(tick, index, ticks) { - var formattedTick = tick.format(this.displayFormat); - var tickOpts = this.options.ticks; - var callback = helpers.getValueOrDefault(tickOpts.callback, tickOpts.userCallback); - - if (callback) { - return callback(formattedTick, index, ticks); - } else { - return formattedTick; - } - }, - convertTicksToLabels: function() { - var me = this; - me.tickMoments = me.ticks; - me.ticks = me.ticks.map(me.tickFormatFunction, me); - }, - getPixelForValue: function(value, index, datasetIndex) { - var me = this; - if (!value || !value.isValid) { - // not already a moment object - value = me.parseTime(me.getRightValue(value)); - } - var labelMoment = value && value.isValid && value.isValid() ? value : me.getLabelMoment(datasetIndex, index); - - if (labelMoment) { - var offset = labelMoment.diff(me.firstTick, me.tickUnit, true); - - var decimal = offset !== 0 ? offset / me.scaleSizeInUnits : offset; - - if (me.isHorizontal()) { - var innerWidth = me.width - (me.paddingLeft + me.paddingRight); - var valueOffset = (innerWidth * decimal) + me.paddingLeft; - - return me.left + Math.round(valueOffset); - } else { - var innerHeight = me.height - (me.paddingTop + me.paddingBottom); - var heightOffset = (innerHeight * decimal) + me.paddingTop; - - return me.top + Math.round(heightOffset); - } - } - }, - getPixelForTick: function(index) { - return this.getPixelForValue(this.tickMoments[index], null, null); - }, - getValueForPixel: function(pixel) { - var me = this; - var innerDimension = me.isHorizontal() ? me.width - (me.paddingLeft + me.paddingRight) : me.height - (me.paddingTop + me.paddingBottom); - var offset = (pixel - (me.isHorizontal() ? me.left + me.paddingLeft : me.top + me.paddingTop)) / innerDimension; - offset *= me.scaleSizeInUnits; - return me.firstTick.clone().add(moment.duration(offset, me.tickUnit).asSeconds(), 'seconds'); - }, - parseTime: function(label) { - var me = this; - if (typeof me.options.time.parser === 'string') { - return moment(label, me.options.time.parser); - } - if (typeof me.options.time.parser === 'function') { - return me.options.time.parser(label); - } - // Date objects - if (typeof label.getMonth === 'function' || typeof label === 'number') { - return moment(label); - } - // Moment support - if (label.isValid && label.isValid()) { - return label; - } - // Custom parsing (return an instance of moment) - if (typeof me.options.time.format !== 'string' && me.options.time.format.call) { - console.warn("options.time.format is deprecated and replaced by options.time.parser. See http://nnnick.github.io/Chart.js/docs-v2/#scales-time-scale"); - return me.options.time.format(label); - } - // Moment format parsing - return moment(label, me.options.time.format); - } - }); - Chart.scaleService.registerScaleType("time", TimeScale, defaultConfig); - -}; - -},{"1":1}]},{},[7])(7) -}); \ No newline at end of file diff --git a/src/Assets/fusioncharts/fusioncharts.charts.js b/src/Assets/fusioncharts/fusioncharts.charts.js deleted file mode 100644 index b10931d..0000000 --- a/src/Assets/fusioncharts/fusioncharts.charts.js +++ /dev/null @@ -1,217 +0,0 @@ -/* - FusionCharts JavaScript Library - Copyright FusionCharts Technologies LLP - License Information at -*/ -(function(na){"object"===typeof module&&"undefined"!==typeof module.exports?module.exports=na:na(FusionCharts)})(function(na){na.register("module",["private","modules.renderer.js-charts",function(){function Ca(d,B){for(var h=[],a=0,r=d.length;ad?h+d:d}function Na(d,B,h,a,r){return wa((B-h[1]-a.top)/r,d-h[0]-a.left)}function qa(d){this.config={};this.linkedItems={chart:d}}var ma=this,O=ma.hcLib,Qa=O.hasTouch, -ya=ma.window,ia=ya.document,sa=O.Raphael,Ka=O.BLANKSTRING,ea=O.preDefStr,F=ea.HUNDREDSTRING,ea=ea.NINETYSTRING,Ga=O.pluck,ja=O.pluckNumber,Ya=O.getFirstValue,Za=O.extend2,oa=O.toRaphaelColor,la=O.hasSVG,Ha=O.hashify,Ma="createTouch"in ia,ab=Ma&&!(ya.navigator.maxTouchPoints||ya.navigator.msMaxTouchPoints),Ra=O.each,La=O.plotEventHandler,Ia=O.componentDispose,ta=8===ya.document.documentMode?"visible":"",za=Math,ra=za.sin,xa=za.cos,wa=za.atan2,ua=za.round,Aa=za.min,Da=za.max,Ea=za.abs,Ja=za.PI,pa=za.ceil, -a=za.floor,c=Ja/180,b=180/Ja,g=Math.PI,l=g/2,k=2*g,m=g+l,p=O.getFirstColor,w=O.getFirstAlpha,D=O.graphics.getDarkColor,v=O.graphics.getLightColor,J=O.graphics.convertColor,G=O.POSITION_BOTTOM,H=O.POSITION_RIGHT,e=O.chartAPI,C=O.COMMASTRING,da=O.ZEROSTRING,T=O.ONESTRING,y=!/fusioncharts\.com$/i.test(ya.location.hostname),aa={},R={};e("column2d",{standaloneInit:!0,friendlyName:"Column Chart",creditLabel:y,defaultDatasetType:"column",applicableDSList:{column:!0},singleseries:!0},e.sscartesian);e("column3d", -{friendlyName:"3D Column Chart",defaultDatasetType:"column3d",applicableDSList:{column3d:!0},defaultPlotShadow:1,creditLabel:y,is3D:!0,standaloneInit:!0,hasLegend:!1,singleseries:!0,fireGroupEvent:!0,defaultZeroPlaneHighlighted:!1},e.sscartesian3d,{showplotborder:0});e("bar2d",{friendlyName:"Bar Chart",isBar:!0,standaloneInit:!0,defaultDatasetType:"bar2d",creditLabel:y,applicableDSList:{bar2d:!0},singleseries:!0,spaceManager:e.barbase},e.ssbarcartesian);e("bar3d",{friendlyName:"3D Bar Chart",defaultDatasetType:"bar3d", -applicableDSList:{bar3d:!0},defaultPlotShadow:1,fireGroupEvent:!0,standaloneInit:!0,creditLabel:y,is3D:!0,isBar:!0,singleseries:!0,defaultZeroPlaneHighlighted:!1},e.ssbarcartesian3d,{showplotborder:0});e("area2d",{friendlyName:"Area Chart",standaloneInit:!0,creditLabel:y,defaultDatasetType:"area",singleseries:!0,defaultPlotShadow:0},e.sscartesian,{},e.areabase);e("line",{friendlyName:"Line Chart",standaloneInit:!0,creditLabel:y,defaultPlotShadow:1,singleseries:!0,axisPaddingLeft:0,axisPaddingRight:0, -defaultDatasetType:"line"},e.sscartesian,{zeroplanethickness:1,zeroplanealpha:40,showzeroplaneontop:0},e.areabase);e("pareto2d",{defaultDatasetType:"column2d",singleseries:!0,creditLabel:y,_createDatasets:function(){var d=this.components,B=this.jsonData,h=this.is3D,a=d.numberFormatter,r=B.data||B.dataset&&B.dataset[0]&&B.dataset[0].data,f=r&&r.length,Ua=B.chart,c=this.defaultDatasetType,B=new (na.get("component",["dataset","Pareto"])),b=ja(Ua.showcumulativeline,1),u=[],t,z;if(r){for(Ua=0;Uad-a.lastSliceTimeStamp)return;a.lastSliceTimeStamp=d}n=t.element;a=t.connector;u=t.label||t.dataLabel;B="object"===typeof B?"t"+B:B;z=b.connectorPath;t=(q?-1:1)*b.transX;d=(q?-1:1)*b.transY;h=n.data("eventArgs")||n.data("eventArgs", -{});ma.raiseEvent("slicingStart",{slicedState:q,dataIndex:"index"in r&&r.index,data:f.getPlotData(c,q)},f.chartInstance);n.animateWith(g,k,{transform:q?"t0,0":B},e,x,function(){ma.raiseEvent("slicingEnd",{slicedState:q,dataIndex:"index"in r&&r.index,data:f.getPlotData(c,q)},f.chartInstance)});u&&u.x&&((B=u.data("textPos"))||(B=u.data("textPos",{x:u.x,y:u.y})),u.animateWith(g,k,{x:u.x+(q?0:t)},e,x),B.x=u.x+(q?0:t));z&&(B=z.slice(0),B[1]+=t,B[2]+=d,B[4]+=t,B[6]+=t,a.animateWith(g,k,{path:B},e,x),b.connectorPath= -B);return h.isSliced=q=b.sliced=!q}},sliceInOtherPies:function(d){var B=this.components.dataset[0],h=B.components.data,a=h.length,r=0,f;for(B.enableMultiSlicing=!0;a--;)a!==d&&(f=h[a]).config.sliced&&++r&&this._plotGraphicClick.call(f.graphics);B.enableMultiSlicing=!1;return!!r},placeDataLabels:function(){var d=function(d,h){return d.point.value-h.point.value},B=function(d,h){return d.angle-h.angle},h=["start","start","end","end"],c=[-1,1,1,-1],r=[1,1,-1,-1];return function(f,b,e,n){var u=this.config, -t=this.components,z=t.dataset[0],q=z.graphics,x=z.config,v=u.canvasLeft,p=u.canvasTop,z=u.canvasWidth,J=v+.5*u.canvasWidth,w=p+.5*u.canvasHeight,ba=this.linkedItems.smartLabel,C=x.dataLabelOptions,bb=C.style,Q=ja(pa(parseFloat(bb.lineHeight)),12),D=1===b.length?u.singletonPlaceValue:!1,H=C.skipOverlapLabels,G=C.manageLabelOverflow,y=C.connectorPadding,I;I=n&&n.metrics||[J,w,2*x.pieMinRadius,x.innerSize||0];var E=I[1],A=I[0];n=.5*I[2];var x=[[],[],[],[]],J=e.labelsRadius=n+C.distance,L=w=parseInt(bb.fontSize, -10),M=L/2,y=[y,y,-y,-y];e=e.labelsMaxInQuadrant||(e.labelsMaxInQuadrant=a(J/L));var C=C.isSmartLineSlanted,K=I[3]/2,ca,X,N,P,aa,fa,ga,Va,F,U,Y,ha,V,da;I=Number.POSITIVE_INFINITY;var T,ka;N=[];fa=[];N=this.get("config","animationObj");var R=f?0:N.duration||0,S=N.dummyObj,O=N.animObj,ma=N.animType,ia=this._plotDragMove,ea=this._plotDragStart,oa=this._plotDragEnd,la=this._plotRollOver,ua=this._plotRollOut,va=t.paper,Z=q.dataLabelContainer,W,na;ba.useEllipsesOnOverflow(u.useEllipsesWhenOverflow);f||ba.setStyle(bb); -if(1==b.length&&!K&&D)K=b[0],(W=K.config._textAttrs).text||(ka=K.graphics,U=ka.label,K.slicedTranslation=[v,p],W["text-anchor"]="middle",W.x=0,W.y=0,W.transform=["t",A,E],U?U.animateWith(S,O,W,R,ma):U=ka.label=va.text(W,na,Z).drag(ia,ea,oa).hover(la,ua),U.x=A,U.data("textPos",{x:A,y:E}).data("plotItem",W.plotItem).data("eventArgs",W.eventArgs),W.visibility===ta&&U.show(),ka.connector&&ka.connector.attr({path:[]}));else if(D)da=K+(n-K)/2,Ra(b,function(d){T=d.config;(W=T._textAttrs).text&&(ka=d.graphics, -U=ka.label,W.transform="t0,0",F=T.angle,Va=E+da*ra(F),P=A+da*xa(F),W._x=P,W._y=Va,d.sliced&&(V=d.slicedTranslation,Y=V[0]-v,ha=V[1]-p,P+=Y,Va+=ha),W["text-anchor"]="middle",W.x=0,W.y=0,W.transform=["t",P,Va],U?U.animateWith(S,O,W,R,ma):U=ka.label=va.text(W,na,Z).drag(ia,ea,oa).hover(la,ua),U.x=W._x,U.x=W._x,U.y=W._y,U.data("plotItem",W.plotItem).data("eventArgs",W.eventArgs),W.visibility===ta&&U.show())});else{for(f=b.length-1;0<=f;f--)if(K=b[f],T=K.config,W=T._textAttrs,W.text=T.displayValue)ka= -K.graphics,U=ka.label,W.text=T.displayValue,ka.connector&&ka.connector.attr("visibility",W.visibility),W.transform="t0,0",F=T.angle%k,0>F&&(F=k+F),t=0<=F&&Fe?t/D:w,M=L/2);Q=D*L;I=t;for(f=0;fD&&(K=D),I=K+L,Q=void 0===T.clearance?2*pa(ja(parseFloat(T.style.border),12),12):2*pa(ja(parseFloat(T.style.border),T.clearance)),fa=(K+q[f].oriY)/2,K=A+r[b]*J*xa(za.asin(fa/t)), -fa*=c[b],fa+=E,ga=E+n*ra(F),N=A+n*xa(F),(2>b&&KN)&&(K=N),P=K+y[b],Va=fa-M-2,aa=P+y[b],W._x=aa,G&&(ca=1L&&(fa+=L),W.text=Q.text,W.tooltip=Q.tooltext),W._y=Va,X&&(Y=T.transX,ha=T.transY,P+=Y,K+=Y,N+=Y,ga+=ha,aa+=Y),W["text-anchor"]=bb,W.vAlign="middle",W.x=aa,W.y=fa,(Q=U&&U.data("textPos"))?U.attr({x:Q.x,y:Q.y}).animateWith(S, -O,W,R):U=ka.label=va.text(W,na,Z).drag(ia,ea,oa).hover(la,ua),U.x=W._x,U._x=W._x,U.y=W._y,W.tooltip&&(U.tooltip(W.tooltip),delete W.tooltip),W.visibility===ta&&U.show(),U.data("textPos",{x:aa,y:fa}).data("plotItem",W.plotItem).data("eventArgs",W.eventArgs),Q=ka.connector))T.connectorPath=K=["M",N,ga,"L",C?K:N,fa,P,fa],(N=Q.data("connectorPath"))?u.clicked||Q.attr({path:N.path}).animateWith(S,O,{path:K},R):Q.attr({path:K}),Q.data("connectorPath",{path:K})}}}}(),_spaceManager:function(){var d=this.config, -B=this.components,h=B.dataset[0],a=h.components.data,r=h.config,f=B.legend,c=B.colorManager,b=this.linkedItems.smartLabel,n=r.dataLabelCounter,u=0,t=this.jsonData.chart,B=ja(t.managelabeloverflow,0),z=ja(t.slicingdistance),q=r.preSliced||t.enableslicing!==da||t.showlegend===T&&t.interactivelegend!==da?Ea(ja(z,20)):0,e=ja(t.pieradius,0),g=(z=ja(t.enablesmartlabels,t.enablesmartlabel,1))?ja(t.skipoverlaplabels,t.skipoverlaplabel,1):0,k=ja(t.issmartlineslanted,1),l=n?ja(t.labeldistance,t.nametbdistance, -5):q,m=ja(t.smartlabelclearance,5),v=d.width-(d.marginRight+d.marginLeft),p=d.height-(d.marginTop+d.marginBottom),w=Aa(p,v),C=Ga(t.smartlinecolor,c.getColor("plotFillColor")),D=ja(t.smartlinealpha,100),y=ja(t.smartlinethickness,.7),h=r.dataLabelOptions||(r.dataLabelOptions=h._parseDataLabelOptions()),c=h.style,c=n?ja(parseInt(c.lineHeight,10),12):0,aa=0===e?.15*w:e,F=2*aa,I={bottom:0,right:0},E=r.pieYScale,w=r.pieSliceDepth;h.connectorWidth=y;h.connectorPadding=ja(t.connectorpadding,5);h.connectorColor= -J(C,D);n&&(z&&(l=m),l+=q);m=F+2*(c+l);m=this._manageChartMenuBar(md?w-d:r.pieSliceDepth;h.isSmartLineSlanted=k;h.enableSmartLabels=z;h.skipOverlapLabels=g;h.manageLabelOverflow=B},_stubRadius:function(d,B,h,a,r,f,c){var b=this.components.dataset[0],n=b.config,u=ja(this.jsonData.chart.slicingdistance),b=n.dataLabelOptions||(n.dataLabelOptions=b._parseDataLabelOptions()),t=0,t=Aa(d/2-B-r,h/2-f)-a;t>=c?c=t:u||(r=a=Da(Aa(a-(c-t),r),10));n.slicingDistance=r;n.pieMinRadius= -c;b.distance=a;return c},getDataSet:function(d){return this.components.dataset[d]},_startingAngle:function(d,B){var h,a=this.components.dataset[0].config,r=(h=a.startAngle)*-b+(0>-1*h?360:0);if(!isNaN(d)){if(a.singletonCase||a.isRotating)return;d+=B?r:0;a.startAngle=-d*c;this._rotate(d);r=d}return ua(100*((r%=360)+(0>r?360:0)))/100},eiMethods:{isPlotItemSliced:function(d){var a,h,c,r=this.apiInstance;return r&&r.components.dataset&&(c=r.components.dataset[0])&&(a=c.components.data)&&a.length&&a[d]&& -(h=a[d].config)&&h.sliced},addData:function(){var d,a=this.apiInstance;return a&&a.components.dataset&&(d=a.components.dataset[0])&&d.addData.apply(d,arguments)},removeData:function(){var d,a=this.apiInstance;return a&&a.components.dataset&&(d=a.components.dataset[0])&&d.removeData.apply(d,arguments)},updateData:function(){var d,a=this.apiInstance;return a&&a.components.dataset&&(d=a.components.dataset[0])&&d.updateData.apply(d,arguments)},slicePlotItem:function(d,a){var h,c,r,f,b=this.apiInstance; -return b&&b.components.dataset&&(h=b.components.dataset[0])&&(c=h.components.data)&&(f=c.length)&&c[d=h.config.reversePlotOrder?f-d-1:d]&&(r=c[d].config)&&((!!a!==r.sliced||void 0===a)&&b._plotGraphicClick.call(c[d].graphics.element)||r.sliced)},centerLabel:function(d,a){var h=this.apiInstance,c=h.components.dataset[0],r=c.config,f=r.piePlotOptions.innerSize,b=r.pieCenter,e=b[0],b=b[1],r=r.centerLabelConfig,n;if("object"!==typeof a)a=r;else for(n in r)void 0===a[n]&&(a[n]=r[n]);a.label=d;c.centerLabelConfig= -a;f&&h.drawDoughnutCenterLabel(d||"",e,b,f,f,a,!0)},startingAngle:function(d,a){return this.apiInstance._startingAngle(d,a)}}},e.guageBase,{plotborderthickness:1,alphaanimation:0,singletonPlaceValue:!0,usedataplotcolorforlabels:0});e("pie3d",{defaultDatasetType:"Pie3D",applicableDSList:{Pie3D:!0},is3D:!0,friendlyName:"3D Pie Chart",fireGroupEvent:!0,creditLabel:y,getPointColor:function(d){return d},_configureManager:function(){var d=this.components.dataset[0],a=d.config,h=d.components,d=h.Pie3DManager, -h=h.data;d&&d.configure(a.pieSliceDepth,1===h.length,a.use3DLighting,!1)},defaultPlotShadow:0,_preDrawCalculate:function(){var d,B,h=this.config,c=0,r=this.components.dataset[0],f=r.config;d=r.components;B=f.dataLabelOptions;var b=f.pie3DOptions=r._parsePie3DOptions(),e=Ga(f.startAngle,0)%k,n=f.managedPieSliceDepth,u=f.slicedOffset=b.slicedOffset,t=h.canvasWidth,z=h.canvasHeight,q=[h.canvasLeft+.5*t,h.canvasTop+.5*z-.5*n],x,g,h=d.data,l,m=Aa(t,z),p,v=B.distance;x=f.pieYScale;var J=f.slicedOffsetY|| -(f.slicedOffsetY=u*f.pieYScale);l=d.Pie3DManager;q.push(2*f.pieMinRadius,b.innerSize||0);q=Ca(q,function(d,a){return(p=/%$/.test(d))?[t,z-n,m,m][a]*parseInt(d,10)/100:d});q[2]/=2;q[3]/=2;q.push(q[2]*x);q.push((q[2]+q[3])/2);q.push(q[5]*x);r.getX=function(d,a){g=za.asin((d-q[1])/(q[2]+v));return q[0]+(a?-1:1)*xa(g)*(q[2]+v)};f.center=q;Ra(h,function(d){c+=d.config.y});f.labelsRadius=q[2]+v;f.labelsRadiusY=f.labelsRadius*x;f.quadrantHeight=(z-n)/2;f.quadrantWidth=t/2;r=ua(1E3*e)/1E3;b=r+k;e=ja(parseInt(B.style.fontSize, -10),10)+4;f.maxLabels=a(f.quadrantHeight/e);f.labelFontSize=e;f.connectorPadding=ja(B.connectorPadding,5);f.isSmartLineSlanted=Ga(B.isSmartLineSlanted,!0);f.connectorWidth=ja(B.connectorWidth,1);f.enableSmartLabels=B.enableSmartLabels;l||(l=d.Pie3DManager=new qa(this),this.get("graphics","datasetGroup").trackTooltip(!0));this._configureManager();for(d=h.length-1;0<=d;--d)B=h[d],B=B.config,e=r,l=c?B.y/c:0,r=ua(1E3*(r+l*k))/1E3,r>b&&(r=b),x=r,B.shapeArgs={start:ua(1E3*e)/1E3,end:ua(1E3*x)/1E3},B.centerAngle= -g=(x+e)/2%k,B.slicedTranslation=[ua(xa(g)*u),ua(ra(g)*J)],e=xa(g)*q[2],f.radiusY=x=ra(g)*q[4],B.tooltipPos=[q[0]+.7*e,q[1]+x],B.percentage=100*l,B.total=c},placeDataLabels:function(){var d=function(d,a){return d.point.value-a.point.value},a=function(d,a){return d.angle-a.angle},h=["start","start","end","end"],c=[-1,1,1,-1],r=[1,1,-1,-1];return function(f){var b,e,n,u=this.config,t=this.components,z=t.dataset[0],q=z.config,x=z.components.data,v=q.piePlotOptions,p=u.canvasLeft,J=u.canvasTop,w=u.canvasWidth, -ba=p+.5*u.canvasWidth,C=J+.5*u.canvasHeight,D=this.linkedItems.smartLabel,Q=q.dataLabelOptions,y=Q.style;n=ja(pa(parseFloat(y.lineHeight)),12);n=Ya(Q.placeInside,!1);var H=Q.skipOverlapLabels,G=Q.manageLabelOverflow,aa=Q.connectorPadding,I=Q.distance,E=Q.connectorWidth,A=[[],[],[],[]],L=parseInt(y.fontSize,10),M=L,K=M/2,aa=[aa,aa,-aa,-aa],T=Q.isSmartLineSlanted,X,N,P,F,fa,ga,da,R,U,Y,ha,V,S,I=0U&&(U=k+U);ha=0<=U&&Uma?ea/n:L,K=M/2);q=n*M;y=ea;for(t=0;tx&&(b=x),y=b+M,ga=(b+z[t].oriY)/2,b=ia+r[u]*C*xa(za.asin(ga/ea)),ga*=c[u],ga+=ka,da=ka+ba*ra(U),P=ia+v*xa(U),(2>u&&bP)&&(b=P),F=b+aa[u],R=ga+K-2,fa=F+aa[u],Z._x=fa,G&&(X=1=e?e=t:u||(b=c=Da(Aa(c-(e-t),b),10));n.slicingDistance=b;n.pieMinRadius=e;g.distance=c;return e},_startingAngle:function(d,a){var h,c=this.components.dataset[0].config,b=(h=c.startAngle)+(0>h?360:0);if(!isNaN(d)){if(c.singletonCase||c.isRotating)return;d+=a?b:0;this._rotate(d);b=d}return ua(100*((b%=360)+(0>b?360:0)))/100}},e.pie2d,{plotborderthickness:.1,alphaanimation:1});e("doughnut2d", -{friendlyName:"Doughnut Chart",defaultDatasetType:"Doughnut2D",creditLabel:y,applicableDSList:{Doughnut2D:!0},getPointColor:function(d,c,h){var b;d=p(d);c=w(c);100>h&&la?(b=D(d,a(100*(85-.2*(100-h)))/100),d=v(d,a(100*(100-.5*h))/100),c={FCcolor:{color:b+","+d+","+d+","+b,alpha:c+","+c+","+c+","+c,radialGradient:!0,gradientUnits:"userSpaceOnUse",r:h}}):c={FCcolor:{color:d+","+d,alpha:c+","+c,ratio:"0,100"}};return c},drawDoughnutCenterLabel:function(d,a,h,c,b,f,e){var g=this.components,n=g.dataset[0].config; -f=f||n.lastCenterLabelConfig;var g=g.paper,u=this.linkedItems.smartLabel,t=this.graphics,z=t.datasetGroup,q=f.padding,x=2*f.textPadding,k={fontFamily:f.font,fontSize:f.fontSize+"px",lineHeight:1.2*f.fontSize+"px",fontWeight:f.bold?"bold":"",fontStyle:f.italic?"italic":""},l=1.414*(.5*c-q)-x;b=1.414*(.5*b-q)-x;var m;u.setStyle(k);u.useEllipsesOnOverflow(this.config.useEllipsesWhenOverflow);u=u.getSmartText(d,l,b);(b=t.doughnutCenterLabel)?(b.attr("text")!==d&&this.centerLabelChange(d),m=t.centerLabelOvalBg): -(f.bgOval&&(t.centerLabelOvalBg=m=g.circle(a,h,.5*c-q,z)),b=t.doughnutCenterLabel=g.text(z).hover(this.centerLabelRollover,this.centerLabelRollout).click(this.centerLabelClick),b.chart=this);d?(b.css(k).attr({x:a,y:h,text:u.text,visibility:ta,direction:n.textDirection,fill:oa({FCcolor:{color:f.color,alpha:f.alpha}}),"text-bound":f.bgOval?"none":[oa({FCcolor:{color:f.bgColor,alpha:f.bgAlpha}}),oa({FCcolor:{color:f.borderColor,alpha:f.borderAlpha}}),f.borderThickness,f.textPadding,f.borderRadius]}).tooltip(f.toolText|| -u.tooltext),f.bgOval&&m&&m.attr({visibility:ta,fill:Ha(f.bgColor),"fill-opacity":f.bgAlpha/100,stroke:Ha(f.borderColor),"stroke-width":f.borderThickness,"stroke-opacity":f.borderAlpha/100})):(b.attr("visibility","hidden"),m&&m.attr("visibility","hidden"));e&&(n.lastCenterLabelConfig=f,n.centerLabelConfig=f)},centerLabelRollover:function(){var d=this.chart,a=d.config,h=d.chartInstance,c=h.ref,b=d.components.dataset[0].config.lastCenterLabelConfig,a={height:a.height,width:a.width,pixelHeight:c.offsetHeight, -pixelWidth:c.offsetWidth,id:h.id,renderer:h.args.renderer,container:d.linkedItems.container,centerLabelText:b&&b.label};this.attr("text")&&ma.raiseEvent("centerLabelRollover",a,h,this,d.hoverOnCenterLabel)},centerLabelRollout:function(){var d=this.chart,a=d.config,h=d.chartInstance,c=h.ref,b=d.components.dataset[0].config.lastCenterLabelConfig,a={height:a.height,width:a.width,pixelHeight:c.offsetHeight,pixelWidth:c.offsetWidth,id:h.id,renderer:h.args.renderer,container:d.linkedItems.container,centerLabelText:b&& -b.label};this.attr("text")&&ma.raiseEvent("centerLabelRollout",a,h,this,d.hoverOffCenterLabel)},centerLabelClick:function(){var d=this.chart,a=d.config,h=d.chartInstance,c=h.ref,b=d.components.dataset[0].config.lastCenterLabelConfig,d={height:a.height,width:a.width,pixelHeight:c.offsetHeight,pixelWidth:c.offsetWidth,id:h.id,renderer:h.args.renderer,container:d.linkedItems.container,centerLabelText:b&&b.label};this.attr("text")&&ma.raiseEvent("centerLabelClick",d,h)},centerLabelChange:function(d){var a= -this.config,h=this.chartInstance,c=h.ref;ma.raiseEvent("centerLabelChanged",{height:a.height,width:a.width,pixelHeight:c.offsetHeight,pixelWidth:c.offsetWidth,id:h.id,renderer:h.args.renderer,container:this.linkedItems.container,centerLabelText:d},h)},hoverOnCenterLabel:function(){var d=this.chart.components.dataset[0].config.lastCenterLabelConfig;(d.hoverColor||d.hoverAlpha)&&this.attr({fill:oa({FCcolor:{color:d.hoverColor||d.color,alpha:d.hoverAlpha||d.alpha}})})},hoverOffCenterLabel:function(){var d= -this.chart.components.dataset[0].config.lastCenterLabelConfig;(d.hoverColor||d.hoverAlpha)&&this.attr({fill:oa({FCcolor:{color:d.color,alpha:d.alpha}})})}},e.pie2d,{singletonPlaceValue:!1});e("doughnut3d",{friendlyName:"3D Doughnut Chart",defaultDatasetType:"Doughnut3D",creditLabel:y,applicableDSList:{Doughnut3D:!0},_configureManager:function(){var d=this.components.dataset[0],a=d.config,h=d.components,d=h.Pie3DManager,h=h.data;d&&d.configure(a.pieSliceDepth,1===h.length,a.use3DLighting,!0)}},e.pie3d); -e("mscolumn2d",{standaloneInit:!0,friendlyName:"Multi-series Column Chart",creditLabel:y,defaultDatasetType:"column",applicableDSList:{column:!0},eiMethods:{}},e.mscartesian);e("mscolumn3d",{standaloneInit:!0,defaultDatasetType:"column3d",friendlyName:"Multi-series 3D Column Chart",applicableDSList:{column3d:!0},defaultPlotShadow:1,fireGroupEvent:!0,is3D:!0,creditLabel:y,defaultZeroPlaneHighlighted:!1},e.mscartesian3d,{showplotborder:0});e("msbar2d",{standaloneInit:!0,friendlyName:"Multi-series Bar Chart", -isBar:!0,hasLegend:!0,creditLabel:y,defaultDatasetType:"bar2d",applicableDSList:{bar2d:!0}},e.msbarcartesian);e("msbar3d",{standaloneInit:!0,defaultSeriesType:"bar3d",friendlyName:"Multi-series 3D Bar Chart",fireGroupEvent:!0,defaultPlotShadow:1,is3D:!0,isBar:!0,hasLegend:!0,creditLabel:y,defaultZeroPlaneHighlighted:!1,defaultDatasetType:"bar3d",applicableDSList:{bar3d:!0}},e.msbarcartesian3d,{showplotborder:0});e("msarea",{standaloneInit:!0,friendlyName:"Multi-series Area Chart",creditLabel:y,defaultDatasetType:"area", -defaultPlotShadow:0,applicableDSList:{area:!0}},e.areabase);e("msline",{standaloneInit:!0,friendlyName:"Multi-series Line Chart",creditLabel:y,defaultDatasetType:"line",defaultPlotShadow:1,axisPaddingLeft:0,axisPaddingRight:0,applicableDSList:{line:!0}},e.areabase,{zeroplanethickness:1,zeroplanealpha:40,showzeroplaneontop:0});e("stackedarea2d",{friendlyName:"Stacked Area Chart",showsum:0,creditLabel:y},e.msarea,{plotfillalpha:F,isstacked:1});e("stackedcolumn2d",{friendlyName:"Stacked Column Chart", -creditLabel:y},e.mscolumn2d,{isstacked:!0});e("stackedcolumn3d",{friendlyName:"3D Stacked Column Chart",creditLabel:y},e.mscolumn3d,{showplotborder:0},e.stackedcolumn2d);e("stackedbar2d",{friendlyName:"Stacked Bar Chart",creditLabel:y},e.msbar2d,{maxbarheight:50},e.stackedcolumn2d);e("stackedbar3d",{friendlyName:"3D Stacked Bar Chart",creditLabel:y},e.msbar3d,{showplotborder:0},e.stackedcolumn2d);e("marimekko",{standaloneInit:!0,friendlyName:"Marimekko Chart",isValueAbs:!0,distributedColumns:!0,stack100percent:!0, -defaultDatasetType:"marimekko",applicableDSList:{marimekko:!0},isStacked:!0,showsum:1,creditLabel:y,_setAxisLimits:function(){var d=this.components,a=d.dataset,h=d.yAxis,d=d.xAxis,c,b=a.length,f,e=-Infinity,g=Infinity,n=Infinity,u=-Infinity,t,z,q={};t=this.config.categories;var x=[],k=function(d){e=Da(e,d.max);g=Aa(g,d.min);u=Da(u,d.xMax||-Infinity);n=Aa(n,d.xMin||Infinity)};for(f=0;ff&&t.splice(f,z-f);this._setCategories();f=d[0].getLimit();n=f.min;u=f.max;t=n;z=u-n;for(f=0;fk)for(z=b,x=x-k+b;zc)for(z=a,x=J-c+a;zq&&e.removeData(q,t-q,!1),e.JSONData=h,e.configure()):(e.chart=this,e.index=y,e.init(h)),D.push(e),f.push(e),y++;l=v&&v.length;if(l>c)for(z=a,x=l-c+a;zp;n=xa(f);u=ra(f);t=xa(p);z=ra(p);q=I+A*n;x=E+L*u;w=I+M*n;J=E+K*u;Y=x+N;ha=I+A*t;V=E+L*z;C=I+M*t;D=E+K*z;ea=V+N;T?(y=I+ca*n,H=E+X*u,F=H+N,G=I+ca*t,Q=E+X*z,aa=Q+N,a.startSlice=["M",q,x,"L",q,Y,y,F,y,H,"Z"],a.endSlice= -["M",ha,V,"L",ha,ea,G,aa,G,Q,"Z"]):(a.startSlice=["M",q,x,"L",q,Y,I,P,I,E,"Z"],a.endSlice=["M",ha,V,"L",ha,ea,I,P,I,E,"Z"]);la?(v=(f>p?k:0)+p-f,a.clipTopPath=T?[["M",q,x,"A",A,L,0,v>g?1:0,1,ha,V,"L",G,Q,"A",ca,X,0,v>g?1:0,0,y,H,"Z"]]:[["M",q,x,"A",A,L,0,v>g?1:0,1,ha,V,"L",I,E,"Z"]],a.clipOuterFrontPath1=[U],a.clipTopBorderPath=[["M",w,J,"A",M,K,0,v>g?1:0,1,C,D,"L",ha,V,ha,V+1,"A",A,L,0,v>g?1:0,0,q,x+1,"L",q,x,"Z"]],e!=r?f>p?fg?(a.clipOuterFrontPath=[["M",da,E,"A",A,L,0,1,1,fa,E,"v",N,"A",A,L,0,1,0,da,E+N,"Z"]], -a.clipOuterBackPath=[["M",fa,E,"A",A,L,0,0,1,ha,V,"v",N,"A",A,L,0,0,0,fa,E+N,"Z","M",da,E,"A",A,L,0,0,0,q,x,"v",N,"A",A,L,0,0,1,da,E+N,"Z"]],T&&(a.clipInnerFrontPath=[["M",ga,E,"A",ca,X,0,1,1,O,E,"v",N,"A",ca,X,0,1,0,ga,E+N,"Z"]],a.clipInnerBackPath=[["M",O,E,"A",ca,X,0,0,1,G,Q,"v",N,"A",ca,X,0,0,0,O,E+N,"Z","M",ga,E,"A",ca,X,0,0,0,y,H,"v",N,"A",ca,X,0,0,1,ga,E+N,"Z"]])):(a.clipOuterFrontPath=[["M",da,E,"A",A,L,0,0,1,ha,V,"v",N,"A",A,L,0,0,0,da,E+N,"Z"]],a.clipOuterBackPath=[["M",q,x,"A",A,L,0,0, -1,da,E,"v",N,"A",A,L,0,0,0,q,Y,"Z"]],T&&(a.clipInnerFrontPath=[["M",ga,E,"A",ca,X,0,0,1,G,Q,"v",N,"A",ca,X,0,0,0,ga,E+N,"Z"]],a.clipInnerBackPath=[["M",y,H,"A",ca,X,0,0,1,ga,E,"v",N,"A",ca,X,0,0,0,y,F,"Z"]])):fg?(a.clipOuterFrontPath=[["M",q,x,"A",A,L,0,0,1,fa,E,"v",N,"A",A,L,0,0,0,q,Y,"Z"]],a.clipOuterBackPath=[["M",fa,E,"A",A,L,0,0,1,ha,V,"v",N,"A",A,L,0,0,0,fa,E+N,"Z"]],T&&(a.clipInnerFrontPath=[["M",y,H,"A",ca,X,0,0,1,O,E,"v",N,"A",ca,X,0,0,0,y,F,"Z"]],a.clipInnerBackPath=[["M",O,E,"A",ca, -X,0,0,1,G,Q,"v",N,"A",ca,X,0,0,0,O,E+N,"Z"]])):(a.clipOuterFrontPath=[["M",q,x,"A",A,L,0,0,1,ha,V,"v",N,"A",A,L,0,0,0,q,Y,"Z"]],a.clipOuterBackPath=[U],T&&(a.clipInnerFrontPath=[["M",y,H,"A",ca,X,0,0,1,G,Q,"v",N,"A",ca,X,0,0,0,y,F,"Z"]],a.clipInnerBackPath=[U])):(a.clipOuterFrontPath=[U],a.clipOuterBackPath=[["M",q,x,"A",A,L,0,0,1,ha,V,"v",N,"A",A,L,0,0,0,q,Y,"Z"]],T&&(a.clipInnerFrontPath=[U],a.clipInnerBackPath=[["M",y,H,"A",ca,X,0,0,1,G,Q,"v",N,"A",ca,X,0,0,0,y,F,"Z"]])):a.clipOuterFrontPath=a.clipOuterBackPath= -a.clipInnerBackPath=a.clipInnerFrontPath=[U],ka="litepath",a.clipBottomBorderPath=a.clipTopPath,a.startSlice=[a.startSlice],a.endSlice=[a.endSlice]):(M=this.moveCmdArr,K=this.lineCmdArr,n=this.closeCmdArr,N=[I,E],u=[fa,E],ja=[I,ja],t=[da,E],z=[I,E+L],U=[fa,P],ia=[da,P],w=[O,E],J=[ga,E],C=[O,P],D=[ga,P],a.clipOuterFrontPath1=[],e!=r?(f>p?fg?(e=b(I,E,q,x,da,E,A,L,1,0),r=b(I,E,da,E,fa,E,A,L,1,0),V=b(I,E,fa,E,ha,V,A,L,1,0),a.clipOuterFrontPath=M.concat(t,r,K,U,b(I,P,fa,P,da,P,A,L,0,0),n),a.clipOuterBackPath=M.concat([q,x],e,K,ia,b(I,P,da,P,q,Y,A,L,0,0),n,M,u,V,K,[ha,ea],b(I,P,ha,ea,fa,P,A,L,0,0),n),a.clipTopBorderPath=M.concat([q,x],e,r,V),T?(A=b(I,E,G,Q,O,E,ca,X,0,0),L=b(I,E,O,E,ga,E,ca,X,0,0),H=b(I,E,ga,E,y,H,ca,X,0,0),a.clipInnerFrontPath=M.concat(w,L,K,D,b(I,P,ga,P, -O,P,ca,X,1,0),n),a.clipInnerBackPath=M.concat(J,H,K,[y,F],b(I,P,y,F,ga,P,ca,X,1,0),n,M,[G,Q],A,K,C,b(I,P,O,P,G,aa,ca,X,1,0),n),a.clipTopPath=a.clipTopBorderPath.concat(K,[G,Q],A,L,H,n),a.clipTopBorderPath=a.clipTopBorderPath.concat(M,[G,Q],A,L,H)):a.clipTopPath=a.clipTopBorderPath.concat(K,N,n)):(e=b(I,E,q,x,da,E,A,L,1,0),r=b(I,E,da,E,ha,V,A,L,1,0),a.clipOuterFrontPath=M.concat(t,r,K,[ha,ea],b(I,P,ha,ea,da,P,A,L,0,0),n),a.clipOuterBackPath=M.concat([q,x],e,K,ia,b(I,P,da,P,q,Y,A,L,0,0),n),a.clipTopBorderPath= -M.concat([q,x],e,r),T?(A=b(I,E,G,Q,ga,E,ca,X,0,0),L=b(I,E,ga,E,y,H,ca,X,0,0),a.clipInnerFrontPath=M.concat([G,Q],A,K,D,b(I,P,ga,P,G,aa,ca,X,1,0),n),a.clipInnerBackPath=M.concat(J,L,K,[y,F],b(I,P,y,F,ga,P,ca,X,1,0),n),a.clipTopPath=a.clipTopBorderPath.concat(K,[G,Q],A,L,n),a.clipTopBorderPath=a.clipTopBorderPath.concat(M,[G,Q],A,L)):a.clipTopPath=a.clipTopBorderPath.concat(K,N,n)):fg?(e=b(I,E,q,x,fa,E,A,L,1,0),r=b(I,E,fa,E,ha,V,A,L,1,0),a.clipOuterBackPath=M.concat(u,r,K,[ha,ea],b(I,P,ha,ea,fa, -P,A,L,0,0),n),a.clipOuterFrontPath=M.concat([q,x],e,K,U,b(I,P,fa,P,q,Y,A,L,0,0),n),a.clipTopBorderPath=M.concat([q,x],e,r),T?(A=b(I,E,G,Q,O,E,ca,X,0,0),L=b(I,E,O,E,y,H,ca,X,0,0),a.clipInnerBackPath=M.concat([G,Q],A,K,C,b(I,P,O,P,G,aa,ca,X,1,0),n),a.clipInnerFrontPath=M.concat(w,L,K,[y,F],b(I,P,y,F,O,P,ca,X,1,0),n),a.clipTopPath=a.clipTopBorderPath.concat(K,[G,Q],A,L,n),a.clipTopBorderPath=a.clipTopBorderPath.concat(M,[G,Q],A,L)):a.clipTopPath=a.clipTopBorderPath.concat(K,N,n)):(e=b(I,E,q,x,ha,V,A, -L,1,0),a.clipOuterBackPath=M.concat([q,x]),a.clipTopBorderPath=a.clipOuterBackPath.concat(e),a.clipOuterFrontPath=a.clipTopBorderPath.concat(K,[ha,ea],b(I,P,ha,ea,q,Y,A,L,0,0),n),T?(A=b(I,E,G,Q,y,H,ca,X,0,0),a.clipInnerBackPath=M.concat([G,Q]),a.clipTopPath=a.clipTopBorderPath.concat(K,[G,Q],A,n),a.clipTopBorderPath=a.clipTopBorderPath.concat(M,[G,Q],A),a.clipInnerFrontPath=a.clipInnerBackPath.concat(A,K,[y,F],b(I,P,y,F,G,aa,ca,X,1,0),n)):a.clipTopPath=a.clipTopBorderPath.concat(K,N,n)):(e=b(I,E, -q,x,ha,V,A,L,1,0),a.clipOuterFrontPath=M.concat([q,x]),a.clipTopBorderPath=a.clipOuterFrontPath.concat(e),a.clipOuterBackPath=a.clipTopBorderPath.concat(K,[ha,ea],b(I,P,ha,ea,q,Y,A,L,0,0),n),T?(A=b(I,E,G,Q,y,H,ca,X,0,0),a.clipInnerFrontPath=M.concat([G,Q]),a.clipTopPath=a.clipTopBorderPath.concat(K,[G,Q],A,n),a.clipTopBorderPath=a.clipTopBorderPath.concat(a.clipInnerFrontPath,A),a.clipInnerBackPath=a.clipInnerFrontPath.concat(A,K,[y,F],b(I,P,y,F,G,aa,ca,X,1,0),n)):a.clipTopPath=a.clipTopBorderPath.concat(K, -N,n)),e=M.concat(u,K,t),A=M.concat(ja,K,z),a.clipTopPath=a.clipTopPath.concat(e,A),a.clipOuterFrontPath=a.clipOuterFrontPath.concat(e),a.clipOuterFrontPath1=a.clipOuterFrontPath1.concat(e),a.clipOuterBackPath=a.clipOuterBackPath.concat(e),T&&(A=M.concat(w,K,J),a.clipInnerFrontPath=a.clipInnerFrontPath.concat(A),a.clipInnerBackPath=a.clipInnerBackPath.concat(A))):(a.clipTopPath=a.clipOuterFrontPath=a.clipOuterBackPath=[],T&&(a.clipInnerFrontPath=a.clipInnerBackPath=[])),a.clipBottomBorderPath=a.clipTopBorderPath); -c||(R.startSlice._conf.index=f,R.endSlice._conf.index=p,R.backOuter._conf.index=y=na&&(f<=m||p>m)||f<=m&&p>m?m:f>g?f:p,R.frontOuter._conf.index=b=p<=l?p:f>p||f<=l?l:f,R.frontOuter1._conf.index=f,R.frontOuter1._conf.cIndex=g,f>p?(R.backOuter._conf.cIndex=fg?R.frontOuter1.show().attr(ka,a.clipOuterFrontPath1): -R.frontOuter1.hide(),a.thisElement._attr(ka,a.clipTopPath),R.bottom.attr(ka,a.clipTopPath),R.bottomBorder.attr(ka,a.clipBottomBorderPath),R.topBorder&&R.topBorder.attr(ka,a.clipTopBorderPath),R.frontOuter.attr(ka,a.clipOuterFrontPath),R.backOuter.attr(ka,a.clipOuterBackPath),T&&(R.backInner.attr(ka,a.clipInnerBackPath),R.frontInner.attr(ka,a.clipInnerFrontPath),R.backInner._conf.index=y,R.frontInner._conf.index=b,f>p?(R.backInner._conf.cIndex=k,R.frontInner._conf.cIndex=0):R.backInner._conf.cIndex= -R.frontInner._conf.cIndex=ma),this.hasOnePoint?(R.startSlice.hide(),R.endSlice.hide()):(R.startSlice.attr(ka,a.startSlice).show(),R.endSlice.attr(ka,a.endSlice).show()))},_setSliceCosmetics:function(a){var b=a.thisElement,c=a.showBorderEffect,e=a.elements,g=J(a.borderColor,ja(a.borderAlpha,a.alpha)),f=a.borderWidth,k;a.color&&(a=this._parseSliceColor(a.color,a.alpha,a),la?(k={fill:oa(a.top),"stroke-width":0},c?e.topBorder.show().attr({fill:oa(a.topBorder),"stroke-width":0}):(e.topBorder.hide(),k.stroke= -g,k["stroke-width"]=f),b._attr(k)):(b._attr({fill:oa(a.top),"stroke-width":0}),e.topBorder.attr({stroke:g,"stroke-width":f})),e.bottom.attr({fill:oa(a.bottom)}),e.bottomBorder.attr({stroke:g,"stroke-width":f}),e.frontOuter.attr({fill:oa(a.frontOuter)}),e.frontOuter1.attr({fill:oa(a.frontOuter)}),e.backOuter.attr({fill:oa(a.backOuter)}),e.startSlice.attr({fill:oa(a.startSlice),stroke:g,"stroke-width":f}),e.endSlice.attr({fill:oa(a.endSlice),stroke:g,"stroke-width":f}),this.isDoughnut&&(e.frontInner.attr({fill:oa(a.frontInner)}), -e.backInner.attr({fill:oa(a.backInner)})))},createSlice:function(){var a={stroke:!0,strokeWidth:!0,"stroke-width":!0,dashstyle:!0,"stroke-dasharray":!0,translateX:!0,translateY:!0,"stroke-opacity":!0,fill:!0,opacity:!0,transform:!0,ishot:!0,cursor:!0,start:!0,end:!0,color:!0,alpha:!0,borderColor:!0,borderAlpha:!0,borderWidth:!0,rolloverProps:!0,showBorderEffect:!0,positionIndex:!0,cx:!0,cy:!0,radiusYFactor:!0,r:!0,innerR:!0},b=function(b,c){var e,f,g=this,h=g._confObject,k={},u=h.elements,l,n,r,p= -h.Pie3DManager,m;"string"===typeof b&&void 0!==c&&null!==c&&(e=b,b={},b[e]=c);if(b&&"string"!==typeof b){for(e in b)if(f=b[e],a[e])if(h[e]=f,"ishot"===e||"cursor"===e||"transform"===e)k[e]=f,m=!0;else if("start"===e||"end"===e||"cx"===e||"cy"===e||"radiusYFactor"===e||"r"===e||"innerR"===e)n=!0;else{if("color"===e||"alpha"===e||"borderColor"===e||"borderAlpha"===e||"borderWidth"===e)r=!0}else g._attr(e,f);n&&(p._setSliceShape(h),p.refreshDrawing());(r||n)&&p._setSliceCosmetics(h);if(m){for(l in u)u[l].attr(k); -g._attr(k)}}else g=a[b]?h[b]:g._attr(b);return g},c=function(a,b){var c=this._confObject.elements,d;for(d in c)c[d].on(a,b);return this._on(a,b)},e=function(a,b,c){var d,e=this._confObject.elements,f=-1g&&c.removeData(g,b-g,!1),p[a].JSONData=m,p[a].configure(),p[a]._deleteGridImages&&p[a]._deleteGridImages()):(c=new b,p.push(c),c.chart=this,c.index=a,c.init(m))}if(w>J){l=w-J;c=a;for(J=l+a;cm&&gp&&lSwitch to Zoom Mode
Select a subset of data to zoom into it for detailed view"),btnSwitchToPinModeTooltext:ea(c.btnswitchtopinmodetooltext,"Switch to Pin Mode
Select a subset of data and compare with the rest of the view"),pinPaneFill:ja(ea(c.pinpanebgcolor,g),F(c.pinpanebgalpha, -15)),zoomPaneFill:ja(ea(c.zoompanebgcolor,"#b9d5f1"),F(c.zoompanebgalpha,30)),zoomPaneStroke:ja(ea(c.zoompanebordercolor,"#3399ff"),F(c.zoompaneborderalpha,80)),showPeakData:F(c.showpeakdata,0),maxPeakDataLimit:F(c.maxpeakdatalimit,c.maxpeaklimit,null),minPeakDataLimit:F(c.minpeakdatalimit,c.minpeaklimit,null),crossline:{enabled:F(c.showcrossline,1),line:{"stroke-width":F(c.crosslinethickness,1),stroke:Ga(ea(c.crosslinecolor,"#000000")),"stroke-opacity":F(c.crosslinealpha,20)/100},labelEnabled:F(c.showcrosslinelabel, -c.showcrossline,1),labelstyle:{fontSize:Ea(c.crosslinelabelsize)?Ea(c.crosslinelabelsize)+"px":a.outCanfontSize,fontFamily:ea(c.crosslinelabelfont,a.outCanfontFamily)},valueEnabled:F(c.showcrosslinevalues,c.showcrossline,1),valuestyle:{fontSize:Ea(c.crosslinevaluesize)?Ea(c.crosslinevaluesize)+"px":a.inCanfontSize,fontFamily:ea(c.crosslinevaluefont,a.inCanvasStyle.fontFamily)}},useCrossline:F(c.usecrossline,1),tooltipSepChar:ea(c.tooltipsepchar,", "),showTerminalValidData:F(c.showterminalvaliddata, -0),cdmchar:ea(c.dataseparator,"|"),cdm:F(c.compactdatamode,0)})},getValuePixel:function(a){var c=this.config.viewPortConfig;return c.ddsi+ra(a/c.ppp)},__toolbar:function(){var a,c,b,g,l=this,k=l.components,m=k.tb=new (na.register("component",["toolbox","toolbox"])),p=m.getDefaultConfiguration(),w,D;m.init({iAPI:{chart:l},graphics:l.graphics,chart:l,components:k});a=k.toolBoxAPI||m.getAPIInstances(m.ALIGNMENT_HORIZONTAL);c=a.SymbolStore;b=a.ComponentGroup;g=a.Toolbar;w=a.Symbol;D=a.Scroller;m.graphics= -{};return{reInit:function(){m.init({iAPI:{chart:l},graphics:l.graphics,chart:l,components:k})},addSymbol:function(a,b,c,g){a=new w(a);c&&g.setConfiguaration({buttons:sa(sa({},p),c)});b.tooltext=c.tooltip;b&&a.attachEventHandlers(b);g.addSymbol(a);return a},addScroll:function(a,b){var c=new D(a);b&&c.attachEventHandlers(b);return c},addComponentGroup:function(a,c){var g;g=new b;g.setConfiguaration({group:{fill:c?c.fill:ja("EBEBEB",0),borderThickness:c?F(c.borderThickness,0):0}});return g},addToolBox:function(a){var b, -c=new g;for(b=0;b(c=F(a.pixelsperpoint,15))&&(c=1);(b=F(a.pixelsperlabel,a.xaxisminlabelwidth,b.getAxisConfig("labels").rotation?20:60))r||r>=(y-1||1))&&(r=0);(f<=r||f>(y-1||1))&&(f=y-1||1);y=e.viewPortConfig=sa(e.viewPortConfig,{amrd:F(a.anchorminrenderdistance,20),nvl:F(a.numvisiblelabels,0),cdm:T,oppp:c,oppl:b,dsi:r,dei:f,vdl:f-r,clen:y,offset:0,step:1, -llen:0,alen:0,ddsi:r,ddei:f,ppc:0});if(y.clen){for(;n--;)a=ea[n].config,S=wa(S,a.drawanchors&&(a.anchorradius||0)+(Number(a.anchorborderthickness)||0)||0);e.overFlowingMarkerWidth=S;R=e.canvasPadding=wa(S,R);e._prezoomed=y.dei-y.dsid&&(b=d);w.transform(["T",b,k]);H.pintracker.transform(w.transform());la.svg||(e[0]=e[0]+b-l-this.__pindragdelta,w.attr("clip-rect",e));this.__pindragoffset=a},function(){this.__pinboundleft=0-m[0]+l+C;this.__pinboundright=this.__pinboundleft+g-m[2];this.data("cliprect",w.attr("clip-rect"));w._.clipispath=!0},function(){w._.clipispath=!1;this.__pindragdelta=this.__pindragoffset;delete this.__pindragoffset; -delete this.__pinboundleft;delete this.__pinboundright}));B++;p=la.crispBound(C-B,d+aa+B,da+B+B,e.scrollHeight,B);B--;Ya(v,{attr:{stroke:e.zoomPaneStroke,fill:e.zoomPaneFill,strokeWidth:0},selectionStart:function(){},selectionEnd:function(a){var b=a.selectionLeft-C;a=b+a.selectionWidth;H.crossline&&H.crossline.hide();v[e.viewPortConfig.pinned?"pinRangePixels":"zoomRangePixels"](b,a)}});O&&0!==O.enabled&&1===e.useCrossline?(J||(J=H.crossline=new pa),J.configure(v,O)):(O&&(O.enabled=0),J&&J.hide())}}, -resetZoom:function(){var a=this.config.viewPortHistory,c=a[0];if(!a.length)return!1;a.length=0;this.zoomTo(c.dsi,c.dei,c)&&Ca.raiseEvent("zoomReset",this._zoomargs,this.chartInstance,[this.chartInstance.id]);return!0},eiMethods:{zoomOut:function(){var a;if(a=this.apiInstance)return a.zoomOut&&a.zoomOut()},zoomTo:function(a,c){var b;if(b=this.apiInstance)return b.zoomRange&&b.zoomRange(a,c)},resetChart:function(){var a;if(a=this.apiInstance)a.pinRangePixels&&a.pinRangePixels(),a.resetZoom&&a.resetZoom()}, -setZoomMode:function(a){var c;(c=this.apiInstance)&&c.activatePin&&c.activatePin(!a)},getViewStartIndex:function(){var a;if(this.apiInstance&&(a=this.apiInstance.config.viewPortConfig))return a.ddsi},getViewEndIndex:function(){var a,c;if(this.apiInstance&&(a=this.apiInstance.config.viewPortConfig))return c=a.ddei-1,(c>=a.clen?a.clen:c)-1}},zoomOut:function(){var a,c,b=this.config;c=b.viewPortHistory;var g,l,k;a=c.pop();c=c[0]||b.viewPortConfig;a?(g=a.dsi,l=a.dei):b._prezoomed&&(g=0,l=c.clen-1);(k= -this.zoomTo(g,l,a))&&Ca.raiseEvent("zoomedout",k,this.chartInstance);return!0},zoomRangePixels:function(a,c){var b=this.config,g=b.viewPortHistory,b=b.viewPortConfig,l=b.ppp,k=b.ddsi,m;g.push(b);(m=this.zoomTo(k+ra(a/l),k+ra(c/l)))?Ca.raiseEvent("zoomedin",m,this.chartInstance):g.pop()},zoomRange:function(a,c){var b,g,l=this.config,k=l.viewPortConfig;g=this.components.xAxis[0];var m=l.viewPortHistory,p;m.push(k);b=g.getPixel(a);g=g.getPixel(c);k.x=b;k.scaleX=l.canvasWidth/(b-g);(p=this.zoomTo(+a, -+c))?Ca.raiseEvent("zoomedin",p,this.chartInstance):m.pop()},zoomTo:function(a,c,b){var g,l;g=this.config;var k=this.components,m=g.viewPortConfig,p=g.canvasHeight;l=g.canvasLeft;var w=g.canvasTop,D=g.canvasBottom,v=g.viewPortHistory,J=m.clen,G=this.components.xAxis[0];0>a&&(a=0);a>=J-1&&(a=J-1);c<=a&&(c=a+1);c>J-1&&(c=J-1);if(a===c||a===m.dsi&&c===m.dei)return!1;this.pinRangePixels();m=sa({},m);m.dsi=a;m.dei=c;m=g.viewPortConfig=m;b?this.updateVisual(b.x,b.y,b.scaleX,b.scaleY):(b=G.getPixel(a),g= -G.getPixel(c),l=this.getOriginalPositions(b-l,w,g-l,D-w),this.zoomSelection(l[0],0,l[2],p));k.scrollBar.node.attr({"scroll-ratio":m.vdl/(J-!!J),"scroll-position":[m.dsi/(J-m.vdl-1),!0]});k={level:v.length+1,startIndex:a,startLabel:G.getLabel(a).label,endIndex:c,endLabel:G.getLabel(c).label};Ca.raiseEvent("zoomed",k,this.chartInstance,[this.chartInstance.id,a,c,k.startLabel,k.endLabel,k.level]);return k},activatePin:function(a){var c=this.config.viewPortConfig,b=this.components.tb.graphics.pinButton; -if(c.pinned^(a=!!a))return a||this.pinRangePixels(),Ca.raiseEvent("zoomModeChanged",{pinModeActive:a},this.chartInstance,[]),this.updateButtonVisual(b.node,a?"pressed":"enable"),c.pinned=a},updateButtonVisual:function(a,c){return a.attr({disable:{config:{hover:{fill:"#FFFFFF","stroke-width":1,stroke:"#E3E3E3",cursor:"default"},normal:{fill:"#FFFFFF",stroke:"#E3E3E3","stroke-width":1,cursor:"default"},disable:{fill:"#FFFFFF","stroke-width":1,stroke:"#E3E3E3","stroke-opacity":1,cursor:"default"},pressed:{fill:"#FFFFFF", -"stroke-width":1,stroke:"#E3E3E3",cursor:"default"}},"button-disabled":!1,stroke:"#E3E3E3","stroke-opacity":1},enable:{config:{hover:{fill:"#FFFFFF","stroke-width":1,stroke:"#aaaaaa",cursor:"pointer"},normal:{fill:"#FFFFFF",stroke:"#C2C2C2","stroke-width":1,cursor:"pointer"},disable:{fill:"#FFFFFF","stroke-width":1,stroke:"#E3E3E3","stroke-opacity":1,cursor:"pointer"},pressed:{fill:"#EFEFEF","stroke-width":1,stroke:"#C2C2C2",cursor:"pointer"}},"button-disabled":!1,fill:["#FFFFFF","#FFFFFF","#FFFFFF", -"#FFFFFF",!0],stroke:"#C2C2C2","stroke-opacity":1},pressed:{config:{pressed:{fill:["#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF",!0]}},fill:["#FFFFFF","#FFFFFF","#FFFFFF","#FFFFFF",!0],stroke:"#E3E3E3"}}[c])},pinRangePixels:function(a,c){var b,g=this.components,l=g.paper,k=this.graphics,m=this.config,p=m.canvasLeft,w=m.viewPortConfig,D=k.zoompin;b=k.pinrect;var v=m["clip-pinrect"],J=m._pingrouptransform,g=g.dataset,G=c-a,H,e,C,k=k.pintracker;if(w&&D&&b){if(a===c)return D.hide(),k.hide(),w.pinned=!1;for(C= -g.length;C--;)H=g[C],b=H.graphics,e=b.pinline,e||(e=b.pinline=l.path(D)),e.attr({path:b.lineElement.attrs.path,transform:["T",-m._visx,-m._ymin]}).attr(H.config.pin);v[0]=a+p;v[2]=G;D.attr({"clip-rect":v,transform:J}).show();k.__pindragdelta=0;k.show().attr({transform:J,x:a,width:G});this.getValuePixel(a);this.getValuePixel(c);return w.pinned=!0}},_createLayers:function(){var a,c=this.components.paper;ia.scatter._createLayers.call(this);a=this.graphics;a.imageContainer=c.group("dataset-orphan",a.dataSetGroup); -this.__preDraw();this.toogleDragPan(!0)},getValue:function(a){var c=this.config,b=this.components,g=c.viewPortConfig;a=this.getOriginalPositions(a.x,a.y,a.x,a.y);var l=b.xAxis[0].config.axisRange,b=b.yAxis[0].config.axisRange,k=l.min,m=b.max;return{x:k+(a[0]-c.canvasLeft)/(c.canvasWidth*g.scaleX/(l.max-k)),y:m-(a[1]-c.canvasTop)/(c.canvasHeight*g.scaleY/(m-b.min))}},getOriginalPositions:function(a,c,b,g){var l=this.config,k=l.viewPortConfig,m=k.scaleX,p=k.scaleY,w=k.x,k=k.y,D=ua(a,b);a=wa(a,b);b= -ua(c,g);c=wa(c,g);a=a>l.canvasWidth?l.canvasWidth:a;c=c>l.canvasHeight?l.canvasHeight:c;D=0>D?0:D;b=0>b?0:b;return[w+D/m,k+b/p,(a-D)/m,(c-b)/p]},zoomSelection:function(a,c,b,g){var l=this.config;b&&g&&(b=Math.abs(l.canvasWidth/b),g=Math.abs(l.canvasHeight/g),this.updateVisual(a,c,b,g))},updateVisual:function(a,c,b,g,l){var k=this.config,m=k.viewPortConfig,p=k.canvasWidth,w=k.canvasHeight,D=k.viewPortHistory.slice(-1)[0]||m,k=k.maxZoomLimit;m.x=isNaN(a)?a=D.x:a;m.y=isNaN(c)?c=D.y:c;m.scaleX=b||(b= -D.scaleX);m.scaleY=g||(g=D.scaleY);b>k&&(m.x=ua(a,p-p/k),m.scaleX=k);g>k&&(m.y=ua(c,w-w/k),m.scaleY=k);this.updateManager(l)},toogleDragPan:function(a){var c=this.config.viewPortConfig,b=c.status;a&&(c.status="zoom"===b?"pan":"zoom")},resize:function(){var a=this.config,c=this.graphics,b=this.components.canvas,g=b.graphics,l=g.canvasBorderElement,g=g.canvasElement,b=b.config.canvasBorderThickness,k=b/2,m=a.canvasHeight-=b,p=a.canvasWidth-=2*b,w=a.canvasLeft+=b;a.canvasBottom-=b;a.canvasRight-=b;g? -g.attr({x:w,y:a.canvasTop,height:m,width:p}):this.drawCanvas();l&&l.attr({x:w-k,y:a.canvasTop-k,height:m+b,width:p+b,"stroke-width":b});c.imageContainer.attr({"clip-rect":a.canvasLeft+","+a.canvasTop+","+a.canvasWidth+","+a.canvasHeight}).transform("t"+a.canvasLeft+","+a.canvasTop);c.trackerElem.attr({x:a.canvasLeft,y:a.canvasTop,width:a.canvasWidth,height:a.canvasHeight});c.tracker&&c.tracker.attr({"clip-rect":a.canvasLeft+","+a.canvasTop+","+a.canvasWidth+","+a.canvasHeight})},updateManager:function(a){var c, -b;b=this.components;var g=b.dataset,l=g.length;c=this.config;var k=c.viewPortConfig,m=c._ypvr,p=c._visw,w=this.components.xAxis[0],D=function(){return w.getPixel.apply(w,arguments)},v=w.getAxisConfig("labels").style,J,G,H,e,C,F=this.updateButtonVisual,T=b.tb.graphics,y=T.zoomOutButton,T=T.resetButton,aa=c.viewPortHistory;if(c.legendClicked)for(a=0;aw.getCategoryLen()?k.scaleX=1:k.scaleX=w.getCategoryLen()/Math.abs(G-J-p-.9);void 0!==a&&b.scrollBar.node&&b.scrollBar.node.attr({"scroll-position":k._pos=a});b=w._getVisibleConfig();b=Math.ceil((b.maxValue-b.minValue+1)/C); -c=c.viewPortConfig&&c.viewPortConfig.scaleX;c=Math.max(Math.round(w.getAxisConfig("labelStep")/c),C?b:v*p);w.setLabelConfig({step:c});c=w.getAxisConfig("animateAxis");C=w.getAxisConfig("drawAxisName");a&&w.setAxisConfig({animateAxis:!1,drawAxisName:!1});w.draw();w.setAxisConfig({animateAxis:c,drawAxisName:C});for(a=0;a'),qa.jQuery("#fc-zoominfo").css({position:"absolute",left:"10px",top:"0","pointer-events":"none",opacity:.7,width:"250px",zIndex:"999",border:"1px solid #cccccc","box-shadow":"1px 1px 3px #cccccc",background:"#ffffff"})),this.debug.text(JSON.stringify(k,0,2))):(this.debug&&qa.jQuery("#fc-zoominfo").remove(),delete this.debug))}},_drawDataset:function(){ia.zoomline.updateManager.call(this)},getParsedLabel:function(a){var c= -this.xlabels;return c.parsed[a]||(c.parsed[a]=Za(c.data[a]||""))},_createToolBox:function(){var a,c,b,g,l,k,m,p=this,w=p.config;m=w.allowPinMode;g=p.components;var D=w.showToolBarButtonTooltext;a=g.chartMenuBar;a&&a.drawn||(ia.scrollcolumn2d._createToolBox.call(p),a=g.tb,c=a.graphics||(a.graphics={}),b=g.toolBoxAPI||a.getAPIInstances(a.ALIGNMENT_HORIZONTAL),b=b.Symbol,g=g.chartMenuBar.componentGroups[0],l=c.zoomOutButton=(new b("zoomOutIcon",void 0,a.idCount++,a.pId)).attachEventHandlers({click:function(){p.zoomOut()}, -tooltext:D&&w.btnZoomOutTooltext||""}),k=c.resetButton=(new b("resetIcon",void 0,a.idCount++,a.pId)).attachEventHandlers({click:function(){p.resetZoom()},tooltext:D&&w.btnResetChartTooltext||""}),m&&(m=c.pinButton=(new b("pinModeIcon",void 0,a.idCount++,a.pId)).attachEventHandlers({click:function(){p.activatePin(!w.viewPortConfig.pinned)},tooltext:D&&w.btnSwitchToPinModeTooltext||""}),g.addSymbol(m,!0)),g.addSymbol(k,!0),g.addSymbol(l,!0))},_scrollBar:ia.scrollcolumn2d,_manageScrollerPosition:ia.scrollcolumn2d, -draw:function(){var a,c,b,g,l,k,m,p,w,D,v=this,J=v.config,G=v.graphics||(v.graphics={});k=v.components;a=v.jsonData;g=a.dataset;var H=a.categories&&a.categories[0].category,e;ia.msline.draw.call(v);m=J.canvasLeft;p=J.canvasTop;w=J.canvasHeight;D=J.canvasWidth;a=J.borderWidth;c=J.useRoundEdges;b=J.viewPortConfig;(e=G.toolboxParentGroup)||(e=G.toolboxParentGroup=k.paper.group("toolbarParentGroup",G.parentGroup));g&&H&&(a++,g=la.crispBound(m-a,p+w+a,D+a+a,J.scrollHeight,a),a--,k=(l=k.scrollBar)&&l.node, -l.draw(g.x+(c&&-1||a%2),g.y-(c&&4||2),{isHorizontal:!0,width:g.width-(!c&&2||0),height:g.height,showButtons:J.scrollShowButtons,scrollRatio:b.vdl/(b.clen-!!b.clen),scrollPosition:[b.dsi/(b.clen-b.vdl-1),!1],r:c&&2||0,parentLayer:e.insertBefore(G.datalabelsGroup)}),!k&&function(){var a;la.eve.on("raphael.scroll.start."+l.node.id,function(b){a=b;v.graphics.crossline&&v.graphics.crossline.disable(!0);Ca.raiseEvent("scrollstart",{scrollPosition:b},v.chartInstance)});la.eve.on("raphael.scroll.end."+l.node.id, -function(b){v.graphics.crossline&&v.graphics.crossline.disable(!1);Ca.raiseEvent("scrollend",{prevScrollPosition:a,scrollPosition:b},v.chartInstance)})}())}},ia.msline,{showValues:0,zeroplanethickness:1,zeroplanealpha:40,showzeroplaneontop:0});ia("zoomlinedy",{standaloneInit:!0,defaultDatasetType:"zoomline",applicableDSList:{zoomline:!0},creditLabel:La,friendlyName:"Zoomable and Panable Multi-series Dual-axis Line Chart",_spaceManager:ia.msdybasecartesian._spaceManager,_setAxisLimits:ia.msdybasecartesian._setAxisLimits, -_createAxes:ia.msdybasecartesian._createAxes,_feedAxesRawData:ia.msdybasecartesian._feedAxesRawData},ia.zoomline,{isdual:!0});na.register("component",["dataset","zoomline",{_setConfigure:function(){var a=this.config,c=this.chart.jsonData.chart,b=this.JSONData;a.drawanchors=F(c.drawanchors,c.showanchors,1);a.anchorradius=F(b.anchorradius,c.anchorradius,a.linethickness+2);this.__base__._setConfigure.apply(this,arguments)},configure:function(){var a,c,b={};a=this.chart.jsonData.chart;a.animation=0;a.showvalues= -F(a.showvalues,0);this.__base__.configure.call(this);c=this.config;a=c.linethickness+F(a.pinlinethicknessdelta,1);b["stroke-width"]=0lb||glb||eSa&&eb(Sa,fb>Ta?Ta:fb),PaTa)&&eb(Sa,Ta));w._oldHideAnchors=jb;w._oldEndIndex=Pa;w._oldStep=Oa;l.setVisibility(Xa);for(C=w._oldStartIndex=fb;C<=Pa;C+=Oa){z=H[C]||{};M=z.config||{};M.isRemoving=!1;n=M.setValue||null;cb=C;if(qb)if(0===C&&null===n){kb=0;for(Fa=c=C;Fa=e&&null===n){for(Fa=c=C;0b/2?b-c:-c);a=m.getPixel(D)-w-p;g.transform(["T",xa(a),0]);this.hidden&&0!==k.crossline.enabled&&this.show();(Dl.maxValue)&&this.hide();if(D!==this.position||this.hidden)this.position=D,this.lineX= -a,this.updateLabels()}};pa.prototype.updateLabels=function(){var a=this,c=a.labels,b=a.plots,g=a.width,l=a.position,k=a.lineX,m=ra(k),p=a.ppixelRatio,w=a.spixelRatio,D=a.yminValue,v=a._visout,J=a.numberFormatter,G=a.pyaxisminvalue,H=a.pyaxismaxvalue,e=a.syaxisminvalue,C=a.syaxismaxvalue,F=function(){function b(){this.y=0;this.lRef=void 0;this.__index=this.__shift=0}function c(a){for(var b=0;bc?d=n.NEG:d=n.POS,c=w(c),c<=g&&(g=c,f.absValue=c,f.noScaleSide=d);return f}function g(a){this.holes=c.call([],a)}var d=-1*a.height,k=D*p,h=0,l,m={},f,w=Math.abs,C=Math.floor,n={};"function"!=typeof Object.create&&(Object.create=function(){function a(){}var b=Object.prototype.hasOwnProperty;return function(c){var d,e,f;if("object"!=typeof c)throw new TypeError("Object prototype may only be an Object or null");a.prototype=c;f=new a;a.prototype=null;if(1>>0;if(0===e)return-1;c=+b||0;Infinity===Math.abs(c)&&(c=0);if(c>=e)return-1;for(c=Math.max(0<=c?c:e-Math.abs(c),0);c>>0;if("function"!==typeof a)throw new TypeError(a+" is not a function");1g-1?g-1:c,f=this[g],c=new b,c.y=a,c.lRef=d,f){a=e.call(this.holes,g);d=g+a.absValue*a.noScaleSide;if(a.noScaleSide===n.POS)return c.applyDirectIndex(d), -this.splice(d,1,c),this.holes.splice(this.holes.indexOf(d),1),d;if(a.noScaleSide===n.NEG){a=this.splice(d+1,this.length-1);this.pop();a.forEach(function(a){a&&a.applyShift(-1)});for([].push.apply(this,a);this[d];)d++;this.push(0);this.repositionHoles();a=e.call(this.holes,d);d+=a.absValue*a.noScaleSide;c.applyDirectIndex(d);this.splice(d,1,c);this.repositionHoles();return this.length-1}}else c.applyDirectIndex(g),this.splice(g,1,c),this.holes.splice(this.holes.indexOf(g),1)};try{Object.defineProperty(m, -"top",{enumerable:!1,configurable:!1,get:function(){return d}}),Object.defineProperty(m,"bottom",{enumerable:!1,configurable:!1,get:function(){return k}})}catch(u){m.top=d,m.bottom=k}m.init=function(a,b){var c;h=a+2;d+=h/2;f=C(w(d)/h);l=new g(f);for(c=0;cC||kH||k=g&&"end"||"middle","text-bound":["rgba(255,255,255,0.8)","rgba(0,0,0,0.2)",1,2.5]})): -a.attr({x:-g})});a.positionLabel&&a.positionLabel.attr({x:k+a.left,text:a.getPositionLabel(l),"text-bound":["rgba(255,255,255,1)","rgba(0,0,0,1)",1,2.5]})};pa.prototype.show=function(){this.disabled||(this.hidden=!1,this.group.attr("visibility","visible"),this.line.attr("visibility","visible"),this.positionLabel&&this.positionLabel.attr("visibility","visible"))};pa.prototype.hide=function(){this.hidden=!0;this.group.attr("visibility","hidden");this.line.attr("visibility","hidden");this.positionLabel&& -this.positionLabel.attr("visibility","hidden")};pa.prototype.dispose=function(){for(var a in this)this.hasOwnProperty(a)&&delete this[a]};la.addSymbol({pinModeIcon:function(a,c,b){var g=.5*b,l=a-b,k=a+b,m=a-g,p=a+g,w=a+.5,D=w+1,v=w+1.5,F=c-b,G=c+g,H=c-g,g=c+(b-g);return["M",l,F,"L",m,H,m,g,l,G,a-.5,G,a,c+b+.5,w,G,k,G,p,g,p,H,k,F,v,F,v,H,v,g,D,g,D,H,v,H,v,F,"Z"]},zoomOutIcon:function(a,c,b){a-=.2*b;c-=.2*b;var g=.8*b,l=la.rad(43),k=la.rad(48),m=a+g*Aa(l),l=c+g*Da(l),p=a+g*Aa(k),k=c+g*Da(k),w=la.rad(45), -D=m+b*Aa(w),v=l+b*Da(w),F=p+b*Aa(w);b=k+b*Da(w);return["M",m,l,"A",g,g,0,1,0,p,k,"Z","M",m+1,l+1,"L",D,v,F,b,p+1,k+1,"Z","M",a-2,c,"L",a+2,c,"Z"]},resetIcon:function(a,c,b){var g=a-b,l=(ta.PI/2+ta.PI)/2;a+=b*Aa(l);var l=c+b*Da(l),k=2*b/3;return["M",g,c,"A",b,b,0,1,1,a,l,"L",a+k,l-1,a+2,l+k-.5,a,l]}})}])}); diff --git a/src/Assets/fusioncharts/fusioncharts.gantt.js b/src/Assets/fusioncharts/fusioncharts.gantt.js deleted file mode 100644 index 88b72ab..0000000 --- a/src/Assets/fusioncharts/fusioncharts.gantt.js +++ /dev/null @@ -1,155 +0,0 @@ -/* - FusionCharts JavaScript Library - Gantt Chart - Copyright FusionCharts Technologies LLP - License Information at - - @version 3.11.2 -*/ -(function(Q){"object"===typeof module&&"undefined"!==typeof module.exports?module.exports=Q:Q(FusionCharts)})(function(Q){Q.register("module",["private","modules.renderer.js-gantt",function(){var V=this,I=V.hcLib,ha=V.window,ia=/msie/i.test(ha.navigator.userAgent)&&!ha.opera,da=I.chartAPI,ba=I.extend2,q=I.pluck,r=I.pluckNumber,sa=I.pluckFontSize,X=I.getFirstColor,oa=I.parseConfiguration,ta=I.setAttribDefs,P=I.graphics,T=P.convertColor,ea=P.getDarkColor,Y=I.parseUnsafeString,la=I.getFirstValue,ua= -I.getValidValue,fa=I.toPrecision,W=I.Raphael,va=I.chartPaletteStr,Da=I.componentDispose,wa=I.schedular,Ea=I.COMMASTRING,U=I.setLineHeight,ma=I.getDashStyle,ca=I.toRaphaelColor,xa=I.each,J=I.attrTypeNum,ga=I.attrTypeBool,Fa=I.dropHash,Ga=I.HASHSTRING,ha=!/fusioncharts\.com$/i.test(ha.location.hostname),ja="rgba(192,192,192,"+(ia?.002:1E-6)+")",ya=P.mapSymbolName,ia=Math,M=ia.max,na=ia.min,za=ia.abs,Ha=parseInt,Aa=parseFloat,Ba=I.graphics.getLightColor,N=I.plotEventHandler,ka,aa,pa=function(a){return void 0!== -a&&null!==a},Ia={left:"start",right:"end",center:"middle"},Ja={left:0,right:1,center:.5,undefined:.5},Ka={left:5,right:-5,center:0,undefined:0},La=function(){},qa=function(){for(var a=0,b=arguments.length,c=!1,a=0;aA&&t.removeData(A- -1,l-A,!1),t.JSONData=n,t.configure(),e.shift()):(e=new l,p[g].push(e),c.push(e),e.chart=this,e.index=b,e.init(n));this._createLegendItems();for(g in u)if(d=u[g],f=d.length)for(b=0;bf&&(c.emptyItems(f,d-f),l&&l.splice(f,d-f));l||(a.legendItems=l=[]);d=0;for(a=b.length;dk?x:0,r?b:0);f>e-b&&(p=!0);f=p?u.width||0:0;f=a.canvasWidth-(m||0)-M(t,n)-M(g,n)-f;c&&c.setAxisDimention({x:a.canvasLeft+(m||0)+M(t,n),y:a.canvasTop-(a.shift||0),opposite:a.canvasBottom+l,axisLength:f});a.currentCanvasWidth=f;d&&d.setAxisDimention({x:a.canvasLeft-(a.shift||0),y:a.canvasTop,opposite:a.canvasRight+l,axisLength:a.canvasHeight});this._manageScrollerPosition();h.postSpaceManager()},_resetViewPortConfig:function(){this.config.viewPortConfig={scaleX:1,scaleY:1,x:0,y:0}},_manageScrollerPosition:function(){var a= -this.config,b=this.components,c,d=b.hScrollBar,f=b.vScrollBar,e=b.hProcessScrollBar,h=a.totalWidth||0,m=a.totalHeight||0;this._setAxisScale&&this._setAxisScale();c=a.vScrollEnabled;b=a.hScrollEnabled;d=d.getLogicalSpace();a.hScrollHeight=!1===b?0:d.height+f.conf.padding;d=f.getLogicalSpace();a.vScrollWidth=!1!==c?d.width+f.conf.padding:0;d=e.getLogicalSpace();a.hProcessScrollHeight=a.hProcessScrollEnabled?d.height+e.conf.padding:0;m+=M(a.hProcessScrollHeight,a.hScrollHeight);this._allocateSpace({bottom:M(a.hProcessScrollHeight, -a.hScrollHeight)});a.totalWidth=h;a.totalHeight=m},updateManager:function(a,b){var c=this.config,d=this.config.viewPortConfig,f=d.scaleX,e=this.components.xAxis[0],h=this.components.yAxis[0],m=this.graphics.datasetGroup,g=this.graphics.datalabelsGroup,l=this.graphics.trackerGroup,n=c.xOffset||0,u=c.yOffset||0,p=c.canvasHeight,t=c.currentCanvasWidth,A=d.scaleY;b?c.lastHScrollPosition=a:c.lastVScrollPosition=a;b?(n=c.xOffset=t*(f-1)*a,d.x=n/f,e.translateAxis(-n,void 0)):(u=c.yOffset=p*(A-1)*a,d.y=u/ -A,h.translateAxis(void 0,-u));c="t"+-n+", "+-u;m.attr({transform:c});g.attr({transform:c});l.attr({transform:c})},_setAxisScale:function(){var a=this.components,b=this.config,c=a.xAxis[0],d=c.getLimit(),f=d.max,d=d.min,e=new Date(d),h=a.yAxis[0],m=this.components.numberFormatter,g=Number(b.ganttpaneduration),l=b.scrollOptions||(b.scrollOptions={}),n=b.ganttpanedurationunit,u=f-d,d=b.canvasHeight,p=b.scrolltodate,t=b.canvasWidth,A=b.canvasLeft,x=a.hProcessScrollBar,a=(a=a.hScrollBar)&&a.userConf.height|| -0,x=x&&x.userConf.height||0,k=c.getPixel(f)-A,f=h.getAxisConfig("processTotalHeight");if(void 0===g||void 0===n)b.hScrollEnabled=!1;else{switch(n){case "y":e.setFullYear(e.getFullYear()+g);break;case "m":e.setMonth(e.getMonth()+g);break;case "d":e.setDate(e.getDate()+g);break;case "h":e.setHours(e.getHours()+g);break;case "mn":e.setMinutes(e.getMinutes()+g);break;default:e.setSeconds(e.getSeconds()+g)}e=e.getTime();e=c.getPixel(e)-A;b.hScrollEnabled=!0;b.viewPortConfig.scaleX=e=k/e;l.horizontalVxLength= -u/NaN*g;p&&(m=m.getDateValue(p).ms,c=c.getPixel(m),b.viewPortConfig.x=na(c-A,t*(e-1))/e)}c=h.getAxisConfig("totalWidth");h=h.getAxisConfig("totalVisiblelWidth");b.hProcessScrollEnabled=c>h?!0:!1;h=M(b.hProcessScrollEnabled?x:0,b.hScrollEnabled?a:0);d-=h;Math.floor(f)>d?(b.viewPortConfig.scaleY=f/d,b.vScrollEnabled=!0):b.vScrollEnabled=!1},drawScrollBar:function(){var a=this,b=a.config,c=a.components,d=c.xAxis[0],f=d.config,e=d.config.axisRange,h=b.viewPortConfig,m=b.scrollOptions||(b.scrollOptions= -{}),g=e.max,l=e.min,n=m.horizontalVxLength,u=c.hScrollBar,e=u.node,p=c.vScrollBar,t=p.node,A=c.hProcessScrollBar,x=A.node,k=b.useverticalscrolling,q=g-l,F=b.canvasRight,H=h.scaleX,y=h.scaleY,z,v,w,G,D,B=b.vScrollEnabled,E=c.yAxis[0],I=B?p.conf.width:0,L=a.graphics,S=c.paper;z=b.canvasLeft;v=b.canvasTop;w=b.canvasHeight;G=b.canvasWidth;c=c.canvas.config;D=c.canvasBorderWidth;r(D,f.showLine?f.axisLineThickness:0);r(D,f.lineStartExtension);r(D,f.lineEndExtension);m.viewPortMin=l;m.viewPortMax=g;m.scrollRatio= -n/q;f=m.windowedCanvasWidth=d.getAxisPosition(n);g=m.fullCanvasWidth=d.getAxisPosition(g-l)-f;d=m.fullCanvasHeight=E.getAxisConfig("processTotalHeight");m=m.windowedCanvasHeight=w;l=E.getAxisConfig("totalWidth");E=E.getAxisConfig("totalVisiblelWidth");y=1/y;n=L.scrollBarParentGroup;n||(n=L.scrollBarParentGroup=S.group("scrollBarParentGroup",L.parentGroup).insertBefore(L.datalabelsGroup));!1!==b.hScrollEnabled?(u.draw(z,v+w,{width:G-I,scrollRatio:1/H,scrollPosition:h.x*H/(G*(H-1)),roundEdges:c.isRoundEdges, -fullCanvasWidth:g,windowedCanvasWidth:f,parentLayer:n}),!e&&function(){var c;W.eve.on("raphael.scroll.start."+u.node.id,function(b){c=b;V.raiseEvent("scrollstart",{scrollPosition:b},a.chartInstance)});W.eve.on("raphael.scroll.end."+u.node.id,function(b){V.raiseEvent("scrollend",{prevScrollPosition:c,scrollPosition:b},a.chartInstance)})}()):u&&u.node&&u.node.hide();!1!==B&&k?(p.draw(F-I,v,{height:w,scrollRatio:y,roundEdges:c.isRoundEdges,fullCanvasWidth:d,windowedCanvasWidth:m,parentLayer:n}),!t&& -function(){var c;W.eve.on("raphael.scroll.start."+p.node.id,function(b){c=b;V.raiseEvent("scrollstart",{scrollPosition:b},a.chartInstance)});W.eve.on("raphael.scroll.end."+p.node.id,function(b){V.raiseEvent("scrollend",{prevScrollPosition:c,scrollPosition:b},a.chartInstance)})}()):p&&p.node&&p.node.hide();Ec?0:c)/2):(c=n-d,d=e+(0>c?0:c)/2,f=a-f-l);b.drawLegend(d,f)},_setClipping:function(){var a=this.config,b=this.graphics.datasetGroup,c=this.graphics.datalabelsGroup,d=this.graphics.trackerGroup,f=a.viewPortConfig,e=f.scaleX,f=f.x,h=this.config.animationObj, -m=h.dummyAnimElem,g=h.animObj,l=h.animType,h=h.transposeAnimDuration,n=this.components.canvas.config.clip["clip-canvas"].slice(0);this.config.clipSet?(b.animateWith(m,g,{"clip-rect":n},h,l),c.animateWith(m,g,{"clip-rect":n},h,l),d.animateWith(m,g,{"clip-rect":n},h,l)):(b.attr({"clip-rect":n}),c.attr({"clip-rect":n}),d.attr({"clip-rect":n}));a.xOffset=f*e;b.attr({transform:"T"+-(f*e)+",0"});c.attr({transform:"T"+-(f*e)+",0"});d.attr({transform:"T"+-(f*e)+",0"});this.config.clipSet=!0},_createToolBox:function(){var a= -this.components,b=a.yAxis[0],c=this._scrollBar,d=c.get,f=c.add,e,h;(a.chartMenuBar||{}).drawn||(da.mscartesian._createToolBox.call(this),e=a.tb,h=a.toolBoxAPI,h=h.Scroller,c.clear(),f({isHorizontal:!0},{scroll:function(a,c){return function(b){a.updateManager.call(a,b,c)}}(this,!0)}),f({isHorizontal:!1},{scroll:function(a,c){return function(b){a.updateManager.call(a,b,c)}}(this,!1)}),f({isHorizontal:!0},{scroll:function(){return function(a){b.manageProcessScroll(a)}}(this,!0)}),c=d()[0],f=d()[1],d= -d()[2],a.hScrollBar=a.hScrollBar||(new h(c.conf,1,e.pId)).attachEventHandlers(c.handler),a.vScrollBar=a.vScrollBar||(new h(f.conf,2,e.pId)).attachEventHandlers(f.handler),a.hProcessScrollBar=a.hProcessScrollBar||(new h(d.conf,3,e.pId)).attachEventHandlers(d.handler))},_preDraw:function(){this._setAxisValuePadding();this._setCategories()},defaultPaletteOptions:function(){var a=arguments;return I.extend2(I.extend2(I.extend2(I.extend2({},a[0]),a[1]),a[2]),a[3])}(ba({},I.defaultGaugePaletteOptions),{paletteColors:["AFD8F8 F6BD0F 8BBA00 FF8E46 008E8E D64646 8E468E 588526 B3AA00 008ED6 9D080D A186BE CC6600 FDC689 ABA000 F26D7D FFF200 0054A6 F7941C CC3300 006600 663300 6DCFF6".split(" "), -"AFD8F8 F6BD0F 8BBA00 FF8E46 008E8E D64646 8E468E 588526 B3AA00 008ED6 9D080D A186BE CC6600 FDC689 ABA000 F26D7D FFF200 0054A6 F7941C CC3300 006600 663300 6DCFF6".split(" "),"AFD8F8 F6BD0F 8BBA00 FF8E46 008E8E D64646 8E468E 588526 B3AA00 008ED6 9D080D A186BE CC6600 FDC689 ABA000 F26D7D FFF200 0054A6 F7941C CC3300 006600 663300 6DCFF6".split(" "),"AFD8F8 F6BD0F 8BBA00 FF8E46 008E8E D64646 8E468E 588526 B3AA00 008ED6 9D080D A186BE CC6600 FDC689 ABA000 F26D7D FFF200 0054A6 F7941C CC3300 006600 663300 6DCFF6".split(" "), -"AFD8F8 F6BD0F 8BBA00 FF8E46 008E8E D64646 8E468E 588526 B3AA00 008ED6 9D080D A186BE CC6600 FDC689 ABA000 F26D7D FFF200 0054A6 F7941C CC3300 006600 663300 6DCFF6".split(" ")],bgColor:["FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF"],bgAngle:[270,270,270,270,270],bgRatio:["100","100","100","100","100"],bgAlpha:["100","100","100","100","100"],canvasBgColor:["FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF"],canvasBgAngle:[0,0,0,0,0],canvasBgAlpha:["100","100","100","100","100"],canvasBgRatio:["","","","",""], -canvasBorderColor:["545454","545454","415D6F","845001","68001B"],canvasBorderAlpha:[100,100,100,90,100],gridColor:["DDDDDD","D8DCC5","99C4CD","DEC49C","FEC1D0"],gridResizeBarColor:["999999","545454","415D6F","845001","D55979"],categoryBgColor:["F1F1F1","EEF0E6","F2F8F9","F7F0E6","FFF4F8"],dataTableBgColor:["F1F1F1","EEF0E6","F2F8F9","F7F0E6","FFF4F8"],toolTipBgColor:["FFFFFF","FFFFFF","FFFFFF","FFFFFF","FFFFFF"],toolTipBorderColor:["545454","545454","415D6F","845001","68001B"],baseFontColor:["555555", -"60634E","025B6A","A15E01","68001B"],borderColor:["767575","545454","415D6F","845001","68001B"],borderAlpha:[50,50,50,50,50],legendBgColor:["ffffff","ffffff","ffffff","ffffff","ffffff"],legendBorderColor:["666666","545454","415D6F","845001","D55979"],plotBorderColor:["999999","8A8A8A","6BA9B6","C1934D","FC819F"],plotFillColor:["EEEEEE","D8DCC5","BCD8DE","E9D8BE","FEDAE3"],scrollBarColor:["EEEEEE","D8DCC5","99C4CD","DEC49C","FEC1D0"]})},da.scrollbase,{taskbarroundradius:0,taskbarfillmix:" { light-10 }, { dark-20 }, { light-50 }, { light-85 }", -taskbarfillratio:"0,8,84,8",showslackasfill:1,dateintooltip:1,tasklabelsalign:"center",datepadding:3,showtasknames:0,showpercentlabel:!1,showhovereffect:1,slackfillcolor:"FF5E5E",connectorextension:10,tasklabelspadding:2,taskdatepadding:3,showlabels:void 0,showtooltip:1,showtaskhovereffect:void 0,useverticalscrolling:1,ganttpanedurationunit:void 0,ganttpaneduration:void 0,showtaskstartdate:void 0,showtaskenddate:void 0,ganttwidthpercent:void 0,showshadow:1});ta&&ta({showpercentlabel:{type:ga,pAttr:"showpercentlabel"}, -fontsize:{type:J},alpha:{type:J},showborder:{type:ga},borderthickness:{type:J},borderalpha:{type:J},showHoverEffect:{type:J},hoverFillAlpha:{type:J},slackHoverFillColor:{type:J},slackHoverFillAlpha:{type:ga},showlabels:{type:ga,pAttr:"showtasknames"},slackfillcolor:{pAttr:"slackfillcolor"},showtasklabels:{type:ga,pAttr:"showtasknames"},showtasknames:{type:ga,pAttr:"showlabels"},showconnectorhovereffect:{type:J,pAttr:"showhovereffect"},connectorextension:{type:J},tasklabelspadding:{type:J},taskdatepadding:{type:J}, -showstartdate:{type:J,pAttr:"showtaskstartdate"},showenddate:{type:J,pAttr:"showtaskenddate"},showtaskhovereffect:{type:J,pAttr:"showhovereffect"},useverticalscrolling:{type:J},taskbarroundradius:{type:J},showshadow:{type:J},showslackasfill:{type:J}});Q.register("component",["dataset","Task",{type:"task",configure:function(){var a=this.chart,b=ba({},this.JSONData);this.__setDefaultConfig();oa(b,this.config,this.chart&&this.chart.config,{task:!0});this.yAxis=a.components.yAxis[0];this._setConfigure()}, -_setConfigure:function(a){var b=this.config,c=this.chart,d=c.jsonData,f=d.chart,e=this.JSONData;a=a||e.task;var h=(d.processes||{}).process||[],d=a&&a.length,m=c.components.colorManager,g=c.get("config"),l=c.get("components","numberFormatter"),n=g.taskbarfillmix,u=g.taskbarfillratio,p=g.showslackasfill,t=this.components.data,A,x,k,C,F,H,y,z=g.dateintooltip,v,w,h=h.length,G={right:"right",left:"left",undefined:"center",center:"center"},D,B,E,O,L,S,K,J,Q=c.components.tasksMap={},N=g.style.inCanvasStyle, -P,Ca,R,W=0,V=g.dataLabelStyle,Z;t||(t=this.components.data=[]);b.showlabels=q(e.showlabels,e.showlabels,e.showname,f.showtasklabels,f.showtasknames,0);Z=b.labelStyle=ra({fontSize:b.fontSize,fontFamily:b.font});U(b.labelStyle);if(d)for(c=0;cc-1&&(Z=0),K=void 0!==k.id?p.getProcessPositionById(O):p.getProcessPositionByIndex(Z),Z++,L=K.height,R=L*(/%/g.test(k.topPadding)&&.01*Aa(k.topPadding,10))||r(k.topPadding,L),D=k.height=L*(/%/g.test(D)&&.01*Aa(D, -10))||r(D,L),void 0!==k.id&&p.getProcessPositionById(O),O=k.xPos=g.getAxisPosition(k.startMs)+Y*U,w=g.getAxisPosition(k.endMs)+Y*U,w=k.width=za(S=w-O),K=K.bottom+l-L,K=k.yPos=K+na(R,L-D),N=.5*D,!x.graphics&&(x.graphics={}),R=W.crispBound(O,K,w,D,Q),O=R.x,K=R.y,w=R.width,D=R.height,!1!==qa(O,K,w,D)&&(L=x.graphics.element,k.showAsGroup?(S="path",J={path:["M",O,K]},N={path:["M",O,K,"v",D,"L",O+N,K+N,"H",O+w-N,"L",O+w,K+D,"v",-D,"H",O]}):(S="rect",N={x:R.x,y:R.y,width:R.width||1,height:D},J=e?{x:R.x, -y:R.y,width:0,height:D}:N),L&&L&&L.type!==S&&(L.hide(),L=x.graphics.element=null),L||(S=k.showAsGroup?"path":"rect",t.element&&t.element.length&&(L=t.element[0]).type===S?x.graphics.element=L=t.element.shift():(L=x.graphics.element=n[S](v).attr(J).data("dataset",this),P=!0,this.slackElemHandlers(L,b))),T=k.eventArgs={processId:k.processId,taskId:k.taskId,start:k._startDate,end:k._endDate,showAsGroup:k.showAsGroup,link:k.link,sourceType:"task",percentComplete:-1!==k.percentComplete},-1===k.percentComplete|| -k.showAsGroup?(x.graphics.taskFill&&x.graphics.taskFill.hide(),x.graphics.slackElem&&x.graphics.slackElem.hide()):(S=w*k.percentComplete*.01,V=ja,J=x.graphics.taskFill,M=x.graphics.slackElem,J||(t.taskFill&&t.taskFill.length?J=x.graphics.taskFill=t.taskFill.shift():(J=x.graphics.taskFill=n.rect(v),this.slackElemHandlers(J,b),P=!0,J.attr({x:O,y:K,height:D,width:e?0:S}))),M||(t.slackElem&&t.slackElem.length?M=x.graphics.slackElem=t.slackElem.shift():(M=x.graphics.slackElem=n.rect(v),this.slackElemHandlers(M, -b),P=!0,M.attr({x:O,y:K,width:0,height:D}))),J.show().animateWith(h,m,{x:O,y:K,height:D,width:S,r:0},e,f),J.attr({fill:k.color,cursor:B?"pointer":"",ishot:!0,"stroke-width":0}).data("chart",b).data("dataObj",x).data("dataset",this).tooltip(E),M.show().animateWith(h,m,{x:O+S||1,y:K,width:w-S,height:D,r:0},e,f),M.attr({fill:k.slackColor,cursor:B?"pointer":"",ishot:!0,"stroke-width":0}),J&&J.data("eventArgs",T),M&&M.data("eventArgs",T).data("dataObj",x).data("dataset",this).data("chart",b)),L.show().animateWith(h, -m,N,e,f).attr({fill:V,stroke:k.borderColor,cursor:B?"pointer":"",ishot:!0,r:ba,"stroke-width":Q}).shadow({opacity:ca},z).tooltip(E).data("dataObj",x).data("chart",b).data("dataset",this).data("eventArgs",T),e&&P&&(H.hide(),L.animateWith(h,m,{width:R.width||1},e,f,y)),x=B?"pointer":"",B=k.labelAlign,E=k._labelTextAttr||(k._labelTextAttr={}),E.x=O+w*Ja[B]+Ka[B],E.y=K-.5*Ha(G,10)-d.tasklabelspadding,E.text=k.label,E.direction=d.textDirection,E["text-anchor"]=Ia[B],E.cursor=x,E.ishot=!0,E.fill=k.textColor, -E["line-height"]=G,B=k._startLabelTextAttr||(k._startLabelTextAttr={}),B.x=O-2-X,B.y=K+.5*D,B.text=k.startDate,B["text-anchor"]="end",B.cursor=x,B.ishot=!0,B.direction=d.textDirection,B.fill=k.textColor,B["line-height"]=G,B=k._endLabelTextAttr||(k._endLabelTextAttr={}),B.x=O+w+2+X,B.y=K+.5*D,B.text=k.endDate,B.cursor=x,B.ishot=!0,B.direction=d.textDirection,B["text-anchor"]="start",B.fill=k.textColor,B["line-height"]=G,k.cursor=x,P=!1));this.drawn?this.drawLabel():aa.labelDrawID.push(wa.addJob(this.drawLabel, -this,[],I.priorityList.label));this.drawn=!0;for(a=0;aw-z?0:w-z;G=["M",z,k,z+e+G,k,"L",z+e+G,k,z+e+G,q,"L",z+e+G,q,w,q];break;case 3:G=0>y-v?0:y-v;G=["M",y,k,y-e-G,k,"L",y-e-G,k,y-e-G,q,"L",y-e-G,q,v,q];break;case 4:G=y>w?["M",y,k,y-(y-w)/2,k,"L",y-(y-w)/2,k,y-(y-w)/2,q,"L",y-(y-w)/2,q,w,q]:["M",y,k,y-e,k,"L",y-e,k,y-e,k+(q-k)/2,"L",y-e,k+(q-k)/2,w+e,k+(q-k)/2,"L",w+e,k+(q-k)/2,w+e,q,"L",w+e,q,w,q]}r||(r=g.connector&&g.connector.length?l.connector=g.connector.shift():l.connector=d.path(m),u?(N=W.animation({"stroke-opacity":B.alpha}, -u,n),I=0,J=u):I=B.alpha);r.show().animateWith(p,t,{path:G},u,n).attr({stroke:B.color,"stroke-opacity":I,"stroke-width":B.thickness,"stroke-dasharray":B.dashedStyle});N&&r.animate(N.delay(J||0));r={fromTaskId:B.fromTaskId,toTaskId:B.toTaskId,fromTaskConnectStart:B.fromTaskConnectStart,toTaskConnectStart:B.toTaskConnectStart,link:B.link,sourceType:"connector"};k=l.tracker;k||(k=g.tracker&&g.tracker.length?l.tracker=g.tracker.shift():l.tracker=d.path(m).click(this.connectorClick(a)).hover(this.rollOverHandler(a), -this.rollOutHandler(a)));k.attr({path:G,stroke:ja,"stroke-width":M(B.thickness,10),ishot:!0,cursor:B.link?"pointer":""}).data("dataObj",h).data("eventArgs",r)}}else r&&r.hide();for(K=0;Kt?p-u:t;d.useEllipsesOnOverflow(c.config.useEllipsesWhenOverflow);d.setStyle(e);c=d.getSmartText(y,n-l,t);e={textAttr:{x:F,y:H,text:c.text,fill:w,"text-anchor":v,"vertical-align":z,cursor:D?"pointer":"default"},css:e,rectAttr:{x:l,y:u,width:ll&&(l=m),m<=g&&(g=m),isNaN(h)&&(h=void 0),h>l&&(l=h),h<=g&&(g=h);b=l+e;d.min=Number(fa(g-f,10));d.max=Number(fa(b,10));d.tickInterval=Number(fa(1,10))}else c.hasCategory=0},_drawComponents:function(){var a=this.config;this._drawCategories();a.drawPlotlines&&this._drawPlotLine();a.drawPlotBand&&this._drawPlotBand();a.drawTrendLines&&this._drawTrendLine()},_drawCategories:function(){var a=this.config, -b=(a.axisDimention||{}).y,c=a.totalHeight||0,d=this.chart,f=d.components,e=d.config,h=e.viewPortConfig,m=f.paper,f=f.numberFormatter,g=a.canvas,l=a.gridArr||(a.gridArr=[]),l=g.canvasLeft||e.canvasLeft,n=g.canvasTop||e.canvasTop,u=g.canvasHeight||e.canvasHeight,p=g.canvasWidth||e.canvasWidth,e=a.lastTranslate||(a.lastTranslate={x:0,y:0}),t=d.graphics,q=t.axisBottomGroup,r,g=0,k,C,F,H,y;C=d.get("config","animationObj");d=C.animObj;F=C.dummyObj;H=C.transposeAnimDuration;C=C.animType;y=na(c,n-(a.maxTopSpaceAvailable|| -0));y=0m&&(k=t,m=t.height));n[p]._attrib.topPos=l;l+=k.height+8;n[p]._attrib.bottomPos=l}u=a-l;if(b.drawTrendLines&& -b.drawTrendLabels&&F&&b.isActive)for(e.setStyle({fontSize:C.fontSize,fontFamily:C.fontFamily,lineHeight:C.lineHeight,fontWeight:C.fontWeight}),b.trendBottomPadding=-1,r=0,h=F.length;ru-k?n.displayvalue="":(n.displayvalue= -t.text,y=ya?a:l;g.top+=l;g.bottom+=z;d.categorySpaceUsed=l;return g}},"ganttCommon"]);Q.get("component",["axis","process",{configure:function(){var a=this.config,b=this.chart,c=b.jsonData.chart,b=b.components.colorManager;Q.register("component",["axis","cartesian"]).prototype.configure.call(this);a.lineColor=T(q(c.gridbordercolor,b.getColor("gridColor")),r(c.gridborderalpha, -100));a.lineThickness=r(c.gridborderthickness,1);a.lineDashStyle=r(c.gridborderdashed,0)?ma(r(c.gridborderdashlen,1),c.gridborderdashgap,a.lineThickness):"none";a.plotLineColor=T(q(c.ganttlinecolor,b.getColor("gridColor")),r(c.ganttlinealpha,100));a.plotLineThickness=r(c.ganttlinethickness,1);a.plotLineDashStyle=r(c.ganttlinedashed,0)?ma(r(c.ganttlinedashlen,1),c.ganttlinedashgap,a.lineThickness):"none";a.gridResizeBarColor=T(q(c.gridresizebarcolor,b.getColor("gridResizeBarColor")),r(c.gridresizebaralpha, -100));a.gridResizeBarThickness=r(c.gridresizebarthickness,1);a.forceRowHeight=r(c.forcerowheight,0);a.rowHeight=r(c.rowheight,0);a.hoverColor=q(c.processhoverbandcolor,c.hoverbandcolor,b.getColor("gridColor"));a.hoverAlpha=r(c.processhoverbandalpha,c.hoverbandalpha,30);a.useHover=r(c.showprocesshoverband,c.showhoverband,c.showhovereffect,1);a.usePlotHover=r(c.showganttpanehorizontalhoverband);a.showFullDataTable=r(c.showfulldatatable,1);a.useVerticalScrolling=r(c.useverticalscrolling,1);a.gridLineHeaderPath= -"";a.gridLinePath=""},setDataTable:function(a){var b=this.config;b.dataTables={};b.dataTables.dataTable={};a?(b.hasDataTables=1,ba(b.dataTables.dataTable,a),a=b.dataTables.dataTable,this._extractAttribToEnd(a,{})):b.hasDataTables=0},setProcess:function(a){var b,c=this.config,d=c.axisRange,f=c.startPad||0;b=c.endPad||0;var e,h,m;c.processes={};if(a){c.hasProcess=1;e=c.processes.process=ba({},a);this._extractAttribToEnd(e,{});a=e.process.length;m=c.processes.processMap={};c.processes.processHeightMap= -{};for(c=0;cf&&(f=m):f=m||f;h=0;for(b=c.length;he?this.translateAxis(d-e,void 0):(this.resetTransletAxis(),this.resetTransletAxis())}this._drawGridLine();this._disposeExtraProcessAndDataTableElement(q)},_drawVerticalLineAndTracker:function(){var a= -this,b=a.config,c=a.chart,d=c.config,f=(b.axisDimention||{}).x,e=b.totalWidth||0,h=b.canvas.canvasTop||d.canvasTop,m=c.components.paper,g=a.components.processVline||(a.components.processVline=[]),l=b.processVlineArr,n=b.hotContainer,u=0,p,t,q,r,k,C,F,H=function(){var a=this.data("drag-options"),b=a.vHoverLine;a.origX=a.lastX||(a.lastX=0);b.show();c.trackerClicked=!0;a.draged=!1},y=function(a){var b=this.data("drag-options"),c=b.vHoverLine,d=b.vLineSetting,e=d.xPos+a,f=d.leftLimit,g=d.rightLimit;e< -f&&(a=f-d.xPos);e>g&&(a=g-d.xPos);d={transform:"t"+(b.origX+a)+Ea+0};this.attr(d);c.attr(d);b.draged=!0;b.lastX=a},z=function(){var d=this.data("drag-options"),e=d.vLineSetting,f=d.vHoverLine,g=d.vLineIndex;c.trackerClicked=!1;f.hide();d.draged&&(e.left.rightPos+=d.lastX||0,e.right.leftPos+=d.lastX||0,e.xPos+=d.lastX||0,l[g-1]&&(l[g-1].rightLimit+=d.lastX||0),l[g+1]&&(l[g+1].leftLimit+=d.lastX||0),b.drawFromProcessVlineDrag=!0,a._drawProcessAndDataTable(),a._drawVerticalLineAndTracker(),d={transform:"t0,0"}, -this.attr(d),f.attr(d))};k={stroke:b.gridResizeBarColor,"stroke-width":b.gridResizeBarThickness,visibility:"hidden"};C={stroke:ja,ishot:!0,"stroke-width":30};r=h-d.categorySpaceUsed;d=0;for(p=l.length;db&&this.translateAxis((c- -b)*(1-a),void 0)},placeAxis:function(a){var b=this.config,c=this.chart,d=c.linkedItems.smartLabel,f=b.labels.style,e=0,h=0,m={left:0,right:0},g=0,l=!1,n=0,u=0,p,t,r,x,k,C=0;d.useEllipsesOnOverflow(c.config.useEllipsesWhenOverflow);d.setStyle({fontSize:f.fontSize,fontFamily:f.fontFamily,lineHeight:f.lineHeight,fontWeight:f.fontWeight});0===b.showFullDataTable&&(C=a/((b.hasDataTables&&b.dataTables&&b.dataTables.dataTable&&b.dataTables.dataTable.datacolumn?b.dataTables.dataTable.datacolumn.length:0)+ -1));if(b.hasProcess){process=b.processes.process.process;p=b.processes.process;"right"===p.positioningrid&&(l=!0);p.headertext&&(p.drawLabel=Y(p.headertext),c=p._attrib,c={fontFamily:q(c.headerfontfamily,f.fontFamily),fontSize:q(c.headerfontsize,f.fontSize).replace(/px/i,"")+"px",fontWeight:q(1===Number(c.headerisbold)?"bold":void 0===c.headerisbold?"bold":void 0,f.fontWeight),fontStyle:q(c.headerisitalic?"italic":void 0,f.fontStyle)},c.lineHeight=U(c),d.setStyle(c),c=d.getOriSize(p.drawLabel),c.width> -h&&(e=c,h=c.width));p=0;for(t=process.length;ph&&(e=c,h=c.width),c.height>u&&(u=c.height);b.processMaxHeight=u+8;process._attrib.leftPos=g;l?n=C||e.width+4:g+=C||e.width+ -4;process._attrib.rightPos=g}if(b.hasDataTables)for(p in e=b.dataTables.dataTable.datacolumn,e)if(e.hasOwnProperty(p)&&"_attrib"!==p){u=e[p];h=0;u.headertext&&(c=u._attrib,u.drawLabel=Y(u.headertext),t={fontFamily:q(c.headerfontfamily,f.fontFamily),fontSize:q(c.headerfontsize,f.fontSize).replace(/px/i,"")+"px",fontWeight:q(1===Number(c.headerisbold)?"bold":void 0===c.headerisbold?"bold":void 0,f.fontWeight),fontStyle:q(c.headerisitalic?"italic":void 0,f.fontStyle)},t.lineHeight=U(t),d.setStyle(t), -c=d.getOriSize(u.drawLabel),c.width>h&&(k=c,h=c.width));u=u.text;for(x in u)u.hasOwnProperty(x)&&"_attrib"!==x&&(c=u[x],c.drawLabel=Y(c.label||c.name),t=c._attrib,t={fontFamily:q(t.fontfamily,f.fontFamily),fontSize:q(t.fontsize,f.fontSize).replace(/px/i,"")+"px",fontWeight:q(t.isbold?"bold":void 0,f.fontWeight),fontStyle:q(t.isitalic?"italic":void 0,f.fontStyle)},t.lineHeight=U(t),d.setStyle(t),c=d.getOriSize(c.drawLabel),c.width>h&&(k=c,h=c.width));e[p]._attrib.leftPos=g;g+=C||k.width+4;e[p]._attrib.rightPos= -g}b.hasProcess&&l&&(process._attrib.leftPos+=g,process._attrib.rightPos+=g+n,g+=n);b.totalWidth=g;this.adjustWidth();g=b.totalWidth>a?a:b.totalWidth;b.totalVisiblelWidth=g;m.left+=g;return m},adjustWidth:function(){var a=this.config,b=a.totalWidth,c=b,d=0,f=!1,e,h,m,g,l,n;e=a.processVlineArr=[];c-=20*(a.hasDataTables&&a.dataTables&&a.dataTables.dataTable&&a.dataTables.dataTable.datacolumn?a.dataTables.dataTable.datacolumn.length+1:1);m=function(a){c+=20;a=a.match(/%/g)?r(b*Number(a.replace(/%/g,"")/ -100),0):r(a,0);20>c?a=20:a>c&&(a=c);c-=a;return a};a.hasProcess&&(process=a.processes.process.process,g=a.processes.process,"right"===g.positioningrid&&(f=!0),h=process._attrib,l=d,d+=m(h.width||""+(h.rightPos-h.leftPos)),h.leftPos=l,h.rightPos=d,f?d=0:e.push({type:"process",ind:0,xPos:h.rightPos,left:h,leftLimit:h.leftPos+20}));if(a.hasDataTables)for(n in g=a.dataTables.dataTable.datacolumn,g)if(g.hasOwnProperty(n)&&"_attrib"!==n){h=g[n];h=h._attrib;l=d;d+=m(h.width||""+(h.rightPos-h.leftPos));h.leftPos= -l;h.rightPos=d;if(l=e[e.length-1])l.right=h,l.rightLimit=h.rightPos-20;e.push({type:"dataTable",ind:n,xPos:h.rightPos,left:h,leftLimit:h.leftPos+20})}if(a.hasProcess)if(f){if(h=process._attrib,h.rightPos=d+(h.rightPos-h.leftPos),h.leftPos=d,d+=h.rightPos-h.leftPos,l=e[e.length-1])l.right=h,l.rightLimit=h.rightPos-20}else e.pop();a.totalWidth=d}},"ganttCommon"])}])}); diff --git a/src/Assets/fusioncharts/fusioncharts.js b/src/Assets/fusioncharts/fusioncharts.js deleted file mode 100644 index 66f910b..0000000 --- a/src/Assets/fusioncharts/fusioncharts.js +++ /dev/null @@ -1,1842 +0,0 @@ -/* - FusionCharts JavaScript Library - Copyright FusionCharts Technologies LLP - License Information at - - @version 3.11.2 - FusionCharts JavaScript Library - Copyright FusionCharts Technologies LLP - License Information at - - @version 3.11.2 - FusionCharts JavaScript Library - Copyright FusionCharts Technologies LLP - License Information at -*/ -(function(Gb,Ib){"object"===typeof module&&module.exports?module.exports=Gb.document?Ib(Gb):function(d){if(!d.document)throw Error("Window with document not present");return Ib(d,!0)}:Gb.FusionCharts=Ib(Gb,!0)})("undefined"!==typeof window?window:this,function(Gb,Ib){"undefined"===typeof Gb&&"object"===typeof window&&(Gb=window);(function(d){if(!d.FusionCharts||!d.FusionCharts.version){var m=d.document,E=d.navigator,n={window:d},C=n.modules={},B=n.interpreters={},K=Object.prototype.toString,a=/msie/i.test(E.userAgent)&& -!d.opera,M=/loaded|complete/,f=!1,l=function(){var a=n.ready;n.ready=!0;n.raiseEvent&&(n.readyNotified=!0,n.raiseEvent("ready",{version:n.core.version,now:!a},n.core));n.readyNow=!a},O=function(a,f){var A,q;if(f instanceof Array)for(A=0;A\x3c/script>'):m.write(' -"; - -return $graph; diff --git a/src/Templates/chartist.bar.php b/src/Templates/chartist.bar.php deleted file mode 100644 index ab2f54f..0000000 --- a/src/Templates/chartist.bar.php +++ /dev/null @@ -1,34 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='max-height: $this->height; max-width: $this->width'"; -} $graph .= " class='ct-chart ct-perfect-fourth'>

- -"; - -return $graph; diff --git a/src/Templates/chartist.donut.php b/src/Templates/chartist.donut.php deleted file mode 100644 index 4813f1a..0000000 --- a/src/Templates/chartist.donut.php +++ /dev/null @@ -1,38 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='max-height: $this->height; max-width: $this->width'"; -} $graph .= " class='ct-chart ct-perfect-fourth'>

- -"; - -return $graph; diff --git a/src/Templates/chartist.line.php b/src/Templates/chartist.line.php deleted file mode 100644 index 748dd2a..0000000 --- a/src/Templates/chartist.line.php +++ /dev/null @@ -1,34 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='max-height: $this->height; max-width: $this->width'"; -} $graph .= " class='ct-chart ct-perfect-fourth'>

- -"; - -return $graph; diff --git a/src/Templates/chartist.pie.php b/src/Templates/chartist.pie.php deleted file mode 100644 index f971e92..0000000 --- a/src/Templates/chartist.pie.php +++ /dev/null @@ -1,37 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='max-height: $this->height; max-width: $this->width'"; -} $graph .= " class='ct-chart ct-perfect-fourth'>

- -"; - -return $graph; diff --git a/src/Templates/chartjs.area.php b/src/Templates/chartjs.area.php deleted file mode 100644 index 15ca9fe..0000000 --- a/src/Templates/chartjs.area.php +++ /dev/null @@ -1,46 +0,0 @@ -id' width='$this->width' height='$this->height'> - -"; - -return $graph; diff --git a/src/Templates/chartjs.bar.php b/src/Templates/chartjs.bar.php deleted file mode 100644 index 5a2ca64..0000000 --- a/src/Templates/chartjs.bar.php +++ /dev/null @@ -1,53 +0,0 @@ -id' width='$this->width' height='$this->height'> - -"; - -return $graph; diff --git a/src/Templates/chartjs.donut.php b/src/Templates/chartjs.donut.php deleted file mode 100644 index 14f46e7..0000000 --- a/src/Templates/chartjs.donut.php +++ /dev/null @@ -1,42 +0,0 @@ -id' width='$this->width' height='$this->height'> - -"; - -return $graph; diff --git a/src/Templates/chartjs.line.php b/src/Templates/chartjs.line.php deleted file mode 100644 index 1a95f40..0000000 --- a/src/Templates/chartjs.line.php +++ /dev/null @@ -1,41 +0,0 @@ -id' width='$this->width' height='$this->height'> - -"; - -return $graph; diff --git a/src/Templates/chartjs.pie.php b/src/Templates/chartjs.pie.php deleted file mode 100644 index 8353ee1..0000000 --- a/src/Templates/chartjs.pie.php +++ /dev/null @@ -1,42 +0,0 @@ -id' width='$this->width' height='$this->height'> - -"; - -return $graph; diff --git a/src/Templates/fusioncharts.area.php b/src/Templates/fusioncharts.area.php deleted file mode 100644 index 567c484..0000000 --- a/src/Templates/fusioncharts.area.php +++ /dev/null @@ -1,70 +0,0 @@ - - FusionCharts.ready(function () { - var revenueChart = new FusionCharts({ - type: 'area2d', - renderAt: '$this->id', - "; if ($this->responsive) { - $graph .= " - width: '100%', - height: '100%', - "; -} else { - $graph .= " - width: '$this->width', - height: '$this->height', - "; -} - $graph .= " - dataFormat: 'json', - dataSource: { - 'chart': { - 'caption': \"$this->title\", - 'yAxisName': \"$this->element_label\", - "; - if ($this->colors) { - $graph .= " - 'paletteColors': \"".$this->colors[0].'", - '; - } - $graph .= " - 'bgColor': '#ffffff', - 'borderAlpha': '20', - 'canvasBorderAlpha': '0', - 'usePlotGradientColor': '0', - 'plotBorderAlpha': '10', - 'rotatevalues': '1', - 'valueFontColor': '#ffffff', - 'showXAxisLine': '1', - 'xAxisLineColor': '#999999', - 'divlineColor': '#999999', - 'divLineIsDashed': '1', - 'showAlternateHGridColor': '0', - 'subcaptionFontBold': '0', - 'subcaptionFontSize': '14' - }, - 'data': [ - "; - $i = 0; - foreach ($this->values as $v) { - $l = $this->labels[$i]; - $graph .= " - { - 'label': \"$l\", - 'value': \"$v\", - }, - "; - $i++; - } - $graph .= " - ], - } - }).render(); - }); - -

-"; - -return $graph; diff --git a/src/Templates/fusioncharts.bar.php b/src/Templates/fusioncharts.bar.php deleted file mode 100644 index dc203fa..0000000 --- a/src/Templates/fusioncharts.bar.php +++ /dev/null @@ -1,71 +0,0 @@ - - FusionCharts.ready(function () { - var revenueChart = new FusionCharts({ - type: 'column2d', - renderAt: '$this->id', - "; if ($this->responsive) { - $graph .= " - width: '100%', - height: '100%', - "; -} else { - $graph .= " - width: '$this->width', - height: '$this->height', - "; -} - $graph .= " - dataFormat: 'json', - dataSource: { - 'chart': { - 'caption': \"$this->title\", - 'yAxisName': \"$this->element_label\", - 'paletteColors': '#0075c2', - 'bgColor': '#ffffff', - 'borderAlpha': '20', - 'canvasBorderAlpha': '0', - 'usePlotGradientColor': '0', - 'plotBorderAlpha': '10', - 'rotatevalues': '1', - 'valueFontColor': '#ffffff', - 'showXAxisLine': '1', - 'xAxisLineColor': '#999999', - 'divlineColor': '#999999', - 'divLineIsDashed': '1', - 'showAlternateHGridColor': '0', - 'subcaptionFontBold': '0', - 'subcaptionFontSize': '14' - }, - 'data': [ - "; - $i = 0; - foreach ($this->values as $v) { - $l = $this->labels[$i]; - $graph .= " - { - 'label': \"$l\", - 'value': \"$v\", - "; - if ($this->colors) { - $graph .= " - 'color': \"".$this->colors[$i].'", - '; - } - $graph .= ' - }, - '; - $i++; - } - $graph .= " - ], - } - }).render(); - }); - -

-"; - -return $graph; diff --git a/src/Templates/fusioncharts.donut.php b/src/Templates/fusioncharts.donut.php deleted file mode 100644 index 0551949..0000000 --- a/src/Templates/fusioncharts.donut.php +++ /dev/null @@ -1,82 +0,0 @@ - - FusionCharts.ready(function () { - var revenueChart = new FusionCharts({ - type: 'doughnut2d', - renderAt: '$this->id', - "; if ($this->responsive) { - $graph .= " - width: '100%', - height: '100%', - "; -} else { - $graph .= " - width: '$this->width', - height: '$this->height', - "; -} - $graph .= " - dataFormat: 'json', - dataSource: { - 'chart': { - 'caption': \"$this->title\", - 'yAxisName': \"$this->element_label\", - 'paletteColors': '#0075c2', - 'bgColor': '#ffffff', - 'showBorder': '0', - 'use3DLighting': '0', - 'showShadow': '0', - 'enableSmartLabels': '1', - 'startingAngle': '0', - 'showPercentValues': '1', - 'showPercentInTooltip': '0', - 'decimals': '1', - 'captionFontSize': '14', - 'subcaptionFontSize': '14', - 'subcaptionFontBold': '0', - 'toolTipColor': '#ffffff', - 'toolTipBorderThickness': '0', - 'toolTipBgColor': '#000000', - 'toolTipBgAlpha': '80', - 'toolTipBorderRadius': '2', - 'toolTipPadding': '5', - 'showHoverEffect':'1', - 'showLegend': '1', - 'legendBgColor': '#ffffff', - 'legendBorderAlpha': '0', - 'legendShadow': '0', - 'legendItemFontSize': '10', - 'legendItemFontColor': '#666666' - }, - 'data': [ - "; - $i = 0; - foreach ($this->values as $v) { - $l = $this->labels[$i]; - $graph .= " - { - 'label': \"$l\", - 'value': \"$v\", - "; - if ($this->colors) { - $graph .= " - 'color': \"".$this->colors[$i].'", - '; - } - $graph .= ' - }, - '; - $i++; - } - $graph .= " - ], - } - }).render(); - }); - -

-"; - -return $graph; diff --git a/src/Templates/fusioncharts.line.php b/src/Templates/fusioncharts.line.php deleted file mode 100644 index f994fba..0000000 --- a/src/Templates/fusioncharts.line.php +++ /dev/null @@ -1,70 +0,0 @@ - - FusionCharts.ready(function () { - var revenueChart = new FusionCharts({ - type: 'line', - renderAt: '$this->id', - "; if ($this->responsive) { - $graph .= " - width: '100%', - height: '100%', - "; -} else { - $graph .= " - width: '$this->width', - height: '$this->height', - "; -} - $graph .= " - dataFormat: 'json', - dataSource: { - 'chart': { - 'caption': \"$this->title\", - 'yAxisName': \"$this->element_label\", - "; - if ($this->colors) { - $graph .= " - 'paletteColors': \"".$this->colors[0].'", - '; - } - $graph .= " - 'bgColor': '#ffffff', - 'borderAlpha': '20', - 'canvasBorderAlpha': '0', - 'usePlotGradientColor': '0', - 'plotBorderAlpha': '10', - 'rotatevalues': '1', - 'valueFontColor': '#ffffff', - 'showXAxisLine': '1', - 'xAxisLineColor': '#999999', - 'divlineColor': '#999999', - 'divLineIsDashed': '1', - 'showAlternateHGridColor': '0', - 'subcaptionFontBold': '0', - 'subcaptionFontSize': '14' - }, - 'data': [ - "; - $i = 0; - foreach ($this->values as $v) { - $l = $this->labels[$i]; - $graph .= " - { - 'label': \"$l\", - 'value': \"$v\", - }, - "; - $i++; - } - $graph .= " - ], - } - }).render(); - }); - -

-"; - -return $graph; diff --git a/src/Templates/fusioncharts.pie.php b/src/Templates/fusioncharts.pie.php deleted file mode 100644 index 2293a50..0000000 --- a/src/Templates/fusioncharts.pie.php +++ /dev/null @@ -1,82 +0,0 @@ - - FusionCharts.ready(function () { - var revenueChart = new FusionCharts({ - type: 'pie2d', - renderAt: '$this->id', - "; if ($this->responsive) { - $graph .= " - width: '100%', - height: '100%', - "; -} else { - $graph .= " - width: '$this->width', - height: '$this->height', - "; -} - $graph .= " - dataFormat: 'json', - dataSource: { - 'chart': { - 'caption': \"$this->title\", - 'yAxisName': \"$this->element_label\", - 'paletteColors': '#0075c2', - 'bgColor': '#ffffff', - 'showBorder': '0', - 'use3DLighting': '0', - 'showShadow': '0', - 'enableSmartLabels': '1', - 'startingAngle': '0', - 'showPercentValues': '1', - 'showPercentInTooltip': '0', - 'decimals': '1', - 'captionFontSize': '14', - 'subcaptionFontSize': '14', - 'subcaptionFontBold': '0', - 'toolTipColor': '#ffffff', - 'toolTipBorderThickness': '0', - 'toolTipBgColor': '#000000', - 'toolTipBgAlpha': '80', - 'toolTipBorderRadius': '2', - 'toolTipPadding': '5', - 'showHoverEffect':'1', - 'showLegend': '1', - 'legendBgColor': '#ffffff', - 'legendBorderAlpha': '0', - 'legendShadow': '0', - 'legendItemFontSize': '10', - 'legendItemFontColor': '#666666' - }, - 'data': [ - "; - $i = 0; - foreach ($this->values as $v) { - $l = $this->labels[$i]; - $graph .= " - { - 'label': \"$l\", - 'value': \"$v\", - "; - if ($this->colors) { - $graph .= " - 'color': \"".$this->colors[$i].'", - '; - } - $graph .= ' - }, - '; - $i++; - } - $graph .= " - ], - } - }).render(); - }); - -

-"; - -return $graph; diff --git a/src/Templates/google.area.php b/src/Templates/google.area.php deleted file mode 100644 index db8bde0..0000000 --- a/src/Templates/google.area.php +++ /dev/null @@ -1,47 +0,0 @@ - - - chart = google.charts.setOnLoadCallback(drawChart); - - function drawChart() { - var data = google.visualization.arrayToDataTable([ - ['Element', \"$this->element_label\"], - "; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "[\"$e\", $v],"; - $i++; - } - $graph .= ' - ]); - - var options = { - '; - if (!$this->responsive) { - $graph .= " - height: $this->height, - width: $this->width, - "; - } - $graph .= " - fontSize: 12, - title: \"$this->title\", - "; if ($this->colors) { - $graph .= 'colors: ["'.$this->colors[0].'"],'; - } $graph .= " - legend: { position: 'top', alignment: 'end' } - }; - - var chart = new google.visualization.AreaChart(document.getElementById('$this->id')); - - chart.draw(data, options); - } - -

-"; - -return $graph; diff --git a/src/Templates/google.bar.php b/src/Templates/google.bar.php deleted file mode 100644 index b301407..0000000 --- a/src/Templates/google.bar.php +++ /dev/null @@ -1,57 +0,0 @@ - - google.charts.setOnLoadCallback(drawPieChart); - function drawPieChart() { - - var data = google.visualization.arrayToDataTable([ - ['Element', \"$this->element_label\""; if ($this->colors) { - $graph .= ", { role: 'style' }"; -} $graph .= '], - '; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "[\"$e\", $v"; - if ($this->colors) { - $graph .= ", '".$this->colors[$i]."'"; - } - $graph .= '],'; - $i++; - } - $graph .= ' - ]); - - var options = { - '; - if (!$this->responsive) { - $graph .= " - height: $this->height, - width: $this->width, - "; - } - $graph .= " - legend: { position: 'top', alignment: 'end' }, - fontSize: 12, - title: \"$this->title\","; - if ($this->colors) { - $graph .= 'colors:['; - foreach ($this->colors as $color) { - $graph .= "'$color',"; - } - $graph .= '],'; - } - $graph .= " - }; - - var chart = new google.visualization.ColumnChart(document.getElementById('$this->id')); - - chart.draw(data, options); - } - -

-"; - -return $graph; diff --git a/src/Templates/google.donut.php b/src/Templates/google.donut.php deleted file mode 100644 index ee6ea73..0000000 --- a/src/Templates/google.donut.php +++ /dev/null @@ -1,47 +0,0 @@ - - google.charts.setOnLoadCallback(drawPieChart); - function drawPieChart() { - var data = google.visualization.arrayToDataTable([ - ['Element', 'Value'], - "; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "[\"$e\", $v],"; - $i++; - } - $graph .= ' - ]); - var options = { - '; - if (!$this->responsive) { - $graph .= " - height: $this->height, - width: $this->width, - "; - } - $graph .= " - fontSize: 12, - pieHole: 0.4, - title: \"$this->title\","; - if ($this->colors) { - $graph .= 'colors:['; - foreach ($this->colors as $color) { - $graph .= "'$color',"; - } - $graph .= '],'; - } - $graph .= " - }; - var chart = new google.visualization.PieChart(document.getElementById('$this->id')); - chart.draw(data, options); - } - -

-"; - -return $graph; diff --git a/src/Templates/google.geo.php b/src/Templates/google.geo.php deleted file mode 100644 index 988d84e..0000000 --- a/src/Templates/google.geo.php +++ /dev/null @@ -1,49 +0,0 @@ - - google.charts.setOnLoadCallback(drawRegionsMap); - - function drawRegionsMap() { - - var data = google.visualization.arrayToDataTable([ - ['Country', \"$this->element_label\"], - "; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "[\"$e\", $v],"; - $i++; - } - $graph .= ' - ]); - - var options = { - '; - if (!$this->responsive) { - $graph .= " - height: $this->height, - width: $this->width, - "; - } - $graph .= ' - colorAxis: {colors: ['; if ($this->colors and count($this->colors >= 2)) { - $graph .= "'".$this->colors[0]."', '".$this->colors[1]."'"; - } $graph .= "]}, - datalessRegionColor: \"#e0e0e0\", - defaultColor: \"#607D8\", - }; - - var chart = new google.visualization.GeoChart(document.getElementById('$this->id')); - - chart.draw(data, options); - } - -

responsive) { - $graph .= "style='width: $this->width'"; - } $graph .= ">$this->title

-"; - -return $graph; diff --git a/src/Templates/google.line.php b/src/Templates/google.line.php deleted file mode 100644 index 0828b91..0000000 --- a/src/Templates/google.line.php +++ /dev/null @@ -1,47 +0,0 @@ - - - chart = google.charts.setOnLoadCallback(drawChart); - - function drawChart() { - var data = google.visualization.arrayToDataTable([ - ['Element', \"$this->element_label\"], - "; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "[\"$e\", $v],"; - $i++; - } - $graph .= ' - ]); - - var options = { - '; - if (!$this->responsive) { - $graph .= " - height: $this->height, - width: $this->width, - "; - } - $graph .= " - fontSize: 12, - title: \"$this->title\", - "; if ($this->colors) { - $graph .= 'colors: ["'.$this->colors[0].'"],'; - } $graph .= " - legend: { position: 'top', alignment: 'end' } - }; - - var chart = new google.visualization.LineChart(document.getElementById('$this->id')); - - chart.draw(data, options); - } - -

-"; - -return $graph; diff --git a/src/Templates/google.pie.php b/src/Templates/google.pie.php deleted file mode 100644 index 64b79a3..0000000 --- a/src/Templates/google.pie.php +++ /dev/null @@ -1,46 +0,0 @@ - - google.charts.setOnLoadCallback(drawPieChart); - function drawPieChart() { - var data = google.visualization.arrayToDataTable([ - ['Element', 'Value'], - "; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "[\"$e\", $v],"; - $i++; - } - $graph .= ' - ]); - var options = { - '; - if (!$this->responsive) { - $graph .= " - height: $this->height, - width: $this->width, - "; - } - $graph .= " - fontSize: 12, - title: \"$this->title\","; - if ($this->colors) { - $graph .= 'colors:['; - foreach ($this->colors as $color) { - $graph .= "'$color',"; - } - $graph .= '],'; - } - $graph .= " - }; - var chart = new google.visualization.PieChart(document.getElementById('$this->id')); - chart.draw(data, options); - } - -

-"; - -return $graph; diff --git a/src/Templates/highcharts.area.php b/src/Templates/highcharts.area.php deleted file mode 100644 index 238404e..0000000 --- a/src/Templates/highcharts.area.php +++ /dev/null @@ -1,66 +0,0 @@ - - $(function () { - var chart = new Highcharts.Chart({ - chart: { - type: 'area', - renderTo: \"$this->id\", - "; if (!$this->responsive) { - $graph .= " - width: $this->width, - height: $this->height, - "; -} - $graph .= " - }, - title: { - text: \"$this->title\", - x: -20 //center - }, - xAxis: { - categories: ["; foreach ($this->labels as $label) { - $graph .= '"'.$label.'",'; - } $graph .= "] - }, - yAxis: { - title: { - text: \"$this->element_label\" - }, - plotLines: [{ - value: 0, - height: 0.5, - width: 1, - color: '#808080' - }] - }, - "; if ($this->colors) { - $graph .= ' - plotOptions: { - series: { - color: "'.$this->colors[0].'" - } - }, - '; - } - $graph .= " - legend: { - layout: 'vertical', - align: 'right', - verticalAlign: 'middle', - borderWidth: 0 - }, - series: [{ - name: '$this->element_label', - data: ["; foreach ($this->values as $dta) { - $graph .= $dta.','; - } $graph .= "] - }] - }); - }); - -

-"; - -return $graph; diff --git a/src/Templates/highcharts.bar.php b/src/Templates/highcharts.bar.php deleted file mode 100644 index 3a4da97..0000000 --- a/src/Templates/highcharts.bar.php +++ /dev/null @@ -1,55 +0,0 @@ - - $(function () { - var chart = new Highcharts.Chart({ - chart: { - renderTo: \"$this->id\", - "; if (!$this->responsive) { - $graph .= " - width: $this->width, - height: $this->height,"; -} - $graph .= " - plotBackgroundColor: null, - plotBorderWidth: null, - plotShadow: false, - type: 'column' - }, - title: { - text: \"$this->title\" - }, - plotOptions: { - column: { - pointPadding: 0.2, - borderWidth: 0 - } - }, - xAxis: { - categories: [ - "; - foreach ($this->labels as $label) { - $graph .= "\"$label\","; - } - $graph .= " - ], - crosshair: true - }, - series: [{ - name: \"$this->element_label\", - data: [ - "; - foreach ($this->values as $dta) { - $graph .= "$dta,"; - } - $graph .= " - ] - }] - }); - }); - -

-"; - -return $graph; diff --git a/src/Templates/highcharts.donut.php b/src/Templates/highcharts.donut.php deleted file mode 100644 index b307b7b..0000000 --- a/src/Templates/highcharts.donut.php +++ /dev/null @@ -1,60 +0,0 @@ - - $(function () { - var chart = new Highcharts.Chart({ - chart: { - renderTo: \"$this->id\", - "; if (!$this->responsive) { - $graph .= " - width: $this->width, - height: $this->height,"; -} - $graph .= " - plotBackgroundColor: null, - plotBorderWidth: null, - plotShadow: false, - type: 'pie' - }, - title: { - text: \"$this->title\", - }, - tooltip: { - pointFormat: '{point.y} ({point.percentage:.1f}%)' - }, - plotOptions: { - pie: { - innerSize: 225, - allowPointSelect: true, - cursor: 'pointer', - dataLabels: { - enabled: true, - format: '{point.name}: {point.y} ({point.percentage:.1f}%)', - style: { - color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' - } - } - } - }, - series: [{ - colorByPoint: true, - data: [ - "; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "{name: \"$e\", y: $v},"; - $i++; - } - $graph .= " - ] - }] - }); - }); - -

-"; - -return $graph; diff --git a/src/Templates/highcharts.geo.php b/src/Templates/highcharts.geo.php deleted file mode 100644 index 0efbbbb..0000000 --- a/src/Templates/highcharts.geo.php +++ /dev/null @@ -1,73 +0,0 @@ -values ? $this->values[0] : 0; -foreach ($this->values as $dta) { - if ($dta > $max) { - $max = $dta; - } elseif ($dta < $min) { - $min = $dta; - } -} -$graph = " - -

-"; - -return $graph; diff --git a/src/Templates/highcharts.line.php b/src/Templates/highcharts.line.php deleted file mode 100644 index 638601c..0000000 --- a/src/Templates/highcharts.line.php +++ /dev/null @@ -1,66 +0,0 @@ - - $(function () { - var chart = new Highcharts.Chart({ - - chart: { - renderTo: \"$this->id\", - "; if (!$this->responsive) { - $graph .= " - width: $this->width, - height: $this->height, - "; -} - $graph .= " - }, - title: { - text: \"$this->title\", - x: -20 //center - }, - xAxis: { - categories: ["; foreach ($this->labels as $label) { - $graph .= '"'.$label.'",'; - } $graph .= "] - }, - yAxis: { - title: { - text: \"$this->element_label\" - }, - plotLines: [{ - value: 0, - height: 0.5, - width: 1, - color: '#808080' - }] - }, - "; if ($this->colors) { - $graph .= ' - plotOptions: { - series: { - color: "'.$this->colors[0].'" - } - }, - '; - } - $graph .= " - legend: { - layout: 'vertical', - align: 'right', - verticalAlign: 'middle', - borderWidth: 0 - }, - series: [{ - name: '$this->element_label', - data: ["; foreach ($this->values as $dta) { - $graph .= $dta.','; - } $graph .= "] - }] - }); - }); - -

-"; - -return $graph; diff --git a/src/Templates/highcharts.pie.php b/src/Templates/highcharts.pie.php deleted file mode 100644 index 299f5b9..0000000 --- a/src/Templates/highcharts.pie.php +++ /dev/null @@ -1,59 +0,0 @@ - - $(function () { - var chart = new Highcharts.Chart({ - chart: { - renderTo: \"$this->id\", - "; if (!$this->responsive) { - $graph .= " - width: $this->width, - height: $this->height,"; -} - $graph .= " - plotBackgroundColor: null, - plotBorderWidth: null, - plotShadow: false, - type: 'pie' - }, - title: { - text: \"$this->title\", - }, - tooltip: { - pointFormat: '{point.y} ({point.percentage:.1f}%)' - }, - plotOptions: { - pie: { - allowPointSelect: true, - cursor: 'pointer', - dataLabels: { - enabled: true, - format: '{point.name}: {point.y} ({point.percentage:.1f}%)', - style: { - color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' - } - } - } - }, - series: [{ - colorByPoint: true, - data: [ - "; - $i = 0; - foreach ($this->values as $dta) { - $e = $this->labels[$i]; - $v = $dta; - $graph .= "{name: \"$e\", y: $v},"; - $i++; - } - $graph .= " - ] - }] - }); - }); - -

-"; - -return $graph; diff --git a/src/Templates/morris.area.php b/src/Templates/morris.area.php deleted file mode 100644 index d7bad22..0000000 --- a/src/Templates/morris.area.php +++ /dev/null @@ -1,41 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='height: $this->height; width: $this->width'"; -} else { - $graph .= "style='height: 100%; width: 100%;'"; -} $graph .= " >

- -'; - -return $graph; diff --git a/src/Templates/morris.bar.php b/src/Templates/morris.bar.php deleted file mode 100644 index d9a5310..0000000 --- a/src/Templates/morris.bar.php +++ /dev/null @@ -1,54 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='height: $this->height; width: $this->width'"; -} else { - $graph .= "style='height: 100%; width: 100%;'"; -} $graph .= " >

- -'; - -return $graph; diff --git a/src/Templates/morris.donut.php b/src/Templates/morris.donut.php deleted file mode 100644 index 9caaf61..0000000 --- a/src/Templates/morris.donut.php +++ /dev/null @@ -1,40 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='height: $this->height; width: $this->width'"; -} else { - $graph .= "style='height: 100%; width: 100%;'"; -} $graph .= " >

- -'; - -return $graph; diff --git a/src/Templates/morris.line.php b/src/Templates/morris.line.php deleted file mode 100644 index 4657c1a..0000000 --- a/src/Templates/morris.line.php +++ /dev/null @@ -1,41 +0,0 @@ -responsive) { - $graph .= "style='width: $this->width'"; -} $graph .= ">$this->title -

responsive) { - $graph .= "style='height: $this->height; width: $this->width'"; -} else { - $graph .= "style='height: 100%; width: 100%;'"; -} $graph .= " >

- -'; - -return $graph; diff --git a/src/Views/README.md b/src/Views/README.md new file mode 100644 index 0000000..4d8fa7a --- /dev/null +++ b/src/Views/README.md @@ -0,0 +1,3 @@ +# Charts Views + +All the charts views are located in this folder diff --git a/src/Views/c3/container.blade.php b/src/Views/c3/container.blade.php new file mode 100644 index 0000000..9671a55 --- /dev/null +++ b/src/Views/c3/container.blade.php @@ -0,0 +1,3 @@ +

formatContainerOptions('css') !!}> +

+@include('charts::loader') \ No newline at end of file diff --git a/src/Views/c3/script.blade.php b/src/Views/c3/script.blade.php new file mode 100644 index 0000000..96c6e7c --- /dev/null +++ b/src/Views/c3/script.blade.php @@ -0,0 +1,29 @@ + diff --git a/src/Views/chartjs/container.blade.php b/src/Views/chartjs/container.blade.php new file mode 100644 index 0000000..4877343 --- /dev/null +++ b/src/Views/chartjs/container.blade.php @@ -0,0 +1,2 @@ +

+@include('charts::loader') \ No newline at end of file diff --git a/src/Views/chartjs/script.blade.php b/src/Views/chartjs/script.blade.php new file mode 100644 index 0000000..ff35567 --- /dev/null +++ b/src/Views/chartjs/script.blade.php @@ -0,0 +1,41 @@ + +@foreach ($chart->plugins as $plugin) + @include($chart->pluginsViews[$plugin]); +@endforeach + + diff --git a/src/Views/echarts/container.blade.php b/src/Views/echarts/container.blade.php new file mode 100644 index 0000000..9671a55 --- /dev/null +++ b/src/Views/echarts/container.blade.php @@ -0,0 +1,3 @@ +

formatContainerOptions('css') !!}> +

+@include('charts::loader') \ No newline at end of file diff --git a/src/Views/echarts/script.blade.php b/src/Views/echarts/script.blade.php new file mode 100644 index 0000000..a3b6cad --- /dev/null +++ b/src/Views/echarts/script.blade.php @@ -0,0 +1,29 @@ + diff --git a/src/Views/frappe/container.blade.php b/src/Views/frappe/container.blade.php new file mode 100644 index 0000000..ffd5a3d --- /dev/null +++ b/src/Views/frappe/container.blade.php @@ -0,0 +1,3 @@ +

+@include('charts::loader') \ No newline at end of file diff --git a/src/Views/frappe/script.blade.php b/src/Views/frappe/script.blade.php new file mode 100644 index 0000000..e305783 --- /dev/null +++ b/src/Views/frappe/script.blade.php @@ -0,0 +1,44 @@ + diff --git a/src/Views/fusioncharts/container.blade.php b/src/Views/fusioncharts/container.blade.php new file mode 100644 index 0000000..8974fbf --- /dev/null +++ b/src/Views/fusioncharts/container.blade.php @@ -0,0 +1,3 @@ +

formatContainerOptions('css') !!}> +

+@include('charts::loader') diff --git a/src/Views/fusioncharts/script.blade.php b/src/Views/fusioncharts/script.blade.php new file mode 100644 index 0000000..7eae468 --- /dev/null +++ b/src/Views/fusioncharts/script.blade.php @@ -0,0 +1,48 @@ + diff --git a/src/Views/highcharts/container.blade.php b/src/Views/highcharts/container.blade.php new file mode 100644 index 0000000..8974fbf --- /dev/null +++ b/src/Views/highcharts/container.blade.php @@ -0,0 +1,3 @@ +

formatContainerOptions('css') !!}> +

+@include('charts::loader') diff --git a/src/Views/highcharts/script.blade.php b/src/Views/highcharts/script.blade.php new file mode 100644 index 0000000..e47f5bc --- /dev/null +++ b/src/Views/highcharts/script.blade.php @@ -0,0 +1,27 @@ + diff --git a/src/Views/init.blade.php b/src/Views/init.blade.php new file mode 100644 index 0000000..9720d92 --- /dev/null +++ b/src/Views/init.blade.php @@ -0,0 +1,17 @@ +let {{ $chart->id }}_rendered = false; +@if ($chart->api_url) +let {{ $chart->id }}_api_url = "{!! $chart->api_url !!}"; +@endif +let {{ $chart->id }}_load = function () { + if (document.getElementById("{{ $chart->id }}") && !{{ $chart->id }}_rendered) { + @if ($chart->api_url) + fetch({{ $chart->id }}_api_url) + .then(data => data.json()) + .then(data => { {{ $chart->id }}_create(data) }); + @else + {{ $chart->id }}_create({!! $chart->formatDatasets() !!}) + @endif + } +}; +window.addEventListener("load", {{ $chart->id }}_load); +document.addEventListener("turbolinks:load", {{ $chart->id }}_load); diff --git a/src/Views/loader.blade.php b/src/Views/loader.blade.php new file mode 100644 index 0000000..56eb7c8 --- /dev/null +++ b/src/Views/loader.blade.php @@ -0,0 +1,40 @@ +

+ +

diff --git a/src/includes.php b/src/includes.php deleted file mode 100644 index e60dff0..0000000 --- a/src/includes.php +++ /dev/null @@ -1,28 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - -";