Getting Started with ASP.NET Core Stock Chart Control
23 Jul 202624 minutes to read
This section briefly explains how to include the ASP.NET Core Stock Chart control in your ASP.NET Core application using Visual Studio, and Visual Studio Code.
Create an ASP.NET Core Web App with Razor pages
Create an ASP.NET Core Web App using Visual Studio via Microsoft Templates or the Syncfusion® ASP.NET Core Extension. For detailed instructions, refer to the ASP.NET Core Web App Getting Started documentation.
Run the following command to create a new ASP.NET Core Web App.
dotnet new webapp -o RazorPagesMovie
code -r RazorPagesMovieAlternatively, create an ASP.NET Core Web App using Visual Studio Code via Microsoft Templates, or the Syncfusion® ASP.NET Core Extension, or the C# Dev Kit extension.
Install the required ASP.NET Core packages
Install the Syncfusion.AspNetCore.StockChart and Syncfusion.AspNetCore.Themes NuGet packages. All Syncfusion ASP.NET Core packages are available on nuget.org. See the NuGet packages topic for details.
- Go to Tools → NuGet Package Manager → Manage NuGet Packages for Solution.
- Search the required NuGet packages (
Syncfusion.AspNetCore.StockChartandSyncfusion.AspNetCore.Themes) and install them.
Alternatively, you can install the same packages using the Package Manager Console with the following commands.
Install-Package Syncfusion.AspNetCore.StockChart -Version 34.1.29
Install-Package Syncfusion.AspNetCore.Themes -Version 34.1.29Open the terminal and run the following commands.
dotnet add package Syncfusion.AspNetCore.StockChart -v 34.1.29
dotnet add package Syncfusion.AspNetCore.Themes -v 34.1.29Add ASP.NET Core Tag Helpers
After the package is installed, open the ~/Pages/_ViewImports.cshtml file and import the Syncfusion.AspNetCore.Base and Syncfusion.AspNetCore.StockChart Tag Helpers.
@addTagHelper *, Syncfusion.AspNetCore.Base
@addTagHelper *, Syncfusion.AspNetCore.StockChartAdd stylesheet and script resources
The theme stylesheet and script can be referenced from CDN. Include the stylesheet and script references inside the <head> of ~/Pages/Shared/_Layout.cshtml file.
<head>
...
@* ASP.NET Core controls styles *@
<link rel="stylesheet" href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" />
@* ASP.NET Core controls scripts *@
<script src="_content/Syncfusion.AspNetCore.StockChart/scripts/sf-stock-chart.min.js"></script>
</head>Register the Script Manager
Open the ~/Pages/Shared/_Layout.cshtml file and register the script manager <ejs-scripts> at the end of the <body> element as follows.
<body>
...
@* ASP.NET Core Script Manager *@
<ejs-scripts></ejs-scripts>
</body>Add ASP.NET Core Stock Chart control
Add the ASP.NET Core Stock Chart control in the ~/Pages/Index.cshtml file.
@page
@model RazorPagesMovie.Pages.IndexModel
<ejs-stockchart id="container">
<e-stockchart-series-collection>
<e-stockchart-series></e-stockchart-series>
</e-stockchart-series-collection>
</ejs-stockchart>Run the application
Press Ctrl+F5 (Windows) or ⌘+F5 (macOS) to launch the application. The ASP.NET Core Stock Chart control will render in your default web browser.
Open the terminal and run the following command.
dotnet run
Populate ASP.NET Core Stock Chart with Data
This section explains how to populate the ASP.NET Core Stock Chart using data defined in an external JavaScript file.
Create a file inside the ~/wwwroot/js folder as financial-data.js and add the data shown below inside the file.
Add a series object to the chart by using the series property, and then set the JSON data from the JavaScript file to the dataSource property.
@page
@model RazorPagesMovie.Pages.IndexModel
<ejs-stockchart id="stockchart" load="stockload">
<e-stockchart-series-collection>
<e-stockchart-series type='Candle' xName='x' name='Apple'> </e-stockchart-series>
</e-stockchart-series-collection>
</ejs-stockchart>
<script src="~/js/financial-data.js"></script>
<script>
var data = chartData;
function stockload(args) {
args.stockChart.series[0].dataSource = data;
}
</script>window.chartData = [
{
x: new Date('2012-04-02'),
open: 85.9757,
high: 90.6657,
low: 85.7685,
close: 90.5257,
volume: 660187068
},
{
x: new Date('2012-04-09'),
open: 89.4471,
high: 92,
low: 86.2157,
close: 86.4614,
volume: 912634864
},
{
x: new Date('2012-04-16'),
open: 87.1514,
high: 88.6071,
low: 81.4885,
close: 81.8543,
volume: 1221746066
},
{
x: new Date('2012-04-23'),
open: 81.5157,
high: 88.2857,
low: 79.2857,
close: 86.1428,
volume: 965935749
},
{
x: new Date('2012-04-30'),
open: 85.4,
high: 85.4857,
low: 80.7385,
close: 80.75,
volume: 615249365
},
{
x: new Date('2012-05-07'),
open: 80.2143,
high: 82.2685,
low: 79.8185,
close: 80.9585,
volume: 541742692
},
{
x: new Date('2012-05-14'),
open: 80.3671,
high: 81.0728,
low: 74.5971,
close: 75.7685,
volume: 708126233
},
{
x: new Date('2012-05-21'),
open: 76.3571,
high: 82.3571,
low: 76.2928,
close: 80.3271,
volume: 682076215
},
{
x: new Date('2012-05-28'),
open: 81.5571,
high: 83.0714,
low: 80.0743,
close: 80.1414,
volume: 480059584
},
{
x: new Date('2012-06-04'),
open: 80.2143,
high: 82.9405,
low: 78.3571,
close: 82.9028,
volume: 517577005
},
{
x: new Date('2012-06-11'),
open: 83.96,
high: 84.0714,
low: 80.9571,
close: 82.0185,
volume: 499693120
},
{
x: new Date('2012-06-18'),
open: 81.5657,
high: 84.2857,
low: 81.4814,
close: 83.1571,
volume: 442172142
},
{
x: new Date('2012-06-25'),
open: 82.4714,
high: 83.4285,
low: 80.8014,
close: 83.4285,
volume: 371529102
},
{
x: new Date('2012-07-02'),
open: 83.5328,
high: 87.7628,
low: 83.3714,
close: 86.5543,
volume: 385906790
},
{
x: new Date('2012-07-09'),
open: 86.4714,
high: 88.5528,
low: 84.6685,
close: 86.4243,
volume: 524235196
},
{
x: new Date('2012-07-16'),
open: 86.4457,
high: 87.9071,
low: 86.1643,
close: 86.3285,
volume: 419537217
},
{
x: new Date('2012-07-23'),
open: 84.9143,
high: 87.0971,
low: 81.4285,
close: 83.5943,
volume: 680773023
},
{
x: new Date('2012-07-30'),
open: 84.4171,
high: 88.2828,
low: 83.9743,
close: 87.9571,
volume: 475109323
},
{
x: new Date('2012-08-06'),
open: 88.1843,
high: 89.2857,
low: 87.8943,
close: 88.8143,
volume: 312826308
},
{
x: new Date('2012-08-13'),
open: 89.0557,
high: 92.5985,
low: 89.0357,
close: 92.5871,
volume: 392867193
},
{
x: new Date('2012-08-20'),
open: 92.8585,
high: 96.4114,
low: 92.5871,
close: 94.746,
volume: 708614692
},
{
x: new Date('2012-08-27'),
open: 97.1414,
high: 97.2671,
low: 93.8928,
close: 95.0343,
volume: 383807217
},
{
x: new Date('2012-09-03'),
open: 95.1085,
high: 97.4971,
low: 94.9285,
close: 97.2057,
volume: 355722047
},
{
x: new Date('2012-09-10'),
open: 97.2071,
high: 99.5685,
low: 93.7143,
close: 98.7543,
volume: 724042207
},
{
x: new Date('2012-09-17'),
open: 99.9071,
high: 100.7243,
low: 99.0885,
close: 100.0135,
volume: 500166040
},
{
x: new Date('2012-09-24'),
open: 98.1228,
high: 99.3028,
low: 94.3357,
close: 95.3007,
volume: 714507994
},
{
x: new Date('2012-10-01'),
open: 95.88,
high: 96.6785,
low: 92.95,
close: 93.2271,
volume: 638543622
},
{
x: new Date('2012-10-08'),
open: 92.4114,
high: 92.5085,
low: 89.0785,
close: 89.9591,
volume: 747127724
},
{
x: new Date('2012-10-15'),
open: 90.3357,
high: 93.2557,
low: 87.0885,
close: 87.12,
volume: 646996264
},
{
x: new Date('2012-10-22'),
open: 87.4885,
high: 90.7685,
low: 84.4285,
close: 86.2857,
volume: 866040680
},
{
x: new Date('2012-10-29'),
open: 84.9828,
high: 86.1428,
low: 82.1071,
close: 82.4,
volume: 367371310
},
{
x: new Date('2012-11-05'),
open: 83.3593,
high: 84.3914,
low: 76.2457,
close: 78.1514,
volume: 919719846
},
{
x: new Date('2012-11-12'),
open: 79.1643,
high: 79.2143,
low: 72.25,
close: 75.3825,
volume: 894382149
},
{
x: new Date('2012-11-19'),
open: 77.2443,
high: 81.7143,
low: 77.1257,
close: 81.6428,
volume: 527416747
},
{
x: new Date('2012-11-26'),
open: 82.2714,
high: 84.8928,
low: 81.7514,
close: 83.6114,
volume: 646467974
},
{
x: new Date('2012-12-03'),
open: 84.8071,
high: 84.9414,
low: 74.09,
close: 76.1785,
volume: 980096264
},
{
x: new Date('2012-12-10'),
open: 75,
high: 78.5085,
low: 72.2257,
close: 72.8277,
volume: 835016110
},
{
x: new Date('2012-12-17'),
open: 72.7043,
high: 76.4143,
low: 71.6043,
close: 74.19,
volume: 726150329
},
{
x: new Date('2012-12-24'),
open: 74.3357,
high: 74.8928,
low: 72.0943,
close: 72.7984,
volume: 321104733
},
{
x: new Date('2012-12-31'),
open: 72.9328,
high: 79.2857,
low: 72.7143,
close: 75.2857,
volume: 540854882
},
{
x: new Date('2013-01-07'),
open: 74.5714,
high: 75.9843,
low: 73.6,
close: 74.3285,
volume: 574594262
},
{
x: new Date('2013-01-14'),
open: 71.8114,
high: 72.9643,
low: 69.0543,
close: 71.4285,
volume: 803105621
},
{
x: new Date('2013-01-21'),
open: 72.08,
high: 73.57,
low: 62.1428,
close: 62.84,
volume: 971912560
},
{
x: new Date('2013-01-28'),
open: 62.5464,
high: 66.0857,
low: 62.2657,
close: 64.8028,
volume: 656549587
},
{
x: new Date('2013-02-04'),
open: 64.8443,
high: 68.4014,
low: 63.1428,
close: 67.8543,
volume: 743778993
},
{
x: new Date('2013-02-11'),
open: 68.0714,
high: 69.2771,
low: 65.7028,
close: 65.7371,
volume: 585292366
},
{
x: new Date('2013-02-18'),
open: 65.8714,
high: 66.1043,
low: 63.26,
close: 64.4014,
volume: 421766997
},
{
x: new Date('2013-02-25'),
open: 64.8357,
high: 65.0171,
low: 61.4257,
close: 61.4957,
volume: 582741215
},
{
x: new Date('2013-03-04'),
open: 61.1143,
high: 62.2043,
low: 59.8571,
close: 61.6743,
volume: 632856539
},
{
x: new Date('2013-03-11'),
open: 61.3928,
high: 63.4614,
low: 60.7343,
close: 63.38,
volume: 572066981
},
{
x: new Date('2013-03-18'),
open: 63.0643,
high: 66.0143,
low: 63.0286,
close: 65.9871,
volume: 552156035
},
{
x: new Date('2013-03-25'),
open: 66.3843,
high: 67.1357,
low: 63.0886,
close: 63.2371,
volume: 390762517
},
{
x: new Date('2013-04-01'),
open: 63.1286,
high: 63.3854,
low: 59.9543,
close: 60.4571,
volume: 505273732
},
{
x: new Date('2013-04-08'),
open: 60.6928,
high: 62.57,
low: 60.3557,
close: 61.4,
volume: 387323550
},
{
x: new Date('2013-04-15'),
open: 61,
high: 61.1271,
low: 55.0143,
close: 55.79,
volume: 709945604
},
{
x: new Date('2013-04-22'),
open: 56.0914,
high: 59.8241,
low: 55.8964,
close: 59.6007,
volume: 787007506
},
{
x: new Date('2013-04-29'),
open: 60.0643,
high: 64.7471,
low: 60,
close: 64.2828,
volume: 655020017
},
{
x: new Date('2013-05-06'),
open: 65.1014,
high: 66.5357,
low: 64.3543,
close: 64.71,
volume: 545488533
},
{
x: new Date('2013-05-13'),
open: 64.5014,
high: 65.4143,
low: 59.8428,
close: 61.8943,
volume: 633706550
},
{
x: new Date('2013-05-20'),
open: 61.7014,
high: 64.05,
low: 61.4428,
close: 63.5928,
volume: 494379068
},
{
x: new Date('2013-05-27'),
open: 64.2714,
high: 65.3,
low: 62.7714,
close: 64.2478,
volume: 362907830
},
{
x: new Date('2013-06-03'),
open: 64.39,
high: 64.9186,
low: 61.8243,
close: 63.1158,
volume: 443249793
},
{
x: new Date('2013-06-10'),
open: 63.5328,
high: 64.1541,
low: 61.2143,
close: 61.4357,
volume: 389680092
},
{
x: new Date('2013-06-17'),
open: 61.6343,
high: 62.2428,
low: 58.3,
close: 59.0714,
volume: 400384818
},
{
x: new Date('2013-06-24'),
open: 58.2,
high: 58.38,
low: 55.5528,
close: 56.6471,
volume: 519314826
},
{
x: new Date('2013-07-01'),
open: 57.5271,
high: 60.47,
low: 57.3171,
close: 59.6314,
volume: 343878841
},
{
x: new Date('2013-07-08'),
open: 60.0157,
high: 61.3986,
low: 58.6257,
close: 60.93,
volume: 384106977
},
{
x: new Date('2013-07-15'),
open: 60.7157,
high: 62.1243,
low: 60.5957,
close: 60.7071,
volume: 286035513
},
{
x: new Date('2013-07-22'),
open: 61.3514,
high: 63.5128,
low: 59.8157,
close: 62.9986,
volume: 395816827
},
{
x: new Date('2013-07-29'),
open: 62.9714,
high: 66.1214,
low: 62.8857,
close: 66.0771,
volume: 339668858
},
{
x: new Date('2013-08-05'),
open: 66.3843,
high: 67.4128,
low: 64.8071,
close: 64.9214,
volume: 368486781
},
{
x: new Date('2013-08-12'),
open: 65.2657,
high: 72.0357,
low: 65.2328,
close: 71.7614,
volume: 711563584
},
{
x: new Date('2013-08-19'),
open: 72.0485,
high: 73.3914,
low: 71.1714,
close: 71.5743,
volume: 417119660
},
{
x: new Date('2013-08-26'),
open: 71.5357,
high: 72.8857,
low: 69.4286,
close: 69.6023,
volume: 392805888
},
{
x: new Date('2013-09-02'),
open: 70.4428,
high: 71.7485,
low: 69.6214,
close: 71.1743,
volume: 317244380
},
{
x: new Date('2013-09-09'),
open: 72.1428,
high: 72.56,
low: 66.3857,
close: 66.4143,
volume: 669376320
},
{
x: new Date('2013-09-16'),
open: 65.8571,
high: 68.3643,
low: 63.8886,
close: 66.7728,
volume: 625142677
},
{
x: new Date('2013-09-23'),
open: 70.8714,
high: 70.9871,
low: 68.6743,
close: 68.9643,
volume: 475274537
},
{
x: new Date('2013-09-30'),
open: 68.1786,
high: 70.3357,
low: 67.773,
close: 69.0043,
volume: 368198906
},
{
x: new Date('2013-10-07'),
open: 69.5086,
high: 70.5486,
low: 68.3257,
close: 70.4017,
volume: 361437661
},
{
x: new Date('2013-10-14'),
open: 69.9757,
high: 72.7514,
low: 69.9071,
close: 72.6985,
volume: 342694379
},
{
x: new Date('2013-10-21'),
open: 73.11,
high: 76.1757,
low: 72.5757,
close: 75.1368,
volume: 490458997
},
{
x: new Date('2013-10-28'),
open: 75.5771,
high: 77.0357,
low: 73.5057,
close: 74.29,
volume: 508130174
},
{
x: new Date('2013-11-04'),
open: 74.4428,
high: 75.555,
low: 73.1971,
close: 74.3657,
volume: 318132218
},
{
x: new Date('2013-11-11'),
open: 74.2843,
high: 75.6114,
low: 73.4871,
close: 74.9987,
volume: 306711021
},
{
x: new Date('2013-11-18'),
open: 74.9985,
high: 75.3128,
low: 73.3814,
close: 74.2571,
volume: 282778778
},
{
x: new Date('2013-11-25'),
open: 74.4314,
high: 79.7614,
low: 74.4285,
close: 79.4385,
volume: 327405302
},
{
x: new Date('2013-12-02'),
open: 79.7143,
high: 82.1622,
low: 78.6885,
close: 80.0028,
volume: 522055676
},
{
x: new Date('2013-12-09'),
open: 80.1286,
high: 81.5671,
low: 79.0957,
close: 79.2043,
volume: 387271099
},
{
x: new Date('2013-12-16'),
open: 79.2885,
high: 80.377,
low: 76.9714,
close: 78.4314,
volume: 457580848
},
{
x: new Date('2013-12-23'),
open: 81.1428,
high: 81.6971,
low: 79.9285,
close: 80.0128,
volume: 274253503
},
{
x: new Date('2013-12-30'),
open: 79.6371,
high: 80.1828,
low: 77.2043,
close: 77.2828,
volume: 275734934
},
{
x: new Date('2014-01-06'),
open: 76.7785,
high: 78.1228,
low: 75.8728,
close: 76.1343,
volume: 393462075
},
{
x: new Date('2014-01-13'),
open: 75.7014,
high: 80.0285,
low: 75.6971,
close: 77.2385,
volume: 439557459
},
{
x: new Date('2014-01-20'),
open: 77.2843,
high: 79.6128,
low: 77.2028,
close: 78.01,
volume: 385585525
},
{
x: new Date('2014-01-27'),
open: 78.5814,
high: 79.2571,
low: 70.5071,
close: 71.5143,
volume: 813702575
},
{
x: new Date('2014-02-03'),
open: 71.8014,
high: 74.7042,
low: 71.3286,
close: 74.24,
volume: 434447570
},
{
x: new Date('2014-02-10'),
open: 74.0943,
high: 77.9971,
low: 74,
close: 77.7128,
volume: 379011880
},
{
x: new Date('2014-02-17'),
open: 78,
high: 78.7414,
low: 74.9428,
close: 75.0357,
volume: 289609443
},
{
x: new Date('2014-02-24'),
open: 74.7357,
high: 76.1071,
low: 73.6571,
close: 75.1771,
volume: 367569649
},
{
x: new Date('2014-03-03'),
open: 74.7743,
high: 76.3928,
low: 74.6871,
close: 75.7771,
volume: 275972640
},
{
x: new Date('2014-03-10'),
open: 75.48,
high: 77.0943,
low: 74.7143,
close: 74.9557,
volume: 287729528
},
{
x: new Date('2014-03-17'),
open: 75.3857,
high: 76.6057,
low: 75.0286,
close: 76.1243,
volume: 303531061
},
{
x: new Date('2014-03-24'),
open: 76.9171,
high: 78.4285,
low: 76.3214,
close: 76.6943,
volume: 338387221
},
{
x: new Date('2014-03-31'),
open: 77.0328,
high: 77.64,
low: 75.7971,
close: 75.9743,
volume: 245749459
},
{
x: new Date('2014-04-07'),
open: 75.4314,
high: 76.0343,
low: 73.8771,
close: 74.23,
volume: 312008139
},
{
x: new Date('2014-04-14'),
open: 74.5571,
high: 75.3943,
low: 73.0471,
close: 74.9914,
volume: 241209047
},
{
x: new Date('2014-04-21'),
open: 75.0485,
high: 81.7128,
low: 74.8514,
close: 81.7057,
volume: 476651465
},
{
x: new Date('2014-04-28'),
open: 81.8285,
high: 85.6328,
low: 81.7928,
close: 84.6543,
volume: 473712709
},
{
x: new Date('2014-05-05'),
open: 84.3057,
high: 86.3442,
low: 82.9043,
close: 83.6489,
volume: 365535013
},
{
x: new Date('2014-05-12'),
open: 83.9271,
high: 85.3614,
low: 83.6285,
close: 85.3585,
volume: 260931637
},
{
x: new Date('2014-05-19'),
open: 85.4071,
high: 87.8184,
low: 85.3328,
close: 87.7328,
volume: 294298274
},
{
x: new Date('2014-05-26'),
open: 87.9828,
high: 92.0243,
low: 87.9471,
close: 90.4285,
volume: 400232120
},
{
x: new Date('2014-06-02'),
open: 90.5657,
high: 93.0371,
low: 88.9285,
close: 92.2243,
volume: 412158024
},
{
x: new Date('2014-06-09'),
open: 92.7,
high: 95.05,
low: 90.88,
close: 91.28,
volume: 292422550
},
{
x: new Date('2014-06-16'),
open: 91.51,
high: 92.75,
low: 90.9,
close: 90.91,
volume: 234325480
},
{
x: new Date('2014-06-23'),
open: 91.32,
high: 92,
low: 89.65,
close: 91.98,
volume: 213712160
},
{
x: new Date('2014-06-30'),
open: 92.1,
high: 94.1,
low: 92.09,
close: 94.03,
volume: 138936570
},
{
x: new Date('2014-07-07'),
open: 94.14,
high: 96.8,
low: 93.52,
close: 95.22,
volume: 229782440
},
{
x: new Date('2014-07-14'),
open: 95.86,
high: 97.1,
low: 92.57,
close: 94.43,
volume: 248104390
},
{
x: new Date('2014-07-21'),
open: 94.99,
high: 97.88,
low: 93.72,
close: 97.671,
volume: 273021350
},
{
x: new Date('2014-07-28'),
open: 97.82,
high: 99.44,
low: 94.81,
close: 96.13,
volume: 235868530
},
{
x: new Date('2014-08-04'),
open: 96.37,
high: 96.58,
low: 93.28,
close: 94.74,
volume: 222522120
},
{
x: new Date('2014-08-11'),
open: 95.27,
high: 98.19,
low: 94.8355,
close: 97.98,
volume: 178806580
},
{
x: new Date('2014-08-18'),
open: 98.49,
high: 101.47,
low: 97.98,
close: 101.32,
volume: 246446280
},
{
x: new Date('2014-08-25'),
open: 101.79,
high: 102.9,
low: 100.7,
close: 102.5,
volume: 232858250
},
{
x: new Date('2014-09-01'),
open: 103.06,
high: 103.74,
low: 97.79,
close: 98.97,
volume: 322045910
},
{
x: new Date('2014-09-08'),
open: 99.3,
high: 103.08,
low: 96.14,
close: 101.66,
volume: 460851840
},
{
x: new Date('2014-09-15'),
open: 102.81,
high: 103.05,
low: 98.89,
close: 100.96,
volume: 296425730
},
{
x: new Date('2014-09-22'),
open: 101.8,
high: 102.94,
low: 97.72,
close: 100.75,
volume: 337617850
},
{
x: new Date('2014-09-29'),
open: 98.65,
high: 101.54,
low: 98.04,
close: 99.62,
volume: 246900230
},
{
x: new Date('2014-10-06'),
open: 99.95,
high: 102.38,
low: 98.31,
close: 100.73,
volume: 279646740
},
{
x: new Date('2014-10-13'),
open: 101.33,
high: 101.78,
low: 95.18,
close: 97.67,
volume: 356408760
},
{
x: new Date('2014-10-20'),
open: 98.315,
high: 105.49,
low: 98.22,
close: 105.22,
volume: 355329760
},
{
x: new Date('2014-10-27'),
open: 104.85,
high: 108.04,
low: 104.7,
close: 108,
volume: 219443560
},
{
x: new Date('2014-11-03'),
open: 108.22,
high: 110.3,
low: 107.72,
close: 109.01,
volume: 199332700
},
{
x: new Date('2014-11-10'),
open: 109.02,
high: 114.19,
low: 108.4,
close: 114.18,
volume: 203976340
},
{
x: new Date('2014-11-17'),
open: 114.27,
high: 117.57,
low: 113.3,
close: 116.47,
volume: 232574480
},
{
x: new Date('2014-11-24'),
open: 116.85,
high: 119.75,
low: 116.62,
close: 118.93,
volume: 181158620
},
{
x: new Date('2014-12-01'),
open: 118.81,
high: 119.25,
low: 111.27,
close: 115,
volume: 266118290
},
{
x: new Date('2014-12-08'),
open: 114.1,
high: 114.85,
low: 109.35,
close: 109.73,
volume: 259311140
},
{
x: new Date('2014-12-15'),
open: 110.7,
high: 113.24,
low: 106.26,
close: 111.78,
volume: 326382400
},
{
x: new Date('2014-12-22'),
open: 112.16,
high: 114.52,
low: 111.97,
close: 113.99,
volume: 119248900
},
{
x: new Date('2014-12-29'),
open: 113.79,
high: 114.77,
low: 107.35,
close: 109.33,
volume: 151780640
},
{
x: new Date('2015-01-05'),
open: 108.29,
high: 113.25,
low: 104.63,
close: 112.01,
volume: 282690970
},
{
x: new Date('2015-01-12'),
open: 112.6,
high: 112.8,
low: 105.2,
close: 105.99,
volume: 303531140
},
{
x: new Date('2015-01-19'),
open: 107.84,
high: 113.75,
low: 106.5,
close: 112.98,
volume: 198362640
},
{
x: new Date('2015-01-26'),
open: 113.74,
high: 120,
low: 109.03,
close: 117.16,
volume: 461747290
},
{
x: new Date('2015-02-02'),
open: 118.05,
high: 120.51,
low: 116.08,
close: 118.93,
volume: 270190470
},
{
x: new Date('2015-02-09'),
open: 118.55,
high: 127.48,
low: 118.43,
close: 127.08,
volume: 301354470
},
{
x: new Date('2015-02-16'),
open: 127.49,
high: 129.5,
low: 126.92,
close: 129.495,
volume: 193883960
},
{
x: new Date('2015-02-23'),
open: 130.02,
high: 133.6,
low: 126.61,
close: 128.46,
volume: 369856960
},
{
x: new Date('2015-03-02'),
open: 129.25,
high: 130.28,
low: 125.76,
close: 126.6,
volume: 246472020
},
{
x: new Date('2015-03-09'),
open: 127.96,
high: 129.57,
low: 121.63,
close: 123.59,
volume: 325921230
},
{
x: new Date('2015-03-16'),
open: 123.88,
high: 129.2451,
low: 122.87,
close: 125.9,
volume: 266016400
},
{
x: new Date('2015-03-23'),
open: 127.12,
high: 128.04,
low: 122.6,
close: 123.25,
volume: 208731730
},
{
x: new Date('2015-03-30'),
open: 124.05,
high: 126.49,
low: 123.1,
close: 125.32,
volume: 161628950
},
{
x: new Date('2015-04-06'),
open: 124.47,
high: 128.1218,
low: 124.33,
close: 127.1,
volume: 181454510
},
{
x: new Date('2015-04-13'),
open: 128.37,
high: 128.57,
low: 124.46,
close: 124.75,
volume: 170090870
},
{
x: new Date('2015-04-20'),
open: 125.57,
high: 130.63,
low: 125.17,
close: 130.28,
volume: 206698310
},
{
x: new Date('2015-04-27'),
open: 132.31,
high: 134.54,
low: 124.58,
close: 128.95,
volume: 417115180
},
{
x: new Date('2015-05-04'),
open: 129.5,
high: 130.57,
low: 123.36,
close: 127.62,
volume: 270197900
},
{
x: new Date('2015-05-11'),
open: 127.39,
high: 129.49,
low: 124.82,
close: 128.77,
volume: 207858180
},
{
x: new Date('2015-05-18'),
open: 128.38,
high: 132.97,
low: 128.36,
close: 132.54,
volume: 216438970
},
{
x: new Date('2015-05-25'),
open: 132.6,
high: 132.91,
low: 129.12,
close: 130.28,
volume: 197468800
},
{
x: new Date('2015-06-01'),
open: 131.2,
high: 131.39,
low: 128.36,
close: 128.65,
volume: 170465550
},
{
x: new Date('2015-06-08'),
open: 128.9,
high: 130.18,
low: 125.62,
close: 127.17,
volume: 219812710
},
{
x: new Date('2015-06-15'),
open: 126.1,
high: 128.31,
low: 125.71,
close: 126.6,
volume: 197925030
},
{
x: new Date('2015-06-22'),
open: 127.49,
high: 129.8,
low: 126.51,
close: 126.75,
volume: 195104520
},
{
x: new Date('2015-06-29'),
open: 125.46,
high: 126.94,
low: 124.48,
close: 126.44,
volume: 150747530
},
{
x: new Date('2015-07-06'),
open: 124.94,
high: 126.23,
low: 119.22,
close: 123.28,
volume: 274904180
},
{
x: new Date('2015-07-13'),
open: 125.03,
high: 129.62,
low: 124.32,
close: 129.62,
volume: 188579340
},
{
x: new Date('2015-07-20'),
open: 130.97,
high: 132.97,
low: 121.99,
close: 124.5,
volume: 336423370
},
{
x: new Date('2015-07-27'),
open: 123.09,
high: 123.91,
low: 120.91,
close: 121.3,
volume: 191087840
},
{
x: new Date('2015-08-03'),
open: 121.5,
high: 122.57,
low: 112.1,
close: 115.52,
volume: 383883210
},
{
x: new Date('2015-08-10'),
open: 116.53,
high: 119.99,
low: 109.63,
close: 115.96,
volume: 344549090
},
{
x: new Date('2015-08-17'),
open: 116.04,
high: 117.65,
low: 105.645,
close: 105.76,
volume: 318855760
},
{
x: new Date('2015-08-24'),
open: 94.87,
high: 113.31,
low: 92,
close: 113.29,
volume: 498047270
},
{
x: new Date('2015-08-31'),
open: 112.03,
high: 114.53,
low: 107.36,
close: 109.27,
volume: 297402060
},
{
x: new Date('2015-09-07'),
open: 111.65,
high: 114.21,
low: 109.77,
close: 114.21,
volume: 251859600
},
{
x: new Date('2015-09-14'),
open: 116.58,
high: 116.89,
low: 111.87,
close: 113.45,
volume: 276281980
},
{
x: new Date('2015-09-21'),
open: 113.67,
high: 116.69,
low: 112.37,
close: 114.71,
volume: 238617740
},
{
x: new Date('2015-09-28'),
open: 113.85,
high: 114.57,
low: 107.31,
close: 110.38,
volume: 313017610
},
{
x: new Date('2015-10-05'),
open: 109.88,
high: 112.28,
low: 108.21,
close: 112.12,
volume: 261920950
},
{
x: new Date('2015-10-12'),
open: 112.73,
high: 112.75,
low: 109.56,
close: 111.04,
volume: 184208970
},
{
x: new Date('2015-10-19'),
open: 110.8,
high: 119.228,
low: 110.11,
close: 119.08,
volume: 221612230
},
{
x: new Date('2015-10-26'),
open: 118.08,
high: 121.22,
low: 113.99,
close: 119.5,
volume: 319660750
},
{
x: new Date('2015-11-02'),
open: 119.87,
high: 123.82,
low: 119.61,
close: 121.06,
volume: 194953700
},
{
x: new Date('2015-11-09'),
open: 120.96,
high: 121.81,
low: 112.27,
close: 112.34,
volume: 216054740
},
{
x: new Date('2015-11-16'),
open: 111.38,
high: 119.92,
low: 111,
close: 119.3,
volume: 189492500
},
{
x: new Date('2015-11-23'),
open: 119.27,
high: 119.73,
low: 117.12,
close: 117.81,
volume: 109582040
},
{
x: new Date('2015-11-30'),
open: 117.99,
high: 119.41,
low: 114.22,
close: 119.03,
volume: 205415620
},
{
x: new Date('2015-12-07'),
open: 118.98,
high: 119.86,
low: 112.851,
close: 113.18,
volume: 188609110
},
{
x: new Date('2015-12-14'),
open: 112.18,
high: 112.8,
low: 105.81,
close: 106.03,
volume: 314856190
},
{
x: new Date('2015-12-21'),
open: 107.28,
high: 109,
low: 105.57,
close: 108.03,
volume: 126450510
},
{
x: new Date('2015-12-28'),
open: 107.59,
high: 109.43,
low: 104.82,
close: 105.26,
volume: 123621760
},
{
x: new Date('2016-01-04'),
open: 102.61,
high: 105.85,
low: 96.43,
close: 96.96,
volume: 343000960
},
{
x: new Date('2016-01-11'),
open: 98.97,
high: 101.19,
low: 95.36,
close: 97.13,
volume: 303375940
},
{
x: new Date('2016-01-18'),
open: 98.41,
high: 101.46,
low: 93.42,
close: 101.42,
volume: 242982970
},
{
x: new Date('2016-01-25'),
open: 101.52,
high: 101.53,
low: 92.39,
close: 97.34,
volume: 376481100
},
{
x: new Date('2016-02-01'),
open: 96.47,
high: 97.33,
low: 93.69,
close: 94.02,
volume: 216608840
},
{
x: new Date('2016-02-08'),
open: 93.13,
high: 96.35,
low: 92.59,
close: 93.99,
volume: 230794620
},
{
x: new Date('2016-02-15'),
open: 95.02,
high: 98.89,
low: 94.61,
close: 96.04,
volume: 167001070
},
{
x: new Date('2016-02-22'),
open: 96.31,
high: 98.0237,
low: 93.32,
close: 96.91,
volume: 158759600
},
{
x: new Date('2016-02-29'),
open: 96.86,
high: 103.75,
low: 96.65,
close: 103.01,
volume: 201482180
},
{
x: new Date('2016-03-07'),
open: 102.39,
high: 102.83,
low: 100.15,
close: 102.26,
volume: 155437450
},
{
x: new Date('2016-03-14'),
open: 101.91,
high: 106.5,
low: 101.78,
close: 105.92,
volume: 181323210
},
{
x: new Date('2016-03-21'),
open: 105.93,
high: 107.65,
low: 104.89,
close: 105.67,
volume: 119054360
},
{
x: new Date('2016-03-28'),
open: 106,
high: 110.42,
low: 104.88,
close: 109.99,
volume: 147641240
},
{
x: new Date('2016-04-04'),
open: 110.42,
high: 112.19,
low: 108.121,
close: 108.66,
volume: 145351790
},
{
x: new Date('2016-04-11'),
open: 108.97,
high: 112.39,
low: 108.66,
close: 109.85,
volume: 161518860
},
{
x: new Date('2016-04-18'),
open: 108.89,
high: 108.95,
low: 104.62,
close: 105.68,
volume: 188775240
},
{
x: new Date('2016-04-25'),
open: 105,
high: 105.65,
low: 92.51,
close: 93.74,
volume: 345910030
},
{
x: new Date('2016-05-02'),
open: 93.965,
high: 95.9,
low: 91.85,
close: 92.72,
volume: 225114110
},
{
x: new Date('2016-05-09'),
open: 93,
high: 93.77,
low: 89.47,
close: 90.52,
volume: 215596350
},
{
x: new Date('2016-05-16'),
open: 92.39,
high: 95.43,
low: 91.65,
close: 95.22,
volume: 212312980
},
{
x: new Date('2016-05-23'),
open: 95.87,
high: 100.73,
low: 95.67,
close: 100.35,
volume: 203902650
},
{
x: new Date('2016-05-30'),
open: 99.6,
high: 100.4,
low: 96.63,
close: 97.92,
volume: 140064910
},
{
x: new Date('2016-06-06'),
open: 97.99,
high: 101.89,
low: 97.55,
close: 98.83,
volume: 124731320
},
{
x: new Date('2016-06-13'),
open: 98.69,
high: 99.12,
low: 95.3,
close: 95.33,
volume: 191017280
},
{
x: new Date('2016-06-20'),
open: 96,
high: 96.89,
low: 92.65,
close: 93.4,
volume: 206149160
},
{
x: new Date('2016-06-27'),
open: 93,
high: 96.465,
low: 91.5,
close: 95.89,
volume: 184254460
},
{
x: new Date('2016-07-04'),
open: 95.39,
high: 96.89,
low: 94.37,
close: 96.68,
volume: 111769640
},
{
x: new Date('2016-07-11'),
open: 96.75,
high: 99.3,
low: 96.73,
close: 98.78,
volume: 142244590
},
{
x: new Date('2016-07-18'),
open: 98.7,
high: 101,
low: 98.31,
close: 98.66,
volume: 147358320
},
{
x: new Date('2016-07-25'),
open: 98.25,
high: 104.55,
low: 96.42,
close: 104.21,
volume: 252358930
},
{
x: new Date('2016-08-01'),
open: 104.41,
high: 107.65,
low: 104,
close: 107.48,
volume: 168265830
},
{
x: new Date('2016-08-08'),
open: 107.52,
high: 108.94,
low: 107.16,
close: 108.18,
volume: 124255340
},
{
x: new Date('2016-08-15'),
open: 108.14,
high: 110.23,
low: 108.08,
close: 109.36,
volume: 131814920
},
{
x: new Date('2016-08-22'),
open: 108.86,
high: 109.32,
low: 106.31,
close: 106.94,
volume: 123373540
},
{
x: new Date('2016-08-29'),
open: 106.62,
high: 108,
low: 105.5,
close: 107.73,
volume: 134426100
},
{
x: new Date('2016-09-05'),
open: 107.9,
high: 108.76,
low: 103.13,
close: 103.13,
volume: 168312530
},
{
x: new Date('2016-09-12'),
open: 102.65,
high: 116.13,
low: 102.53,
close: 114.92,
volume: 388543710
},
{
x: new Date('2016-09-19'),
open: 115.19,
high: 116.18,
low: 111.55,
close: 112.71,
volume: 200842480
},
{
x: new Date('2016-09-26'),
open: 111.64,
high: 114.64,
low: 111.55,
close: 113.05,
volume: 156186800
},
{
x: new Date('2016-10-03'),
open: 112.71,
high: 114.56,
low: 112.28,
close: 114.06,
volume: 125587350
},
{
x: new Date('2016-10-10'),
open: 115.02,
high: 118.69,
low: 114.72,
close: 117.63,
volume: 208231690
},
{
x: new Date('2016-10-17'),
open: 117.33,
high: 118.21,
low: 113.8,
close: 116.6,
volume: 114497020
},
{
x: new Date('2016-10-24'),
open: 117.1,
high: 118.36,
low: 113.31,
close: 113.72,
volume: 204530120
},
{
x: new Date('2016-10-31'),
open: 113.65,
high: 114.23,
low: 108.11,
close: 108.84,
volume: 155287280
},
{
x: new Date('2016-11-07'),
open: 110.08,
high: 111.72,
low: 105.83,
close: 108.43,
volume: 206825070
},
{
x: new Date('2016-11-14'),
open: 107.71,
high: 110.54,
low: 104.08,
close: 110.06,
volume: 197790040
},
{
x: new Date('2016-11-21'),
open: 110.12,
high: 112.42,
low: 110.01,
close: 111.79,
volume: 93992370
},
{
x: new Date('2016-11-28'),
open: 111.43,
high: 112.465,
low: 108.85,
close: 109.9,
volume: 155229390
},
{
x: new Date('2016-12-05'),
open: 110,
high: 114.7,
low: 108.25,
close: 113.95,
volume: 151624650
},
{
x: new Date('2016-12-12'),
open: 113.29,
high: 116.73,
low: 112.49,
close: 115.97,
volume: 194003220
},
{
x: new Date('2016-12-19'),
open: 115.8,
high: 117.5,
low: 115.59,
close: 116.52,
volume: 113106370
},
{
x: new Date('2016-12-26'),
open: 116.52,
high: 118.0166,
low: 115.43,
close: 115.82,
volume: 84354060
},
{
x: new Date('2017-01-02'),
open: 115.8,
high: 118.16,
low: 114.76,
close: 117.91,
volume: 103680760
},
{
x: new Date('2017-01-09'),
open: 117.95,
high: 119.93,
low: 117.94,
close: 119.04,
volume: 138446660
},
{
x: new Date('2017-01-16'),
open: 118.34,
high: 120.5,
low: 118.22,
close: 120,
volume: 113576380
},
{
x: new Date('2017-01-23'),
open: 120,
high: 122.44,
low: 119.5,
close: 121.95,
volume: 124406640
},
{
x: new Date('2017-01-30'),
open: 120.93,
high: 130.49,
low: 120.62,
close: 129.08,
volume: 248063580
},
{
x: new Date('2017-02-06'),
open: 129.13,
high: 132.94,
low: 128.9,
close: 132.12,
volume: 136252280
},
{
x: new Date('2017-02-13'),
open: 133.08,
high: 136.27,
low: 132.75,
close: 135.72,
volume: 136326260
},
{
x: new Date('2017-02-20'),
open: 136.23,
high: 137.48,
low: 135.28,
close: 136.66,
volume: 87773190
},
{
x: new Date('2017-02-27'),
open: 137.14,
high: 140.2786,
low: 136.28,
close: 139.78,
volume: 127757050
},
{
x: new Date('2017-03-06'),
open: 139.365,
high: 139.98,
low: 137.05,
close: 139.14,
volume: 99061270
},
{
x: new Date('2017-03-13'),
open: 138.85,
high: 141.02,
low: 138.82,
close: 139.99,
volume: 120881720
},
{
x: new Date('2017-03-20'),
open: 140.4,
high: 142.8,
low: 139.73,
close: 140.64,
volume: 129178500
},
{
x: new Date('2017-03-27'),
open: 139.39,
high: 144.5,
low: 138.62,
close: 143.66,
volume: 126819590
},
{
x: new Date('2017-04-03'),
open: 143.71,
high: 145.46,
low: 143.05,
close: 143.34,
volume: 105274540
},
{
x: new Date('2017-04-10'),
open: 143.6,
high: 143.8792,
low: 140.06,
close: 141.05,
volume: 87342130
},
{
x: new Date('2017-04-17'),
open: 141.48,
high: 142.92,
low: 140.45,
close: 142.27,
volume: 89092650
},
{
x: new Date('2017-04-24'),
open: 143.5,
high: 144.9,
low: 143.18,
close: 143.65,
volume: 90423600
},
{
x: new Date('2017-05-01'),
open: 145.1,
high: 148.98,
low: 144.27,
close: 148.96,
volume: 173861760
},
{
x: new Date('2017-05-08'),
open: 149.03,
high: 156.42,
low: 149.03,
close: 156.1,
volume: 173087500
},
{
x: new Date('2017-05-15'),
open: 156.01,
high: 156.65,
low: 149.71,
close: 153.06,
volume: 156993820
},
{
x: new Date('2017-05-22'),
open: 154,
high: 154.9,
low: 152.67,
close: 153.61,
volume: 103151450
},
{
x: new Date('2017-05-29'),
open: 153.42,
high: 155.45,
low: 152.22,
close: 155.45,
volume: 88670120
},
{
x: new Date('2017-06-05'),
open: 154.34,
high: 155.98,
low: 146.02,
close: 148.98,
volume: 158814040
},
{
x: new Date('2017-06-12'),
open: 145.74,
high: 147.5,
low: 142.2,
close: 142.27,
volume: 219638930
},
{
x: new Date('2017-06-19'),
open: 143.66,
high: 147.16,
low: 143.66,
close: 146.28,
volume: 132832660
},
{
x: new Date('2017-06-26'),
open: 147.17,
high: 148.28,
low: 142.28,
close: 144.02,
volume: 126890110
},
{
x: new Date('2017-07-03'),
open: 144.88,
high: 145.3001,
low: 142.41,
close: 144.18,
volume: 78465450
},
{
x: new Date('2017-07-10'),
open: 144.11,
high: 149.33,
low: 143.37,
close: 149.04,
volume: 109759170
},
{
x: new Date('2017-07-17'),
open: 148.82,
high: 151.74,
low: 148.57,
close: 150.27,
volume: 104744470
},
{
x: new Date('2017-07-24'),
open: 150.58,
high: 153.99,
low: 147.3,
close: 149.5,
volume: 105536280
},
{
x: new Date('2017-07-31'),
open: 149.9,
high: 159.75,
low: 148.13,
close: 156.39,
volume: 170204830
},
{
x: new Date('2017-08-07'),
open: 157.06,
high: 161.83,
low: 154.63,
close: 157.48,
volume: 149860480
},
{
x: new Date('2017-08-14'),
open: 159.32,
high: 162.51,
low: 156.72,
close: 157.5,
volume: 133829670
},
{
x: new Date('2017-08-21'),
open: 157.5,
high: 160.74,
low: 155.1101,
close: 159.86,
volume: 112238670
},
{
x: new Date('2017-08-28'),
open: 160.14,
high: 164.94,
low: 159.93,
close: 164.05,
volume: 125610990
},
{
x: new Date('2017-09-04'),
open: 163.75,
high: 164.25,
low: 158.53,
close: 158.63,
volume: 101419110
},
{
x: new Date('2017-09-11'),
open: 160.5,
high: 163.96,
low: 157.91,
close: 159.88,
volume: 220431100
},
{
x: new Date('2017-09-18'),
open: 160.11,
high: 160.5,
low: 157.995,
close: 158.67,
volume: 27939544
}
];
window.axesData = [
{ xDate: new Date('2013-03-27'), Open: 85.97, High: 86.37, Low: 85.96, Close: 86.33 },
{ xDate: new Date('2013-03-29'), Open: 85.97, High: 86.37, Low: 85.96, Close: 86.33 },
{ xDate: new Date('2013-04-01'), Open: 86.1, High: 86.15, Low: 85.9, Close: 86.03 },
{ xDate: new Date('2013-04-03'), Open: 85.93, High: 86.17, Low: 85.84, Close: 86.02 },
{ xDate: new Date('2013-04-05'), Open: 85.74, High: 86, Low: 85.66, Close: 86 },
{ xDate: new Date('2013-04-07'), Open: 85.71, High: 85.71, Low: 85.36, Close: 85.62 },
{ xDate: new Date('2013-04-09'), Open: 85.3, High: 85.92, Low: 85.16, Close: 85.8 },
{ xDate: new Date('2013-04-11'), Open: 84.23, High: 85.46, Low: 84.23, Close: 85.2 },
{ xDate: new Date('2013-04-13'), Open: 84.51, High: 84.54, Low: 84.19, Close: 84.3 },
{ xDate: new Date('2013-04-15'), Open: 84.44, High: 84.65, Low: 84.2, Close: 84.63 },
{ xDate: new Date('2013-04-17'), Open: 84.6, High: 84.81, Low: 84.59, Close: 84.65 },
{ xDate: new Date('2013-04-19'), Open: 84.52, High: 84.86, Low: 84.4, Close: 84.76 },
{ xDate: new Date('2013-04-21'), Open: 84.17, High: 84.66, Low: 84.16, Close: 84.47 },
{ xDate: new Date('2013-04-23'), Open: 84.22, High: 84.3, Low: 83.98, Close: 84.26 },
{ xDate: new Date('2013-04-25'), Open: 83.75, High: 84.1, Low: 83.65, Close: 84 },
{ xDate: new Date('2013-04-27'), Open: 84, High: 84.01, Low: 83.67, Close: 83.74 },
{ xDate: new Date('2013-04-29'), Open: 84, High: 84.01, Low: 83.67, Close: 83.74 },
{ xDate: new Date('2013-05-01'), Open: 84.3, High: 84.45, Low: 84.19, Close: 84.22 },
{ xDate: new Date('2013-05-03'), Open: 83.79, High: 84.19, Low: 83.7, Close: 84.04 },
{ xDate: new Date('2013-05-05'), Open: 84.02, High: 84.02, Low: 83.69, Close: 83.71 },
{ xDate: new Date('2013-05-07'), Open: 84.01, High: 84.04, Low: 83.82, Close: 83.96 },
{ xDate: new Date('2013-05-09'), Open: 83.9, High: 84.02, Low: 83.86, Close: 83.94 },
{ xDate: new Date('2013-05-11'), Open: 84.09, High: 84.17, Low: 83.9, Close: 84.06 },
{ xDate: new Date('2013-05-13'), Open: 83.89, High: 84.25, Low: 83.77, Close: 84.01 },
{ xDate: new Date('2013-05-15'), Open: 84.05, High: 84.14, Low: 83.84, Close: 83.91 },
{ xDate: new Date('2013-05-17'), Open: 84.49, High: 84.65, Low: 84.18, Close: 84.22 },
{ xDate: new Date('2013-05-19'), Open: 84.99, High: 85.1, Low: 84.37, Close: 84.43 },
{ xDate: new Date('2013-05-21'), Open: 84.96, High: 85.06, Low: 84.7, Close: 85.01 },
{ xDate: new Date('2013-05-23'), Open: 84.68, High: 84.9, Low: 84.65, Close: 84.76 },
{ xDate: new Date('2013-05-25'), Open: 84.35, High: 85.03, Low: 84.32, Close: 84.67 },
{ xDate: new Date('2013-05-27'), Open: 84.19, High: 84.31, Low: 84.16, Close: 84.19 },
{ xDate: new Date('2013-05-29'), Open: 84.19, High: 84.31, Low: 84.16, Close: 84.19 },
{ xDate: new Date('2013-06-01'), Open: 84.2, High: 84.29, Low: 84.04, Close: 84.15 },
{ xDate: new Date('2013-06-03'), Open: 84.21, High: 84.25, Low: 84.03, Close: 84.17 },
{ xDate: new Date('2013-06-05'), Open: 84.72, High: 84.87, Low: 84.44, Close: 84.49 },
{ xDate: new Date('2013-06-07'), Open: 84.85, High: 84.88, Low: 84.5, Close: 84.72 },
{ xDate: new Date('2013-06-09'), Open: 84.53, High: 84.74, Low: 84.25, Close: 84.69 },
{ xDate: new Date('2013-06-11'), Open: 84.4, High: 84.7, Low: 84.27, Close: 84.52 },
{ xDate: new Date('2013-06-13'), Open: 84.96, High: 85.07, Low: 84.5, Close: 84.57 },
{ xDate: new Date('2013-06-15'), Open: 85.28, High: 85.32, Low: 84.95, Close: 85.03 },
{ xDate: new Date('2013-06-17'), Open: 85.35, High: 85.39, Low: 85.1, Close: 85.32 },
{ xDate: new Date('2013-06-19'), Open: 85.65, High: 85.66, Low: 85.21, Close: 85.36 },
{ xDate: new Date('2013-06-21'), Open: 85.38, High: 85.85, Low: 85.25, Close: 85.67 },
{ xDate: new Date('2013-06-23'), Open: 85.8, High: 85.96, Low: 85.67, Close: 85.83 },
{ xDate: new Date('2013-06-25'), Open: 86.07, High: 86.22, Low: 85.75, Close: 85.87 },
{ xDate: new Date('2013-06-27'), Open: 86.05, High: 86.08, Low: 85.68, Close: 85.79 },
{ xDate: new Date('2013-06-29'), Open: 86.05, High: 86.08, Low: 85.68, Close: 85.79 },
{ xDate: new Date('2013-07-01'), Open: 85.85, High: 86.25, Low: 85.79, Close: 86.06 },
{ xDate: new Date('2013-07-03'), Open: 85.6, High: 85.85, Low: 85.49, Close: 85.81 },
{ xDate: new Date('2013-07-05'), Open: 85.94, High: 86, Low: 85.48, Close: 85.66 },
{ xDate: new Date('2013-07-07'), Open: 86.55, High: 86.64, Low: 85.36, Close: 85.92 },
{ xDate: new Date('2013-07-09'), Open: 86.46, High: 86.87, Low: 86.4, Close: 86.71 },
{ xDate: new Date('2013-07-11'), Open: 86.3, High: 86.39, Low: 86.13, Close: 86.38 },
{ xDate: new Date('2013-07-13'), Open: 85.74, High: 86.44, Low: 85.67, Close: 86.19 },
{ xDate: new Date('2013-07-15'), Open: 85.56, High: 85.62, Low: 85.34, Close: 85.61 },
{ xDate: new Date('2013-07-17'), Open: 85.79, High: 85.89, Low: 85.36, Close: 85.52 },
{ xDate: new Date('2013-07-19'), Open: 85.54, High: 86, Low: 85.51, Close: 85.76 },
{ xDate: new Date('2013-07-21'), Open: 85, High: 85.17, Low: 84.87, Close: 85.15 },
{ xDate: new Date('2013-07-23'), Open: 85.1, High: 85.28, Low: 84.72, Close: 85.08 },
{ xDate: new Date('2013-07-25'), Open: 85.46, High: 85.56, Low: 85.18, Close: 85.37 },
{ xDate: new Date('2013-07-27'), Open: 85.42, High: 85.44, Low: 85.09, Close: 85.42 },
{ xDate: new Date('2013-07-29'), Open: 85.42, High: 85.44, Low: 85.09, Close: 85.42 },
{ xDate: new Date('2013-08-01'), Open: 85.79, High: 85.89, Low: 85.36, Close: 85.54 },
{ xDate: new Date('2013-08-03'), Open: 85.83, High: 85.85, Low: 85.55, Close: 85.64 },
{ xDate: new Date('2013-08-05'), Open: 86.19, High: 86.25, Low: 85.8, Close: 85.98 },
{ xDate: new Date('2013-08-07'), Open: 86.17, High: 86.28, Low: 85.96, Close: 86.07 },
{ xDate: new Date('2013-08-09'), Open: 86.19, High: 86.26, Low: 85.97, Close: 86.2 },
{ xDate: new Date('2013-08-11'), Open: 85.98, High: 86.31, Low: 85.86, Close: 86.15 },
{ xDate: new Date('2013-08-13'), Open: 85.82, High: 86.18, Low: 85.74, Close: 85.78 },
{ xDate: new Date('2013-08-15'), Open: 85.45, High: 85.66, Low: 85.41, Close: 85.55 },
{ xDate: new Date('2013-08-17'), Open: 85.53, High: 85.53, Low: 85.31, Close: 85.48 },
{ xDate: new Date('2013-08-19'), Open: 85.6, High: 85.68, Low: 85.34, Close: 85.39 },
{ xDate: new Date('2013-08-21'), Open: 85.6, High: 85.72, Low: 85.5, Close: 85.61 },
{ xDate: new Date('2013-08-23'), Open: 85.34, High: 85.52, Low: 85.3, Close: 85.49 },
{ xDate: new Date('2013-08-25'), Open: 85.66, High: 85.72, Low: 85.38, Close: 85.41 },
{ xDate: new Date('2013-08-27'), Open: 85.93, High: 85.95, Low: 85.59, Close: 85.62 },
{ xDate: new Date('2013-08-29'), Open: 85.91, High: 85.93, Low: 85.63, Close: 85.58 },
{ xDate: new Date('2013-09-01'), Open: 85.6, High: 85.87, Low: 85.5, Close: 85.81 }
];
window.materialColors = ['#00bdae', '#404041', '#357cd2', '#e56590', '#f8b883', '#70ad47', '#dd8abd', '#7f84e8', '#7bb4eb',
'#ea7a57', '#404041', '#00bdae'];
window.fabricColors = ['#4472c4', '#ed7d31', '#ffc000', '#70ad47', '#5b9bd5',
'#c1c1c1', '#6f6fe2', '#e269ae', '#9e480e', '#997300', '#4472c4', '#70ad47', '#ffc000', '#ed7d31'];
window.bootstrapColors = ['#a16ee5', '#f7ce69', '#55a5c2', '#7ddf1e', '#ff6ea6',
'#7953ac', '#b99b4f', '#407c92', '#5ea716', '#b91c52'];
window.highContrastColors = ['#79ECE4', '#E98272', '#DFE6B6', '#C6E773', '#BA98FF',
'#FA83C3', '#00C27A', '#43ACEF', '#D681EF', '#D8BC6E'];
window.womenData = [
{ 'x': 115, 'y': 57 }, { 'x': 138, 'y': 57 }, { 'x': 166, 'y': 57 }, { 'x': 122, 'y': 57 },
{ 'x': 126, 'y': 57 }, { 'x': 130, 'y': 57 }, { 'x': 125, 'y': 57 }, { 'x': 144, 'y': 57 },
{ 'x': 150, 'y': 57 }, { 'x': 120, 'y': 57 }, { 'x': 125, 'y': 57 }, { 'x': 130, 'y': 57 },
{ 'x': 103, 'y': 58 }, { 'x': 116, 'y': 58 }, { 'x': 130, 'y': 58 }, { 'x': 126, 'y': 58 },
{ 'x': 136, 'y': 58 }, { 'x': 148, 'y': 58 }, { 'x': 119, 'y': 58 }, { 'x': 141, 'y': 58 },
{ 'x': 159, 'y': 58 }, { 'x': 120, 'y': 58 }, { 'x': 135, 'y': 58 }, { 'x': 163, 'y': 58 },
{ 'x': 119, 'y': 59 }, { 'x': 131, 'y': 59 }, { 'x': 148, 'y': 59 }, { 'x': 123, 'y': 59 },
{ 'x': 137, 'y': 59 }, { 'x': 149, 'y': 59 }, { 'x': 121, 'y': 59 }, { 'x': 142, 'y': 59 },
{ 'x': 160, 'y': 59 }, { 'x': 118, 'y': 59 }, { 'x': 130, 'y': 59 }, { 'x': 146, 'y': 59 },
{ 'x': 119, 'y': 60 }, { 'x': 133, 'y': 60 }, { 'x': 150, 'y': 60 }, { 'x': 133, 'y': 60 },
{ 'x': 149, 'y': 60 }, { 'x': 165, 'y': 60 }, { 'x': 130, 'y': 60 }, { 'x': 139, 'y': 60 },
{ 'x': 154, 'y': 60 }, { 'x': 118, 'y': 60 }, { 'x': 152, 'y': 60 }, { 'x': 154, 'y': 60 },
{ 'x': 130, 'y': 61 }, { 'x': 145, 'y': 61 }, { 'x': 166, 'y': 61 }, { 'x': 131, 'y': 61 },
{ 'x': 143, 'y': 61 }, { 'x': 162, 'y': 61 }, { 'x': 131, 'y': 61 }, { 'x': 145, 'y': 61 },
{ 'x': 162, 'y': 61 }, { 'x': 115, 'y': 61 }, { 'x': 149, 'y': 61 }, { 'x': 183, 'y': 61 },
{ 'x': 121, 'y': 62 }, { 'x': 139, 'y': 62 }, { 'x': 159, 'y': 62 }, { 'x': 135, 'y': 62 },
{ 'x': 152, 'y': 62 }, { 'x': 178, 'y': 62 }, { 'x': 130, 'y': 62 }, { 'x': 153, 'y': 62 },
{ 'x': 172, 'y': 62 }, { 'x': 114, 'y': 62 }, { 'x': 135, 'y': 62 }, { 'x': 154, 'y': 62 },
{ 'x': 126, 'y': 63 }, { 'x': 141, 'y': 63 }, { 'x': 160, 'y': 63 }, { 'x': 135, 'y': 63 },
{ 'x': 149, 'y': 63 }, { 'x': 180, 'y': 63 }, { 'x': 132, 'y': 63 }, { 'x': 144, 'y': 63 },
{ 'x': 163, 'y': 63 }, { 'x': 122, 'y': 63 }, { 'x': 146, 'y': 63 }, { 'x': 156, 'y': 63 },
{ 'x': 133, 'y': 64 }, { 'x': 150, 'y': 64 }, { 'x': 176, 'y': 64 }, { 'x': 133, 'y': 64 },
{ 'x': 149, 'y': 64 }, { 'x': 176, 'y': 64 }, { 'x': 136, 'y': 64 }, { 'x': 157, 'y': 64 },
{ 'x': 174, 'y': 64 }, { 'x': 131, 'y': 64 }, { 'x': 155, 'y': 64 }, { 'x': 191, 'y': 64 },
{ 'x': 136, 'y': 65 }, { 'x': 149, 'y': 65 }, { 'x': 177, 'y': 65 }, { 'x': 143, 'y': 65 },
{ 'x': 149, 'y': 65 }, { 'x': 184, 'y': 65 }, { 'x': 128, 'y': 65 }, { 'x': 146, 'y': 65 },
{ 'x': 157, 'y': 65 }, { 'x': 133, 'y': 65 }, { 'x': 153, 'y': 65 }, { 'x': 173, 'y': 65 },
{ 'x': 141, 'y': 66 }, { 'x': 156, 'y': 66 }, { 'x': 175, 'y': 66 }, { 'x': 125, 'y': 66 },
{ 'x': 138, 'y': 66 }, { 'x': 165, 'y': 66 }, { 'x': 122, 'y': 66 }, { 'x': 164, 'y': 66 },
{ 'x': 182, 'y': 66 }, { 'x': 137, 'y': 66 }, { 'x': 157, 'y': 66 }, { 'x': 176, 'y': 66 },
{ 'x': 149, 'y': 67 }, { 'x': 159, 'y': 67 }, { 'x': 179, 'y': 67 }, { 'x': 156, 'y': 67 },
{ 'x': 179, 'y': 67 }, { 'x': 186, 'y': 67 }, { 'x': 147, 'y': 67 }, { 'x': 166, 'y': 67 },
{ 'x': 185, 'y': 67 }, { 'x': 140, 'y': 67 }, { 'x': 160, 'y': 67 }, { 'x': 180, 'y': 67 },
{ 'x': 145, 'y': 68 }, { 'x': 155, 'y': 68 }, { 'x': 170, 'y': 68 }, { 'x': 129, 'y': 68 },
{ 'x': 164, 'y': 68 }, { 'x': 189, 'y': 68 }, { 'x': 150, 'y': 68 }, { 'x': 157, 'y': 68 },
{ 'x': 183, 'y': 68 }, { 'x': 144, 'y': 68 }, { 'x': 170, 'y': 68 }, { 'x': 180, 'y': 68 }
];
window.menData = [
{ 'x': 131, 'y': 62 }, { 'x': 140, 'y': 62 }, { 'x': 149, 'y': 62 }, { 'x': 115, 'y': 62 },
{ 'x': 134, 'y': 62 }, { 'x': 183, 'y': 62 }, { 'x': 155, 'y': 62 }, { 'x': 164, 'y': 62 },
{ 'x': 169, 'y': 62 }, { 'x': 122, 'y': 62 }, { 'x': 161, 'y': 62 }, { 'x': 166, 'y': 62 },
{ 'x': 137, 'y': 63 }, { 'x': 140, 'y': 63 }, { 'x': 140, 'y': 63 }, { 'x': 126, 'y': 63 },
{ 'x': 150, 'y': 63 }, { 'x': 153, 'y': 63 }, { 'x': 154, 'y': 63 }, { 'x': 139, 'y': 63 },
{ 'x': 164, 'y': 63 }, { 'x': 162, 'y': 63 }, { 'x': 167, 'y': 63 }, { 'x': 146, 'y': 63 },
{ 'x': 150, 'y': 64 }, { 'x': 141, 'y': 64 }, { 'x': 142, 'y': 64 }, { 'x': 129, 'y': 64 },
{ 'x': 159, 'y': 64 }, { 'x': 158, 'y': 64 }, { 'x': 162, 'y': 64 }, { 'x': 136, 'y': 64 },
{ 'x': 176, 'y': 64 }, { 'x': 170, 'y': 64 }, { 'x': 167, 'y': 64 }, { 'x': 144, 'y': 64 },
{ 'x': 143, 'y': 65 }, { 'x': 137, 'y': 65 }, { 'x': 137, 'y': 65 }, { 'x': 140, 'y': 65 },
{ 'x': 161, 'y': 65 }, { 'x': 150, 'y': 65 }, { 'x': 155, 'y': 65 }, { 'x': 160, 'y': 65 },
{ 'x': 182, 'y': 65 }, { 'x': 168, 'y': 65 }, { 'x': 181, 'y': 65 }, { 'x': 165, 'y': 65 },
{ 'x': 148, 'y': 66 }, { 'x': 145, 'y': 66 }, { 'x': 137, 'y': 66 }, { 'x': 138, 'y': 66 },
{ 'x': 162, 'y': 66 }, { 'x': 166, 'y': 66 }, { 'x': 159, 'y': 66 }, { 'x': 151, 'y': 66 },
{ 'x': 180, 'y': 66 }, { 'x': 181, 'y': 66 }, { 'x': 174, 'y': 66 }, { 'x': 159, 'y': 66 },
{ 'x': 151, 'y': 67 }, { 'x': 148, 'y': 67 }, { 'x': 141, 'y': 67 }, { 'x': 145, 'y': 67 },
{ 'x': 165, 'y': 67 }, { 'x': 168, 'y': 67 }, { 'x': 159, 'y': 67 }, { 'x': 183, 'y': 67 },
{ 'x': 188, 'y': 67 }, { 'x': 187, 'y': 67 }, { 'x': 172, 'y': 67 }, { 'x': 193, 'y': 67 },
{ 'x': 153, 'y': 68 }, { 'x': 153, 'y': 68 }, { 'x': 147, 'y': 68 }, { 'x': 163, 'y': 68 },
{ 'x': 174, 'y': 68 }, { 'x': 173, 'y': 68 }, { 'x': 160, 'y': 68 }, { 'x': 191, 'y': 68 },
{ 'x': 189, 'y': 68 }, { 'x': 182, 'y': 68 }, { 'x': 181, 'y': 68 }, { 'x': 196, 'y': 68 },
{ 'x': 152, 'y': 69 }, { 'x': 173, 'y': 69 }, { 'x': 190, 'y': 69 }, { 'x': 161, 'y': 69 },
{ 'x': 173, 'y': 69 }, { 'x': 185, 'y': 69 }, { 'x': 141, 'y': 69 }, { 'x': 149, 'y': 69 },
{ 'x': 186, 'y': 69 }, { 'x': 188, 'y': 69 }, { 'x': 148, 'y': 69 }, { 'x': 174, 'y': 69 },
{ 'x': 164, 'y': 70 }, { 'x': 182, 'y': 70 }, { 'x': 200, 'y': 70 }, { 'x': 151, 'y': 70 },
{ 'x': 162, 'y': 70 }, { 'x': 200, 'y': 70 }, { 'x': 166, 'y': 70 }, { 'x': 177, 'y': 70 },
{ 'x': 188, 'y': 70 }, { 'x': 156, 'y': 70 }, { 'x': 175, 'y': 70 }, { 'x': 191, 'y': 70 },
{ 'x': 174, 'y': 71 }, { 'x': 187, 'y': 71 }, { 'x': 208, 'y': 71 }, { 'x': 166, 'y': 71 },
{ 'x': 150, 'y': 71 }, { 'x': 194, 'y': 71 }, { 'x': 157, 'y': 71 }, { 'x': 183, 'y': 71 },
{ 'x': 204, 'y': 71 }, { 'x': 162, 'y': 71 }, { 'x': 179, 'y': 71 }, { 'x': 196, 'y': 71 },
{ 'x': 170, 'y': 72 }, { 'x': 184, 'y': 72 }, { 'x': 197, 'y': 72 }, { 'x': 162, 'y': 72 },
{ 'x': 177, 'y': 72 }, { 'x': 203, 'y': 72 }, { 'x': 159, 'y': 72 }, { 'x': 178, 'y': 72 },
{ 'x': 198, 'y': 72 }, { 'x': 167, 'y': 72 }, { 'x': 184, 'y': 72 }, { 'x': 201, 'y': 72 },
{ 'x': 167, 'y': 73 }, { 'x': 178, 'y': 73 }, { 'x': 215, 'y': 73 }, { 'x': 207, 'y': 73 },
{ 'x': 172, 'y': 73 }, { 'x': 204, 'y': 73 }, { 'x': 162, 'y': 73 }, { 'x': 182, 'y': 73 },
{ 'x': 201, 'y': 73 }, { 'x': 172, 'y': 73 }, { 'x': 189, 'y': 73 }, { 'x': 206, 'y': 73 },
{ 'x': 150, 'y': 74 }, { 'x': 187, 'y': 74 }, { 'x': 153, 'y': 74 }, { 'x': 171, 'y': 74 },
{ 'x': 214, 'y': 74 }, { 'x': 211, 'y': 74 }, { 'x': 166, 'y': 74 }, { 'x': 185, 'y': 74 },
{ 'x': 204, 'y': 74 }, { 'x': 177, 'y': 74 }, { 'x': 194, 'y': 74 }, { 'x': 212, 'y': 74 }
];
window.rainFallData = [
6.279319488350383, 6.44063341316797, 6.2369215935932125, 5.502712120699334, 8.36727387645628,
6.8763936909119145, 7.539107641248687, 7.168106790298325, 5.088973211088473, 7.3611443626521975,
6.262482500009694, 7.066946128264099, 7.919136663279815, 6.048770230229623, 6.635693738128687,
6.914314060997675, 7.3558393638632245, 7.446799394011705, 6.573065012367965, 7.199248800046284,
7.2478392502172255, 5.841749916549048, 6.2875032915742555, 7.780344597533645, 7.476252964940152,
7.31130789349302, 6.9795490749342735, 5.25771395445122, 5.209178065323029, 7.253001207479784,
7.735630771065614, 7.867579691619466, 6.498505124379967, 7.520182796274494, 6.8849552121955355,
8.409548532300903, 7.280962677695648, 5.90472258083289, 5.493050947663577, 8.049930030095826,
7.312239096474201, 6.648881892334176, 8.20778156490454, 7.760450642162979, 7.16896788902378,
6.464002823190773, 6.744274412468741, 7.608063016119123, 8.28437415597541, 6.0686292110951,
6.903464462707268, 6.21583898264024, 6.593313193313992, 8.173631463364867, 6.2071625059658535,
6.418795393716696, 6.564866596674945, 7.762970761208759, 6.69332473846462, 6.1351463701281865,
7.022493415476658, 5.6249468419041895, 7.874458629000931, 5.990122152134347, 6.813180297026457,
6.193695064120531, 5.296018389402549, 5.17260081829393, 8.408367813193978, 5.021357760833318,
5.459118447495531, 8.323738731410392, 5.260751854138992, 7.7013503613788545, 7.161869425083509,
6.4418768926289145, 5.7231475724513015, 5.364349621131238, 6.773111815759874, 8.306374671332607,
6.165757722561587, 8.011545688002819, 5.701686949133615, 5.811580507651204, 7.948649630117358,
8.048489436166571, 6.786435040503838, 7.1266629301054945, 7.091275551544603, 8.413378363384973,
7.589335230735911, 5.5681611987571165, 5.176557932530318, 6.890754293090578, 7.924184435766012,
7.671728565183779, 6.534081554237517, 6.078696508169291, 6.722649936820086, 8.13565939847763,
5.322671901142255, 5.876995219513782, 6.5405777428501555, 8.127136324134698, 6.843787638022269,
8.214383813349539, 7.091099148563872, 5.573444163129094, 6.1157593307379905, 5.363258884106331,
6.637800048423518, 5.027116944840255, 6.431401722513312, 7.926967677322131, 7.065957313808207,
8.301185233917279, 6.143757399153787, 6.607680399250383, 7.938494833444157, 6.365288215185968,
6.184127061001217, 6.260665337126789, 6.372079016740581, 5.376093226995872, 8.299463466935178,
5.269678124030882, 6.976824154487483, 6.5820865112357545, 6.724430571963181, 8.26091246496553,
7.401497200117249, 7.386153557663212, 7.963447373445464, 5.337687146800787, 8.286285086593121,
8.222978426452293, 7.846639766826911, 8.069351366527062, 7.513260268839259, 6.296995869336903,
8.3590956573818, 7.34430352413543, 5.527911754495014, 7.770708367719198, 8.266752140439358,
5.2647621706579635, 6.101003552437883, 5.589774929752683, 7.839799629506524, 7.41897730190976
];
NOTE
Explore the sample on GitHub to understand how this getting started example works.