Getting Started with the ASP.NET MVC Stock Chart Control
21 Jul 202624 minutes to read
This section briefly explains how to add the Syncfusion® ASP.NET MVC Stock Chart control to your ASP.NET MVC application using Visual Studio.
Prerequisites
Refer to the System requirements for ASP.NET MVC controls before creating the application.
Create an ASP.NET MVC application with HTML helper
You can create an ASP.NET MVC application using either of the following options:
Install the ASP.NET MVC NuGet package
To add Syncfusion® ASP.NET MVC controls in the application, open the NuGet Package Manager in Visual Studio by selecting (Tools → NuGet Package Manager → Manage NuGet Packages for Solution). Search for Syncfusion.EJ2.MVC5 and install it.
Alternatively, you can use the Package Manager Console by navigating to:
Tools → NuGet Package Manager → Package Manager Console, and then run the following command:
Install-Package Syncfusion.EJ2.MVC5 -Version 34.1.29NOTE
Syncfusion® ASP.NET MVC controls are available on nuget.org. Refer to the NuGet packages topic topic to learn more about installing NuGet packages in various operating system environments. The Syncfusion.EJ2.MVC5 NuGet package depends on Newtonsoft.Json for JSON serialization and Syncfusion.Licensing for validating the Syncfusion® license key.
Add the namespace
Add the Syncfusion.EJ2 namespace reference in the Web.config file available in the Views folder.
<namespaces>
<add namespace="Syncfusion.EJ2" />
</namespaces>Add stylesheet and script resources
Add the stylesheet and script references inside the <head> element of the ~/Views/Shared/_Layout.cshtml file as follows.
<head>
...
<!-- Syncfusion ASP.NET MVC controls styles -->
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/34.1.29/fluent.css" />
<!-- Syncfusion ASP.NET MVC controls scripts -->
<script src="https://cdn.syncfusion.com/ej2/34.1.29/dist/ej2.min.js"></script>
</head>NOTE
Refer to the Themes topic to learn different ways, such as CDN, NPM package, and CRG, to refer to styles in an ASP.NET MVC application and achieve the expected appearance for Syncfusion® ASP.NET MVC controls.
NOTE
Refer to the Adding Script Reference topic to learn different approaches for adding script references in your ASP.NET MVC application.
Register the Syncfusion® Script Manager
Register the script manager EJS().ScriptManager() at the end of the <body> element in the ~/Views/Shared/_Layout.cshtml file as follows.
<body>
...
<!-- Syncfusion ASP.NET MVC Script Manager -->
@Html.EJS().ScriptManager()
</body>Add the ASP.NET MVC Stock Chart control
This section walks through adding the Stock Chart control to ~/Views/Home/Index.cshtml and progressively binding it to financial data from an external JavaScript file.
Step 1: Add the stock chart control
The code below adds an empty Stock Chart container to the ~/Views/Home/Index.cshtml page. No series is configured yet, so the chart appears as an empty placeholder.
@(Html.EJS().StockChart("container").Series(series =>
{
series.Add();
}).Render())Press Ctrl + F5 on Windows or ⌘ + F5 on macOS to run the application. The Syncfusion® ASP.NET MVC Stock Chart control will be rendered in the default web browser.
Step 2: Populate the stock chart with data
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. Place the financial-data.js file in the ~/Scripts/ folder of the project.
@(Html.EJS().StockChart("container").Load("stockload")
.Series(sr =>
{
sr.Name("Apple").Type(Syncfusion.EJ2.Charts.ChartSeriesType.Candle).XName("x").High("high").Low("low").Open("open").Close("close").Add();
})
.Render())
<script src="~/Scripts/chart/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.
Troubleshooting
If the Stock Chart control does not render as expected, review the following common issues and their resolutions.
-
“Unlicensed” watermark appears on the page — The
Syncfusion.Licensingpackage is installed but the license key has not been registered. Register the license key in~/App_Start/FilterConfig.cs(orProgram.cs) and rebuild. See Registering the Syncfusion license key. -
“Script Manager is not defined” or scripts run twice —
@Html.EJS().ScriptManager()was not added, or was added more than once. EnsureScriptManageris registered exactly once at the end of<body>in_Layout.cshtml. -
“Could not load file or assembly ‘Syncfusion.EJ2’“ — The NuGet package was not restored. Run
Update-Package -reinstallin the Package Manager Console, or restore via Visual Studio (right-click solution → Restore NuGet Packages). -
“404 Not Found” for
financial-data.js— The JavaScript file has not been placed in the project. Savefinancial-data.jsto~/Scripts/financial-data.jsand ensure the path referenced from the view matches exactly (case-sensitive). -
Chart renders but no candles/OHLC data appear — The
DataSourceis not bound correctly. Verify the JSON shape matches what Stock Chart expects (each record must includedate,open,high,low,close, and optionallyvolume). -
Period selector / range selector missing — Stock Chart requires
PrimaryXAxisto be aValueType.DateTimeaxis and the data source to be sorted by date. Add.ValueType(Syncfusion.EJ2.Charts.ValueType.DateTime)toPrimaryXAxisand verify the data is sorted ascending by date. -
Theme is not applied — The
fluent.cssreference is missing or the path is wrong. Add<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/34.1.29/fluent.css" />(or replace withmaterial.css/fabric.css/bootstrap4.css) inside<head>. -
Newtonsoft.Jsonreference error after upgrade —Syncfusion.EJ2.MVC5requires a specificNewtonsoft.Jsonversion. Install a compatibleNewtonsoft.Jsonversion (≥ 12.0.2) via NuGet.