Getting started file explains how to create a simple Stock Chart and demonstrate the basic usage of the Stock Chart control.
The list of minimum dependencies required to use stock chart are follows:
|-- @syncfusion/ej2-charts
|-- @syncfusion/ej2-base
|-- @syncfusion/ej2-data
|-- @syncfusion/ej2-pdf-export
|-- @syncfusion/ej2-file-utils
|-- @syncfusion/ej2-compression
|-- @syncfusion/ej2-svg-base
|-- @syncfusion/ej2-navigations
|-- @syncfusion/ej2-calendars
|-- @syncfusion/ej2-popups
|-- @syncfusion/ej2-lists
|-- @syncfusion/ej2-inputs
|-- @syncfusion/ej2-buttons
|-- @syncfusion/ej2-splitbuttonsYou can use Vue CLI to setup your vue applications.
To install Vue CLI use the following commands.
npm install -g @vue/cli
npm install -g @vue/cli-initStart a new Vue application using below Vue CLI command.
vue init webpack-simple quickstart
cd quickstart
npm installAll the available Essential JS 2 packages are published in npmjs.com registry.
To install chart component, use the following command
npm install @syncfusion/ej2-vue-charts --saveThe —save will instruct NPM to include the chart package inside of the
dependenciessection of thepackage.json.
You can register the Stock chart component in your application by using the Vue.use().
Refer to the code example given below.
import { StockChartPlugin } from '@syncfuion/ej2-vue-charts';
Vue.use(StockChartPlugin);Registering
StockChartPluginin vue, will register the stock chart component along with its required child directives globally.
<ejs-stockchart> selector in <template> section of the App.vue file.
The below example shows a basic stock chart,<template>
<div id="app">
<ejs-stockchart></ejs-stockchart>
</div>
</template>
<script>
import Vue from 'vue';
import { StockChartPlugin } from '@syncfusion/ej2-vue-charts';
Vue.use(StockChartPlugin);
export default {
data () {
return {
}
}
}
</script>The quickstart project is configured to compile and run the application in the browser. Use the following command to run the application.
npm run devTo create stock chart with additional features, inject the required modules. The following modules are used to extend stock chart’s basic functionality.
•CandleSeries - Inject this module to use candle series.
•DateTime - Inject this module to use date time axis.
•RangeTooltip - Inject this module to show the tooltip.
These modules should be injected to the provide section as follows,
import Vue from "vue";
import { StockChartPlugin, CandleSeries, DateTime, RangeTooltip } from "@syncfusion/ej2-vue-charts";
Vue.use(StockChartPlugin);
export default {
provide: {
stockChart: [CandleSeries, DateTime, RangeTooltip]
}
};
</script>This section explains how to plot below JSON data to the Stock Chart. Please find the below imported datasource.
export default {
data() {
return {
data: [{
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
}];
};
}
}; Add a series object to the Stock chart by using series property and then set the JSON data to dataSource property.
Since the JSON contains category data, set the valueType for
horizontal axis to Category. By default, the axis valueType is Numeric.
<template>
<div class="control-section">
<div>
<ejs-stockchart
id="stockchartcontainer"
:primaryXAxis="primaryXAxis"
:primaryYAxis="primaryYAxis"
:title="title">
<e-stockchart-series-collection>
<e-stockchart-series :dataSource="seriesData" type="Candle" volume='volume' xName='date' low='low' high='high' open='open' close='close'></e-stockchart-series>
</e-stockchart-series-collection>
</ejs-stockchart>
</div>
</div>
</template>
<script>
import Vue from "vue";
import { chartData } from "./datasource.js";
import {
StockChartPlugin, DateTime, CandleSeries, RangeTooltip, LineSeries,SplineSeries,
HiloOpenCloseSeries, HiloSeries, RangeAreaSeries, Trendlines, EmaIndicator, RsiIndicator,BollingerBands, TmaIndicator, MomentumIndicator, SmaIndicator, AtrIndicator, AccumulationDistributionIndicator, MacdIndicator, StochasticIndicator, Export
} from "@syncfusion/ej2-vue-charts";
Vue.use(StockChartPlugin);
export default {
data() {
return {
seriesData: chartData,
primaryXAxis: {
valueType: "DateTime",
majorGridLines: { color: "transparent" },
},
primaryYAxis: {
majorTickLines: { color: "transparent", width: 0 }
},
title: 'AAPL Stock Price',
};
},
provide: {
stockChart: [
DateTime, RangeTooltip, LineSeries, SplineSeries, CandleSeries, HiloOpenCloseSeries, HiloSeries, RangeAreaSeries, Trendlines, EmaIndicator, RsiIndicator,
BollingerBands, TmaIndicator, MomentumIndicator, SmaIndicator, AtrIndicator, AccumulationDistributionIndicator, MacdIndicator, StochasticIndicator,Export
]
}
};
</script>define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.series1 = [];
var point1;
var value = 40;
var i;
for (i = 1; i < 500; i++) {
if (Math.random() > .5) {
value += Math.random();
}
else {
value -= Math.random();
}
point1 = { x: new Date(1950, i + 2, i), y: value.toFixed(1) };
exports.series1.push(point1);
}
exports.trackData = [
{ x: new Date(2000, 2, 11), y: 15, y1: 39, y2: 60, y3: 75, y4: 85 },
{ x: new Date(2000, 9, 14), y: 20, y1: 30, y2: 55, y3: 75, y4: 83 },
{ x: new Date(2001, 2, 11), y: 25, y1: 28, y2: 48, y3: 68, y4: 85 },
{ x: new Date(2001, 9, 16), y: 21, y1: 35, y2: 57, y3: 75, y4: 87 },
{ x: new Date(2002, 2, 7), y: 13, y1: 39, y2: 62, y3: 71, y4: 82 },
{ x: new Date(2002, 9, 7), y: 18, y1: 41, y2: 64, y3: 69, y4: 74 },
{ x: new Date(2003, 2, 11), y: 24, y1: 45, y2: 57, y3: 81, y4: 73 },
{ x: new Date(2003, 9, 14), y: 23, y1: 48, y2: 53, y3: 84, y4: 75 },
{ x: new Date(2004, 2, 6), y: 19, y1: 54, y2: 63, y3: 85, y4: 73 },
{ x: new Date(2004, 9, 6), y: 31, y1: 55, y2: 50, y3: 87, y4: 60 },
{ x: new Date(2005, 2, 11), y: 39, y1: 57, y2: 66, y3: 75, y4: 48 },
{ x: new Date(2005, 9, 11), y: 50, y1: 60, y2: 65, y3: 70, y4: 55 },
{ x: new Date(2006, 2, 11), y: 24, y1: 60, y2: 79, y3: 85, y4: 40 }
];
exports.chartData = [
{
date: new Date('2012-04-02'),
open: 85.9757,
high: 90.6657,
low: 85.7685,
close: 90.5257,
volume: 660187068
},
{
date: new Date('2012-04-09'),
open: 89.4471,
high: 92,
low: 86.2157,
close: 86.4614,
volume: 912634864
},
{
date: new Date('2012-04-16'),
open: 87.1514,
high: 88.6071,
low: 81.4885,
close: 81.8543,
volume: 1221746066
},
{
date: new Date('2012-04-23'),
open: 81.5157,
high: 88.2857,
low: 79.2857,
close: 86.1428,
volume: 965935749
},
{
date: new Date('2012-04-30'),
open: 85.4,
high: 85.4857,
low: 80.7385,
close: 80.75,
volume: 615249365
},
{
date: new Date('2012-05-07'),
open: 80.2143,
high: 82.2685,
low: 79.8185,
close: 80.9585,
volume: 541742692
},
{
date: new Date('2012-05-14'),
open: 80.3671,
high: 81.0728,
low: 74.5971,
close: 75.7685,
volume: 708126233
},
{
date: new Date('2012-05-21'),
open: 76.3571,
high: 82.3571,
low: 76.2928,
close: 80.3271,
volume: 682076215
},
{
date: new Date('2012-05-28'),
open: 81.5571,
high: 83.0714,
low: 80.0743,
close: 80.1414,
volume: 480059584
},
{
date: new Date('2012-06-04'),
open: 80.2143,
high: 82.9405,
low: 78.3571,
close: 82.9028,
volume: 517577005
},
{
date: new Date('2012-06-11'),
open: 83.96,
high: 84.0714,
low: 80.9571,
close: 82.0185,
volume: 499693120
},
{
date: new Date('2012-06-18'),
open: 81.5657,
high: 84.2857,
low: 81.4814,
close: 83.1571,
volume: 442172142
},
{
date: new Date('2012-06-25'),
open: 82.4714,
high: 83.4285,
low: 80.8014,
close: 83.4285,
volume: 371529102
},
{
date: new Date('2012-07-02'),
open: 83.5328,
high: 87.7628,
low: 83.3714,
close: 86.5543,
volume: 385906790
},
{
date: new Date('2012-07-09'),
open: 86.4714,
high: 88.5528,
low: 84.6685,
close: 86.4243,
volume: 524235196
},
{
date: new Date('2012-07-16'),
open: 86.4457,
high: 87.9071,
low: 86.1643,
close: 86.3285,
volume: 419537217
},
{
date: new Date('2012-07-23'),
open: 84.9143,
high: 87.0971,
low: 81.4285,
close: 83.5943,
volume: 680773023
},
{
date: new Date('2012-07-30'),
open: 84.4171,
high: 88.2828,
low: 83.9743,
close: 87.9571,
volume: 475109323
},
{
date: new Date('2012-08-06'),
open: 88.1843,
high: 89.2857,
low: 87.8943,
close: 88.8143,
volume: 312826308
},
{
date: new Date('2012-08-13'),
open: 89.0557,
high: 92.5985,
low: 89.0357,
close: 92.5871,
volume: 392867193
},
{
date: new Date('2012-08-20'),
open: 92.8585,
high: 96.4114,
low: 92.5871,
close: 94.746,
volume: 708614692
},
{
date: new Date('2012-08-27'),
open: 97.1414,
high: 97.2671,
low: 93.8928,
close: 95.0343,
volume: 383807217
},
{
date: new Date('2012-09-03'),
open: 95.1085,
high: 97.4971,
low: 94.9285,
close: 97.2057,
volume: 355722047
},
{
date: new Date('2012-09-10'),
open: 97.2071,
high: 99.5685,
low: 93.7143,
close: 98.7543,
volume: 724042207
},
{
date: new Date('2012-09-17'),
open: 99.9071,
high: 100.7243,
low: 99.0885,
close: 100.0135,
volume: 500166040
},
{
date: new Date('2012-09-24'),
open: 98.1228,
high: 99.3028,
low: 94.3357,
close: 95.3007,
volume: 714507994
},
{
date: new Date('2012-10-01'),
open: 95.88,
high: 96.6785,
low: 92.95,
close: 93.2271,
volume: 638543622
},
{
date: new Date('2012-10-08'),
open: 92.4114,
high: 92.5085,
low: 89.0785,
close: 89.9591,
volume: 747127724
},
{
date: new Date('2012-10-15'),
open: 90.3357,
high: 93.2557,
low: 87.0885,
close: 87.12,
volume: 646996264
},
{
date: new Date('2012-10-22'),
open: 87.4885,
high: 90.7685,
low: 84.4285,
close: 86.2857,
volume: 866040680
},
{
date: new Date('2012-10-29'),
open: 84.9828,
high: 86.1428,
low: 82.1071,
close: 82.4,
volume: 367371310
},
{
date: new Date('2012-11-05'),
open: 83.3593,
high: 84.3914,
low: 76.2457,
close: 78.1514,
volume: 919719846
},
{
date: new Date('2012-11-12'),
open: 79.1643,
high: 79.2143,
low: 72.25,
close: 75.3825,
volume: 894382149
},
{
date: new Date('2012-11-19'),
open: 77.2443,
high: 81.7143,
low: 77.1257,
close: 81.6428,
volume: 527416747
},
{
date: new Date('2012-11-26'),
open: 82.2714,
high: 84.8928,
low: 81.7514,
close: 83.6114,
volume: 646467974
},
{
date: new Date('2012-12-03'),
open: 84.8071,
high: 84.9414,
low: 74.09,
close: 76.1785,
volume: 980096264
},
{
date: new Date('2012-12-10'),
open: 75,
high: 78.5085,
low: 72.2257,
close: 72.8277,
volume: 835016110
},
{
date: new Date('2012-12-17'),
open: 72.7043,
high: 76.4143,
low: 71.6043,
close: 74.19,
volume: 726150329
},
{
date: new Date('2012-12-24'),
open: 74.3357,
high: 74.8928,
low: 72.0943,
close: 72.7984,
volume: 321104733
},
{
date: new Date('2012-12-31'),
open: 72.9328,
high: 79.2857,
low: 72.7143,
close: 75.2857,
volume: 540854882
},
{
date: new Date('2013-01-07'),
open: 74.5714,
high: 75.9843,
low: 73.6,
close: 74.3285,
volume: 574594262
},
{
date: new Date('2013-01-14'),
open: 71.8114,
high: 72.9643,
low: 69.0543,
close: 71.4285,
volume: 803105621
},
{
date: new Date('2013-01-21'),
open: 72.08,
high: 73.57,
low: 62.1428,
close: 62.84,
volume: 971912560
},
{
date: new Date('2013-01-28'),
open: 62.5464,
high: 66.0857,
low: 62.2657,
close: 64.8028,
volume: 656549587
},
{
date: new Date('2013-02-04'),
open: 64.8443,
high: 68.4014,
low: 63.1428,
close: 67.8543,
volume: 743778993
},
{
date: new Date('2013-02-11'),
open: 68.0714,
high: 69.2771,
low: 65.7028,
close: 65.7371,
volume: 585292366
},
{
date: new Date('2013-02-18'),
open: 65.8714,
high: 66.1043,
low: 63.26,
close: 64.4014,
volume: 421766997
},
{
date: new Date('2013-02-25'),
open: 64.8357,
high: 65.0171,
low: 61.4257,
close: 61.4957,
volume: 582741215
},
{
date: new Date('2013-03-04'),
open: 61.1143,
high: 62.2043,
low: 59.8571,
close: 61.6743,
volume: 632856539
},
{
date: new Date('2013-03-11'),
open: 61.3928,
high: 63.4614,
low: 60.7343,
close: 63.38,
volume: 572066981
},
{
date: new Date('2013-03-18'),
open: 63.0643,
high: 66.0143,
low: 63.0286,
close: 65.9871,
volume: 552156035
},
{
date: new Date('2013-03-25'),
open: 66.3843,
high: 67.1357,
low: 63.0886,
close: 63.2371,
volume: 390762517
},
{
date: new Date('2013-04-01'),
open: 63.1286,
high: 63.3854,
low: 59.9543,
close: 60.4571,
volume: 505273732
},
{
date: new Date('2013-04-08'),
open: 60.6928,
high: 62.57,
low: 60.3557,
close: 61.4,
volume: 387323550
},
{
date: new Date('2013-04-15'),
open: 61,
high: 61.1271,
low: 55.0143,
close: 55.79,
volume: 709945604
},
{
date: new Date('2013-04-22'),
open: 56.0914,
high: 59.8241,
low: 55.8964,
close: 59.6007,
volume: 787007506
},
{
date: new Date('2013-04-29'),
open: 60.0643,
high: 64.7471,
low: 60,
close: 64.2828,
volume: 655020017
},
{
date: new Date('2013-05-06'),
open: 65.1014,
high: 66.5357,
low: 64.3543,
close: 64.71,
volume: 545488533
},
{
date: new Date('2013-05-13'),
open: 64.5014,
high: 65.4143,
low: 59.8428,
close: 61.8943,
volume: 633706550
},
{
date: new Date('2013-05-20'),
open: 61.7014,
high: 64.05,
low: 61.4428,
close: 63.5928,
volume: 494379068
},
{
date: new Date('2013-05-27'),
open: 64.2714,
high: 65.3,
low: 62.7714,
close: 64.2478,
volume: 362907830
},
{
date: new Date('2013-06-03'),
open: 64.39,
high: 64.9186,
low: 61.8243,
close: 63.1158,
volume: 443249793
},
{
date: new Date('2013-06-10'),
open: 63.5328,
high: 64.1541,
low: 61.2143,
close: 61.4357,
volume: 389680092
},
{
date: new Date('2013-06-17'),
open: 61.6343,
high: 62.2428,
low: 58.3,
close: 59.0714,
volume: 400384818
},
{
date: new Date('2013-06-24'),
open: 58.2,
high: 58.38,
low: 55.5528,
close: 56.6471,
volume: 519314826
},
{
date: new Date('2013-07-01'),
open: 57.5271,
high: 60.47,
low: 57.3171,
close: 59.6314,
volume: 343878841
},
{
date: new Date('2013-07-08'),
open: 60.0157,
high: 61.3986,
low: 58.6257,
close: 60.93,
volume: 384106977
},
{
date: new Date('2013-07-15'),
open: 60.7157,
high: 62.1243,
low: 60.5957,
close: 60.7071,
volume: 286035513
},
{
date: new Date('2013-07-22'),
open: 61.3514,
high: 63.5128,
low: 59.8157,
close: 62.9986,
volume: 395816827
},
{
date: new Date('2013-07-29'),
open: 62.9714,
high: 66.1214,
low: 62.8857,
close: 66.0771,
volume: 339668858
},
{
date: new Date('2013-08-05'),
open: 66.3843,
high: 67.4128,
low: 64.8071,
close: 64.9214,
volume: 368486781
},
{
date: new Date('2013-08-12'),
open: 65.2657,
high: 72.0357,
low: 65.2328,
close: 71.7614,
volume: 711563584
},
{
date: new Date('2013-08-19'),
open: 72.0485,
high: 73.3914,
low: 71.1714,
close: 71.5743,
volume: 417119660
},
{
date: new Date('2013-08-26'),
open: 71.5357,
high: 72.8857,
low: 69.4286,
close: 69.6023,
volume: 392805888
},
{
date: new Date('2013-09-02'),
open: 70.4428,
high: 71.7485,
low: 69.6214,
close: 71.1743,
volume: 317244380
},
{
date: new Date('2013-09-09'),
open: 72.1428,
high: 72.56,
low: 66.3857,
close: 66.4143,
volume: 669376320
},
{
date: new Date('2013-09-16'),
open: 65.8571,
high: 68.3643,
low: 63.8886,
close: 66.7728,
volume: 625142677
},
{
date: new Date('2013-09-23'),
open: 70.8714,
high: 70.9871,
low: 68.6743,
close: 68.9643,
volume: 475274537
},
{
date: new Date('2013-09-30'),
open: 68.1786,
high: 70.3357,
low: 67.773,
close: 69.0043,
volume: 368198906
},
{
date: new Date('2013-10-07'),
open: 69.5086,
high: 70.5486,
low: 68.3257,
close: 70.4017,
volume: 361437661
},
{
date: new Date('2013-10-14'),
open: 69.9757,
high: 72.7514,
low: 69.9071,
close: 72.6985,
volume: 342694379
},
{
date: new Date('2013-10-21'),
open: 73.11,
high: 76.1757,
low: 72.5757,
close: 75.1368,
volume: 490458997
},
{
date: new Date('2013-10-28'),
open: 75.5771,
high: 77.0357,
low: 73.5057,
close: 74.29,
volume: 508130174
},
{
date: new Date('2013-11-04'),
open: 74.4428,
high: 75.555,
low: 73.1971,
close: 74.3657,
volume: 318132218
},
{
date: new Date('2013-11-11'),
open: 74.2843,
high: 75.6114,
low: 73.4871,
close: 74.9987,
volume: 306711021
},
{
date: new Date('2013-11-18'),
open: 74.9985,
high: 75.3128,
low: 73.3814,
close: 74.2571,
volume: 282778778
},
{
date: new Date('2013-11-25'),
open: 74.4314,
high: 79.7614,
low: 74.4285,
close: 79.4385,
volume: 327405302
},
{
date: new Date('2013-12-02'),
open: 79.7143,
high: 82.1622,
low: 78.6885,
close: 80.0028,
volume: 522055676
},
{
date: new Date('2013-12-09'),
open: 80.1286,
high: 81.5671,
low: 79.0957,
close: 79.2043,
volume: 387271099
},
{
date: new Date('2013-12-16'),
open: 79.2885,
high: 80.377,
low: 76.9714,
close: 78.4314,
volume: 457580848
},
{
date: new Date('2013-12-23'),
open: 81.1428,
high: 81.6971,
low: 79.9285,
close: 80.0128,
volume: 274253503
},
{
date: new Date('2013-12-30'),
open: 79.6371,
high: 80.1828,
low: 77.2043,
close: 77.2828,
volume: 275734934
},
{
date: new Date('2014-01-06'),
open: 76.7785,
high: 78.1228,
low: 75.8728,
close: 76.1343,
volume: 393462075
},
{
date: new Date('2014-01-13'),
open: 75.7014,
high: 80.0285,
low: 75.6971,
close: 77.2385,
volume: 439557459
},
{
date: new Date('2014-01-20'),
open: 77.2843,
high: 79.6128,
low: 77.2028,
close: 78.01,
volume: 385585525
},
{
date: new Date('2014-01-27'),
open: 78.5814,
high: 79.2571,
low: 70.5071,
close: 71.5143,
volume: 813702575
},
{
date: new Date('2014-02-03'),
open: 71.8014,
high: 74.7042,
low: 71.3286,
close: 74.24,
volume: 434447570
},
{
date: new Date('2014-02-10'),
open: 74.0943,
high: 77.9971,
low: 74,
close: 77.7128,
volume: 379011880
},
{
date: new Date('2014-02-17'),
open: 78,
high: 78.7414,
low: 74.9428,
close: 75.0357,
volume: 289609443
},
{
date: new Date('2014-02-24'),
open: 74.7357,
high: 76.1071,
low: 73.6571,
close: 75.1771,
volume: 367569649
},
{
date: new Date('2014-03-03'),
open: 74.7743,
high: 76.3928,
low: 74.6871,
close: 75.7771,
volume: 275972640
},
{
date: new Date('2014-03-10'),
open: 75.48,
high: 77.0943,
low: 74.7143,
close: 74.9557,
volume: 287729528
},
{
date: new Date('2014-03-17'),
open: 75.3857,
high: 76.6057,
low: 75.0286,
close: 76.1243,
volume: 303531061
},
{
date: new Date('2014-03-24'),
open: 76.9171,
high: 78.4285,
low: 76.3214,
close: 76.6943,
volume: 338387221
},
{
date: new Date('2014-03-31'),
open: 77.0328,
high: 77.64,
low: 75.7971,
close: 75.9743,
volume: 245749459
},
{
date: new Date('2014-04-07'),
open: 75.4314,
high: 76.0343,
low: 73.8771,
close: 74.23,
volume: 312008139
},
{
date: new Date('2014-04-14'),
open: 74.5571,
high: 75.3943,
low: 73.0471,
close: 74.9914,
volume: 241209047
},
{
date: new Date('2014-04-21'),
open: 75.0485,
high: 81.7128,
low: 74.8514,
close: 81.7057,
volume: 476651465
},
{
date: new Date('2014-04-28'),
open: 81.8285,
high: 85.6328,
low: 81.7928,
close: 84.6543,
volume: 473712709
},
{
date: new Date('2014-05-05'),
open: 84.3057,
high: 86.3442,
low: 82.9043,
close: 83.6489,
volume: 365535013
},
{
date: new Date('2014-05-12'),
open: 83.9271,
high: 85.3614,
low: 83.6285,
close: 85.3585,
volume: 260931637
},
{
date: new Date('2014-05-19'),
open: 85.4071,
high: 87.8184,
low: 85.3328,
close: 87.7328,
volume: 294298274
},
{
date: new Date('2014-05-26'),
open: 87.9828,
high: 92.0243,
low: 87.9471,
close: 90.4285,
volume: 400232120
},
{
date: new Date('2014-06-02'),
open: 90.5657,
high: 93.0371,
low: 88.9285,
close: 92.2243,
volume: 412158024
},
{
date: new Date('2014-06-09'),
open: 92.7,
high: 95.05,
low: 90.88,
close: 91.28,
volume: 292422550
},
{
date: new Date('2014-06-16'),
open: 91.51,
high: 92.75,
low: 90.9,
close: 90.91,
volume: 234325480
},
{
date: new Date('2014-06-23'),
open: 91.32,
high: 92,
low: 89.65,
close: 91.98,
volume: 213712160
},
{
date: new Date('2014-06-30'),
open: 92.1,
high: 94.1,
low: 92.09,
close: 94.03,
volume: 138936570
},
{
date: new Date('2014-07-07'),
open: 94.14,
high: 96.8,
low: 93.52,
close: 95.22,
volume: 229782440
},
{
date: new Date('2014-07-14'),
open: 95.86,
high: 97.1,
low: 92.57,
close: 94.43,
volume: 248104390
},
{
date: new Date('2014-07-21'),
open: 94.99,
high: 97.88,
low: 93.72,
close: 97.671,
volume: 273021350
},
{
date: new Date('2014-07-28'),
open: 97.82,
high: 99.44,
low: 94.81,
close: 96.13,
volume: 235868530
},
{
date: new Date('2014-08-04'),
open: 96.37,
high: 96.58,
low: 93.28,
close: 94.74,
volume: 222522120
},
{
date: new Date('2014-08-11'),
open: 95.27,
high: 98.19,
low: 94.8355,
close: 97.98,
volume: 178806580
},
{
date: new Date('2014-08-18'),
open: 98.49,
high: 101.47,
low: 97.98,
close: 101.32,
volume: 246446280
},
{
date: new Date('2014-08-25'),
open: 101.79,
high: 102.9,
low: 100.7,
close: 102.5,
volume: 232858250
},
{
date: new Date('2014-09-01'),
open: 103.06,
high: 103.74,
low: 97.79,
close: 98.97,
volume: 322045910
},
{
date: new Date('2014-09-08'),
open: 99.3,
high: 103.08,
low: 96.14,
close: 101.66,
volume: 460851840
},
{
date: new Date('2014-09-15'),
open: 102.81,
high: 103.05,
low: 98.89,
close: 100.96,
volume: 296425730
},
{
date: new Date('2014-09-22'),
open: 101.8,
high: 102.94,
low: 97.72,
close: 100.75,
volume: 337617850
},
{
date: new Date('2014-09-29'),
open: 98.65,
high: 101.54,
low: 98.04,
close: 99.62,
volume: 246900230
},
{
date: new Date('2014-10-06'),
open: 99.95,
high: 102.38,
low: 98.31,
close: 100.73,
volume: 279646740
},
{
date: new Date('2014-10-13'),
open: 101.33,
high: 101.78,
low: 95.18,
close: 97.67,
volume: 356408760
},
{
date: new Date('2014-10-20'),
open: 98.315,
high: 105.49,
low: 98.22,
close: 105.22,
volume: 355329760
},
{
date: new Date('2014-10-27'),
open: 104.85,
high: 108.04,
low: 104.7,
close: 108,
volume: 219443560
},
{
date: new Date('2014-11-03'),
open: 108.22,
high: 110.3,
low: 107.72,
close: 109.01,
volume: 199332700
},
{
date: new Date('2014-11-10'),
open: 109.02,
high: 114.19,
low: 108.4,
close: 114.18,
volume: 203976340
},
{
date: new Date('2014-11-17'),
open: 114.27,
high: 117.57,
low: 113.3,
close: 116.47,
volume: 232574480
},
{
date: new Date('2014-11-24'),
open: 116.85,
high: 119.75,
low: 116.62,
close: 118.93,
volume: 181158620
},
{
date: new Date('2014-12-01'),
open: 118.81,
high: 119.25,
low: 111.27,
close: 115,
volume: 266118290
},
{
date: new Date('2014-12-08'),
open: 114.1,
high: 114.85,
low: 109.35,
close: 109.73,
volume: 259311140
},
{
date: new Date('2014-12-15'),
open: 110.7,
high: 113.24,
low: 106.26,
close: 111.78,
volume: 326382400
},
{
date: new Date('2014-12-22'),
open: 112.16,
high: 114.52,
low: 111.97,
close: 113.99,
volume: 119248900
},
{
date: new Date('2014-12-29'),
open: 113.79,
high: 114.77,
low: 107.35,
close: 109.33,
volume: 151780640
},
{
date: new Date('2015-01-05'),
open: 108.29,
high: 113.25,
low: 104.63,
close: 112.01,
volume: 282690970
},
{
date: new Date('2015-01-12'),
open: 112.6,
high: 112.8,
low: 105.2,
close: 105.99,
volume: 303531140
},
{
date: new Date('2015-01-19'),
open: 107.84,
high: 113.75,
low: 106.5,
close: 112.98,
volume: 198362640
},
{
date: new Date('2015-01-26'),
open: 113.74,
high: 120,
low: 109.03,
close: 117.16,
volume: 461747290
},
{
date: new Date('2015-02-02'),
open: 118.05,
high: 120.51,
low: 116.08,
close: 118.93,
volume: 270190470
},
{
date: new Date('2015-02-09'),
open: 118.55,
high: 127.48,
low: 118.43,
close: 127.08,
volume: 301354470
},
{
date: new Date('2015-02-16'),
open: 127.49,
high: 129.5,
low: 126.92,
close: 129.495,
volume: 193883960
},
{
date: new Date('2015-02-23'),
open: 130.02,
high: 133.6,
low: 126.61,
close: 128.46,
volume: 369856960
},
{
date: new Date('2015-03-02'),
open: 129.25,
high: 130.28,
low: 125.76,
close: 126.6,
volume: 246472020
},
{
date: new Date('2015-03-09'),
open: 127.96,
high: 129.57,
low: 121.63,
close: 123.59,
volume: 325921230
},
{
date: new Date('2015-03-16'),
open: 123.88,
high: 129.2451,
low: 122.87,
close: 125.9,
volume: 266016400
},
{
date: new Date('2015-03-23'),
open: 127.12,
high: 128.04,
low: 122.6,
close: 123.25,
volume: 208731730
},
{
date: new Date('2015-03-30'),
open: 124.05,
high: 126.49,
low: 123.1,
close: 125.32,
volume: 161628950
},
{
date: new Date('2015-04-06'),
open: 124.47,
high: 128.1218,
low: 124.33,
close: 127.1,
volume: 181454510
},
{
date: new Date('2015-04-13'),
open: 128.37,
high: 128.57,
low: 124.46,
close: 124.75,
volume: 170090870
},
{
date: new Date('2015-04-20'),
open: 125.57,
high: 130.63,
low: 125.17,
close: 130.28,
volume: 206698310
},
{
date: new Date('2015-04-27'),
open: 132.31,
high: 134.54,
low: 124.58,
close: 128.95,
volume: 417115180
},
{
date: new Date('2015-05-04'),
open: 129.5,
high: 130.57,
low: 123.36,
close: 127.62,
volume: 270197900
},
{
date: new Date('2015-05-11'),
open: 127.39,
high: 129.49,
low: 124.82,
close: 128.77,
volume: 207858180
},
{
date: new Date('2015-05-18'),
open: 128.38,
high: 132.97,
low: 128.36,
close: 132.54,
volume: 216438970
},
{
date: new Date('2015-05-25'),
open: 132.6,
high: 132.91,
low: 129.12,
close: 130.28,
volume: 197468800
},
{
date: new Date('2015-06-01'),
open: 131.2,
high: 131.39,
low: 128.36,
close: 128.65,
volume: 170465550
},
{
date: new Date('2015-06-08'),
open: 128.9,
high: 130.18,
low: 125.62,
close: 127.17,
volume: 219812710
},
{
date: new Date('2015-06-15'),
open: 126.1,
high: 128.31,
low: 125.71,
close: 126.6,
volume: 197925030
},
{
date: new Date('2015-06-22'),
open: 127.49,
high: 129.8,
low: 126.51,
close: 126.75,
volume: 195104520
},
{
date: new Date('2015-06-29'),
open: 125.46,
high: 126.94,
low: 124.48,
close: 126.44,
volume: 150747530
},
{
date: new Date('2015-07-06'),
open: 124.94,
high: 126.23,
low: 119.22,
close: 123.28,
volume: 274904180
},
{
date: new Date('2015-07-13'),
open: 125.03,
high: 129.62,
low: 124.32,
close: 129.62,
volume: 188579340
},
{
date: new Date('2015-07-20'),
open: 130.97,
high: 132.97,
low: 121.99,
close: 124.5,
volume: 336423370
},
{
date: new Date('2015-07-27'),
open: 123.09,
high: 123.91,
low: 120.91,
close: 121.3,
volume: 191087840
},
{
date: new Date('2015-08-03'),
open: 121.5,
high: 122.57,
low: 112.1,
close: 115.52,
volume: 383883210
},
{
date: new Date('2015-08-10'),
open: 116.53,
high: 119.99,
low: 109.63,
close: 115.96,
volume: 344549090
},
{
date: new Date('2015-08-17'),
open: 116.04,
high: 117.65,
low: 105.645,
close: 105.76,
volume: 318855760
},
{
date: new Date('2015-08-24'),
open: 94.87,
high: 113.31,
low: 92,
close: 113.29,
volume: 498047270
},
{
date: new Date('2015-08-31'),
open: 112.03,
high: 114.53,
low: 107.36,
close: 109.27,
volume: 297402060
},
{
date: new Date('2015-09-07'),
open: 111.65,
high: 114.21,
low: 109.77,
close: 114.21,
volume: 251859600
},
{
date: new Date('2015-09-14'),
open: 116.58,
high: 116.89,
low: 111.87,
close: 113.45,
volume: 276281980
},
{
date: new Date('2015-09-21'),
open: 113.67,
high: 116.69,
low: 112.37,
close: 114.71,
volume: 238617740
},
{
date: new Date('2015-09-28'),
open: 113.85,
high: 114.57,
low: 107.31,
close: 110.38,
volume: 313017610
},
{
date: new Date('2015-10-05'),
open: 109.88,
high: 112.28,
low: 108.21,
close: 112.12,
volume: 261920950
},
{
date: new Date('2015-10-12'),
open: 112.73,
high: 112.75,
low: 109.56,
close: 111.04,
volume: 184208970
},
{
date: new Date('2015-10-19'),
open: 110.8,
high: 119.228,
low: 110.11,
close: 119.08,
volume: 221612230
},
{
date: new Date('2015-10-26'),
open: 118.08,
high: 121.22,
low: 113.99,
close: 119.5,
volume: 319660750
},
{
date: new Date('2015-11-02'),
open: 119.87,
high: 123.82,
low: 119.61,
close: 121.06,
volume: 194953700
},
{
date: new Date('2015-11-09'),
open: 120.96,
high: 121.81,
low: 112.27,
close: 112.34,
volume: 216054740
},
{
date: new Date('2015-11-16'),
open: 111.38,
high: 119.92,
low: 111,
close: 119.3,
volume: 189492500
},
{
date: new Date('2015-11-23'),
open: 119.27,
high: 119.73,
low: 117.12,
close: 117.81,
volume: 109582040
},
{
date: new Date('2015-11-30'),
open: 117.99,
high: 119.41,
low: 114.22,
close: 119.03,
volume: 205415620
},
{
date: new Date('2015-12-07'),
open: 118.98,
high: 119.86,
low: 112.851,
close: 113.18,
volume: 188609110
},
{
date: new Date('2015-12-14'),
open: 112.18,
high: 112.8,
low: 105.81,
close: 106.03,
volume: 314856190
},
{
date: new Date('2015-12-21'),
open: 107.28,
high: 109,
low: 105.57,
close: 108.03,
volume: 126450510
},
{
date: new Date('2015-12-28'),
open: 107.59,
high: 109.43,
low: 104.82,
close: 105.26,
volume: 123621760
},
{
date: new Date('2016-01-04'),
open: 102.61,
high: 105.85,
low: 96.43,
close: 96.96,
volume: 343000960
},
{
date: new Date('2016-01-11'),
open: 98.97,
high: 101.19,
low: 95.36,
close: 97.13,
volume: 303375940
},
{
date: new Date('2016-01-18'),
open: 98.41,
high: 101.46,
low: 93.42,
close: 101.42,
volume: 242982970
},
{
date: new Date('2016-01-25'),
open: 101.52,
high: 101.53,
low: 92.39,
close: 97.34,
volume: 376481100
},
{
date: new Date('2016-02-01'),
open: 96.47,
high: 97.33,
low: 93.69,
close: 94.02,
volume: 216608840
},
{
date: new Date('2016-02-08'),
open: 93.13,
high: 96.35,
low: 92.59,
close: 93.99,
volume: 230794620
},
{
date: new Date('2016-02-15'),
open: 95.02,
high: 98.89,
low: 94.61,
close: 96.04,
volume: 167001070
},
{
date: new Date('2016-02-22'),
open: 96.31,
high: 98.0237,
low: 93.32,
close: 96.91,
volume: 158759600
},
{
date: new Date('2016-02-29'),
open: 96.86,
high: 103.75,
low: 96.65,
close: 103.01,
volume: 201482180
},
{
date: new Date('2016-03-07'),
open: 102.39,
high: 102.83,
low: 100.15,
close: 102.26,
volume: 155437450
},
{
date: new Date('2016-03-14'),
open: 101.91,
high: 106.5,
low: 101.78,
close: 105.92,
volume: 181323210
},
{
date: new Date('2016-03-21'),
open: 105.93,
high: 107.65,
low: 104.89,
close: 105.67,
volume: 119054360
},
{
date: new Date('2016-03-28'),
open: 106,
high: 110.42,
low: 104.88,
close: 109.99,
volume: 147641240
},
{
date: new Date('2016-04-04'),
open: 110.42,
high: 112.19,
low: 108.121,
close: 108.66,
volume: 145351790
},
{
date: new Date('2016-04-11'),
open: 108.97,
high: 112.39,
low: 108.66,
close: 109.85,
volume: 161518860
},
{
date: new Date('2016-04-18'),
open: 108.89,
high: 108.95,
low: 104.62,
close: 105.68,
volume: 188775240
},
{
date: new Date('2016-04-25'),
open: 105,
high: 105.65,
low: 92.51,
close: 93.74,
volume: 345910030
},
{
date: new Date('2016-05-02'),
open: 93.965,
high: 95.9,
low: 91.85,
close: 92.72,
volume: 225114110
},
{
date: new Date('2016-05-09'),
open: 93,
high: 93.77,
low: 89.47,
close: 90.52,
volume: 215596350
},
{
date: new Date('2016-05-16'),
open: 92.39,
high: 95.43,
low: 91.65,
close: 95.22,
volume: 212312980
},
{
date: new Date('2016-05-23'),
open: 95.87,
high: 100.73,
low: 95.67,
close: 100.35,
volume: 203902650
},
{
date: new Date('2016-05-30'),
open: 99.6,
high: 100.4,
low: 96.63,
close: 97.92,
volume: 140064910
},
{
date: new Date('2016-06-06'),
open: 97.99,
high: 101.89,
low: 97.55,
close: 98.83,
volume: 124731320
},
{
date: new Date('2016-06-13'),
open: 98.69,
high: 99.12,
low: 95.3,
close: 95.33,
volume: 191017280
},
{
date: new Date('2016-06-20'),
open: 96,
high: 96.89,
low: 92.65,
close: 93.4,
volume: 206149160
},
{
date: new Date('2016-06-27'),
open: 93,
high: 96.465,
low: 91.5,
close: 95.89,
volume: 184254460
},
{
date: new Date('2016-07-04'),
open: 95.39,
high: 96.89,
low: 94.37,
close: 96.68,
volume: 111769640
},
{
date: new Date('2016-07-11'),
open: 96.75,
high: 99.3,
low: 96.73,
close: 98.78,
volume: 142244590
},
{
date: new Date('2016-07-18'),
open: 98.7,
high: 101,
low: 98.31,
close: 98.66,
volume: 147358320
},
{
date: new Date('2016-07-25'),
open: 98.25,
high: 104.55,
low: 96.42,
close: 104.21,
volume: 252358930
},
{
date: new Date('2016-08-01'),
open: 104.41,
high: 107.65,
low: 104,
close: 107.48,
volume: 168265830
},
{
date: new Date('2016-08-08'),
open: 107.52,
high: 108.94,
low: 107.16,
close: 108.18,
volume: 124255340
},
{
date: new Date('2016-08-15'),
open: 108.14,
high: 110.23,
low: 108.08,
close: 109.36,
volume: 131814920
},
{
date: new Date('2016-08-22'),
open: 108.86,
high: 109.32,
low: 106.31,
close: 106.94,
volume: 123373540
},
{
date: new Date('2016-08-29'),
open: 106.62,
high: 108,
low: 105.5,
close: 107.73,
volume: 134426100
},
{
date: new Date('2016-09-05'),
open: 107.9,
high: 108.76,
low: 103.13,
close: 103.13,
volume: 168312530
},
{
date: new Date('2016-09-12'),
open: 102.65,
high: 116.13,
low: 102.53,
close: 114.92,
volume: 388543710
},
{
date: new Date('2016-09-19'),
open: 115.19,
high: 116.18,
low: 111.55,
close: 112.71,
volume: 200842480
},
{
date: new Date('2016-09-26'),
open: 111.64,
high: 114.64,
low: 111.55,
close: 113.05,
volume: 156186800
},
{
date: new Date('2016-10-03'),
open: 112.71,
high: 114.56,
low: 112.28,
close: 114.06,
volume: 125587350
},
{
date: new Date('2016-10-10'),
open: 115.02,
high: 118.69,
low: 114.72,
close: 117.63,
volume: 208231690
},
{
date: new Date('2016-10-17'),
open: 117.33,
high: 118.21,
low: 113.8,
close: 116.6,
volume: 114497020
},
{
date: new Date('2016-10-24'),
open: 117.1,
high: 118.36,
low: 113.31,
close: 113.72,
volume: 204530120
},
{
date: new Date('2016-10-31'),
open: 113.65,
high: 114.23,
low: 108.11,
close: 108.84,
volume: 155287280
},
{
date: new Date('2016-11-07'),
open: 110.08,
high: 111.72,
low: 105.83,
close: 108.43,
volume: 206825070
},
{
date: new Date('2016-11-14'),
open: 107.71,
high: 110.54,
low: 104.08,
close: 110.06,
volume: 197790040
},
{
date: new Date('2016-11-21'),
open: 110.12,
high: 112.42,
low: 110.01,
close: 111.79,
volume: 93992370
},
{
date: new Date('2016-11-28'),
open: 111.43,
high: 112.465,
low: 108.85,
close: 109.9,
volume: 155229390
},
{
date: new Date('2016-12-05'),
open: 110,
high: 114.7,
low: 108.25,
close: 113.95,
volume: 151624650
},
{
date: new Date('2016-12-12'),
open: 113.29,
high: 116.73,
low: 112.49,
close: 115.97,
volume: 194003220
},
{
date: new Date('2016-12-19'),
open: 115.8,
high: 117.5,
low: 115.59,
close: 116.52,
volume: 113106370
},
{
date: new Date('2016-12-26'),
open: 116.52,
high: 118.0166,
low: 115.43,
close: 115.82,
volume: 84354060
},
{
date: new Date('2017-01-02'),
open: 115.8,
high: 118.16,
low: 114.76,
close: 117.91,
volume: 103680760
},
{
date: new Date('2017-01-09'),
open: 117.95,
high: 119.93,
low: 117.94,
close: 119.04,
volume: 138446660
},
{
date: new Date('2017-01-16'),
open: 118.34,
high: 120.5,
low: 118.22,
close: 120,
volume: 113576380
},
{
date: new Date('2017-01-23'),
open: 120,
high: 122.44,
low: 119.5,
close: 121.95,
volume: 124406640
},
{
date: new Date('2017-01-30'),
open: 120.93,
high: 130.49,
low: 120.62,
close: 129.08,
volume: 248063580
},
{
date: new Date('2017-02-06'),
open: 129.13,
high: 132.94,
low: 128.9,
close: 132.12,
volume: 136252280
},
{
date: new Date('2017-02-13'),
open: 133.08,
high: 136.27,
low: 132.75,
close: 135.72,
volume: 136326260
},
{
date: new Date('2017-02-20'),
open: 136.23,
high: 137.48,
low: 135.28,
close: 136.66,
volume: 87773190
},
{
date: new Date('2017-02-27'),
open: 137.14,
high: 140.2786,
low: 136.28,
close: 139.78,
volume: 127757050
},
{
date: new Date('2017-03-06'),
open: 139.365,
high: 139.98,
low: 137.05,
close: 139.14,
volume: 99061270
},
{
date: new Date('2017-03-13'),
open: 138.85,
high: 141.02,
low: 138.82,
close: 139.99,
volume: 120881720
},
{
date: new Date('2017-03-20'),
open: 140.4,
high: 142.8,
low: 139.73,
close: 140.64,
volume: 129178500
},
{
date: new Date('2017-03-27'),
open: 139.39,
high: 144.5,
low: 138.62,
close: 143.66,
volume: 126819590
},
{
date: new Date('2017-04-03'),
open: 143.71,
high: 145.46,
low: 143.05,
close: 143.34,
volume: 105274540
},
{
date: new Date('2017-04-10'),
open: 143.6,
high: 143.8792,
low: 140.06,
close: 141.05,
volume: 87342130
},
{
date: new Date('2017-04-17'),
open: 141.48,
high: 142.92,
low: 140.45,
close: 142.27,
volume: 89092650
},
{
date: new Date('2017-04-24'),
open: 143.5,
high: 144.9,
low: 143.18,
close: 143.65,
volume: 90423600
},
{
date: new Date('2017-05-01'),
open: 145.1,
high: 148.98,
low: 144.27,
close: 148.96,
volume: 173861760
},
{
date: new Date('2017-05-08'),
open: 149.03,
high: 156.42,
low: 149.03,
close: 156.1,
volume: 173087500
},
{
date: new Date('2017-05-15'),
open: 156.01,
high: 156.65,
low: 149.71,
close: 153.06,
volume: 156993820
},
{
date: new Date('2017-05-22'),
open: 154,
high: 154.9,
low: 152.67,
close: 153.61,
volume: 103151450
},
{
date: new Date('2017-05-29'),
open: 153.42,
high: 155.45,
low: 152.22,
close: 155.45,
volume: 88670120
},
{
date: new Date('2017-06-05'),
open: 154.34,
high: 155.98,
low: 146.02,
close: 148.98,
volume: 158814040
},
{
date: new Date('2017-06-12'),
open: 145.74,
high: 147.5,
low: 142.2,
close: 142.27,
volume: 219638930
},
{
date: new Date('2017-06-19'),
open: 143.66,
high: 147.16,
low: 143.66,
close: 146.28,
volume: 132832660
},
{
date: new Date('2017-06-26'),
open: 147.17,
high: 148.28,
low: 142.28,
close: 144.02,
volume: 126890110
},
{
date: new Date('2017-07-03'),
open: 144.88,
high: 145.3001,
low: 142.41,
close: 144.18,
volume: 78465450
},
{
date: new Date('2017-07-10'),
open: 144.11,
high: 149.33,
low: 143.37,
close: 149.04,
volume: 109759170
},
{
date: new Date('2017-07-17'),
open: 148.82,
high: 151.74,
low: 148.57,
close: 150.27,
volume: 104744470
},
{
date: new Date('2017-07-24'),
open: 150.58,
high: 153.99,
low: 147.3,
close: 149.5,
volume: 105536280
},
{
date: new Date('2017-07-31'),
open: 149.9,
high: 159.75,
low: 148.13,
close: 156.39,
volume: 170204830
},
{
date: new Date('2017-08-07'),
open: 157.06,
high: 161.83,
low: 154.63,
close: 157.48,
volume: 149860480
},
{
date: new Date('2017-08-14'),
open: 159.32,
high: 162.51,
low: 156.72,
close: 157.5,
volume: 133829670
},
{
date: new Date('2017-08-21'),
open: 157.5,
high: 160.74,
low: 155.1101,
close: 159.86,
volume: 112238670
},
{
date: new Date('2017-08-28'),
open: 160.14,
high: 164.94,
low: 159.93,
close: 164.05,
volume: 125610990
},
{
date: new Date('2017-09-04'),
open: 163.75,
high: 164.25,
low: 158.53,
close: 158.63,
volume: 101419110
},
{
date: new Date('2017-09-11'),
open: 160.5,
high: 163.96,
low: 157.91,
close: 159.88,
volume: 220431100
},
{
date: new Date('2017-09-18'),
open: 160.11,
high: 160.5,
low: 157.995,
close: 158.67,
volume: 27939544
}
];
}); You can add a title using title property to the Stock Chart to provide quick information to the user about the data plotted in the Chart.
<template>
<div id="app">
<ejs-stockchart :valueType='valueType' :labelFormat='labelFormat' :title='title'>
<e-stockchart-series-collection>
<e-stockchart-series :dataSource='seriesData' type='Candle' xName='date' low='low' high='high' open='open' close='close' width=2>
</e-stockchart-series>
</e-stockchart-series-collection>
</ejs-stockchart>
</div>
</template>
<script>
import Vue from "vue";
import { StockChartPlugin, DateTime, CandleSeries, RangeTooltip, LineSeries,SplineSeries,
HiloOpenCloseSeries, HiloSeries, RangeAreaSeries, Trendlines, EmaIndicator, RsiIndicator,BollingerBands, TmaIndicator, MomentumIndicator, SmaIndicator, AtrIndicator, AccumulationDistributionIndicator, MacdIndicator, StochasticIndicator, Export} from "@syncfusion/ej2-vue-charts";
import { chartData } from "./datasource.js";
Vue.use(StockChartPlugin);
export default {
data() {
return {
valueType: 'DateTime',
seriesData: chartData,
labelFormat: 'MMM-yy',
title: 'Sales Analysis'
};
},
provide: {
stockChart: [
DateTime, RangeTooltip, LineSeries, SplineSeries, CandleSeries,HiloOpenCloseSeries, HiloSeries, RangeAreaSeries, Trendlines, EmaIndicator, RsiIndicator,
BollingerBands, TmaIndicator, MomentumIndicator, SmaIndicator, AtrIndicator, AccumulationDistributionIndicator, MacdIndicator, StochasticIndicator, Export
]
}
};
</script>define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.series1 = [];
var point1;
var value = 40;
var i;
for (i = 1; i < 500; i++) {
if (Math.random() > .5) {
value += Math.random();
}
else {
value -= Math.random();
}
point1 = { x: new Date(1950, i + 2, i), y: value.toFixed(1) };
exports.series1.push(point1);
}
exports.trackData = [
{ x: new Date(2000, 2, 11), y: 15, y1: 39, y2: 60, y3: 75, y4: 85 },
{ x: new Date(2000, 9, 14), y: 20, y1: 30, y2: 55, y3: 75, y4: 83 },
{ x: new Date(2001, 2, 11), y: 25, y1: 28, y2: 48, y3: 68, y4: 85 },
{ x: new Date(2001, 9, 16), y: 21, y1: 35, y2: 57, y3: 75, y4: 87 },
{ x: new Date(2002, 2, 7), y: 13, y1: 39, y2: 62, y3: 71, y4: 82 },
{ x: new Date(2002, 9, 7), y: 18, y1: 41, y2: 64, y3: 69, y4: 74 },
{ x: new Date(2003, 2, 11), y: 24, y1: 45, y2: 57, y3: 81, y4: 73 },
{ x: new Date(2003, 9, 14), y: 23, y1: 48, y2: 53, y3: 84, y4: 75 },
{ x: new Date(2004, 2, 6), y: 19, y1: 54, y2: 63, y3: 85, y4: 73 },
{ x: new Date(2004, 9, 6), y: 31, y1: 55, y2: 50, y3: 87, y4: 60 },
{ x: new Date(2005, 2, 11), y: 39, y1: 57, y2: 66, y3: 75, y4: 48 },
{ x: new Date(2005, 9, 11), y: 50, y1: 60, y2: 65, y3: 70, y4: 55 },
{ x: new Date(2006, 2, 11), y: 24, y1: 60, y2: 79, y3: 85, y4: 40 }
];
exports.chartData = [
{
date: new Date('2012-04-02'),
open: 85.9757,
high: 90.6657,
low: 85.7685,
close: 90.5257,
volume: 660187068
},
{
date: new Date('2012-04-09'),
open: 89.4471,
high: 92,
low: 86.2157,
close: 86.4614,
volume: 912634864
},
{
date: new Date('2012-04-16'),
open: 87.1514,
high: 88.6071,
low: 81.4885,
close: 81.8543,
volume: 1221746066
},
{
date: new Date('2012-04-23'),
open: 81.5157,
high: 88.2857,
low: 79.2857,
close: 86.1428,
volume: 965935749
},
{
date: new Date('2012-04-30'),
open: 85.4,
high: 85.4857,
low: 80.7385,
close: 80.75,
volume: 615249365
},
{
date: new Date('2012-05-07'),
open: 80.2143,
high: 82.2685,
low: 79.8185,
close: 80.9585,
volume: 541742692
},
{
date: new Date('2012-05-14'),
open: 80.3671,
high: 81.0728,
low: 74.5971,
close: 75.7685,
volume: 708126233
},
{
date: new Date('2012-05-21'),
open: 76.3571,
high: 82.3571,
low: 76.2928,
close: 80.3271,
volume: 682076215
},
{
date: new Date('2012-05-28'),
open: 81.5571,
high: 83.0714,
low: 80.0743,
close: 80.1414,
volume: 480059584
},
{
date: new Date('2012-06-04'),
open: 80.2143,
high: 82.9405,
low: 78.3571,
close: 82.9028,
volume: 517577005
},
{
date: new Date('2012-06-11'),
open: 83.96,
high: 84.0714,
low: 80.9571,
close: 82.0185,
volume: 499693120
},
{
date: new Date('2012-06-18'),
open: 81.5657,
high: 84.2857,
low: 81.4814,
close: 83.1571,
volume: 442172142
},
{
date: new Date('2012-06-25'),
open: 82.4714,
high: 83.4285,
low: 80.8014,
close: 83.4285,
volume: 371529102
},
{
date: new Date('2012-07-02'),
open: 83.5328,
high: 87.7628,
low: 83.3714,
close: 86.5543,
volume: 385906790
},
{
date: new Date('2012-07-09'),
open: 86.4714,
high: 88.5528,
low: 84.6685,
close: 86.4243,
volume: 524235196
},
{
date: new Date('2012-07-16'),
open: 86.4457,
high: 87.9071,
low: 86.1643,
close: 86.3285,
volume: 419537217
},
{
date: new Date('2012-07-23'),
open: 84.9143,
high: 87.0971,
low: 81.4285,
close: 83.5943,
volume: 680773023
},
{
date: new Date('2012-07-30'),
open: 84.4171,
high: 88.2828,
low: 83.9743,
close: 87.9571,
volume: 475109323
},
{
date: new Date('2012-08-06'),
open: 88.1843,
high: 89.2857,
low: 87.8943,
close: 88.8143,
volume: 312826308
},
{
date: new Date('2012-08-13'),
open: 89.0557,
high: 92.5985,
low: 89.0357,
close: 92.5871,
volume: 392867193
},
{
date: new Date('2012-08-20'),
open: 92.8585,
high: 96.4114,
low: 92.5871,
close: 94.746,
volume: 708614692
},
{
date: new Date('2012-08-27'),
open: 97.1414,
high: 97.2671,
low: 93.8928,
close: 95.0343,
volume: 383807217
},
{
date: new Date('2012-09-03'),
open: 95.1085,
high: 97.4971,
low: 94.9285,
close: 97.2057,
volume: 355722047
},
{
date: new Date('2012-09-10'),
open: 97.2071,
high: 99.5685,
low: 93.7143,
close: 98.7543,
volume: 724042207
},
{
date: new Date('2012-09-17'),
open: 99.9071,
high: 100.7243,
low: 99.0885,
close: 100.0135,
volume: 500166040
},
{
date: new Date('2012-09-24'),
open: 98.1228,
high: 99.3028,
low: 94.3357,
close: 95.3007,
volume: 714507994
},
{
date: new Date('2012-10-01'),
open: 95.88,
high: 96.6785,
low: 92.95,
close: 93.2271,
volume: 638543622
},
{
date: new Date('2012-10-08'),
open: 92.4114,
high: 92.5085,
low: 89.0785,
close: 89.9591,
volume: 747127724
},
{
date: new Date('2012-10-15'),
open: 90.3357,
high: 93.2557,
low: 87.0885,
close: 87.12,
volume: 646996264
},
{
date: new Date('2012-10-22'),
open: 87.4885,
high: 90.7685,
low: 84.4285,
close: 86.2857,
volume: 866040680
},
{
date: new Date('2012-10-29'),
open: 84.9828,
high: 86.1428,
low: 82.1071,
close: 82.4,
volume: 367371310
},
{
date: new Date('2012-11-05'),
open: 83.3593,
high: 84.3914,
low: 76.2457,
close: 78.1514,
volume: 919719846
},
{
date: new Date('2012-11-12'),
open: 79.1643,
high: 79.2143,
low: 72.25,
close: 75.3825,
volume: 894382149
},
{
date: new Date('2012-11-19'),
open: 77.2443,
high: 81.7143,
low: 77.1257,
close: 81.6428,
volume: 527416747
},
{
date: new Date('2012-11-26'),
open: 82.2714,
high: 84.8928,
low: 81.7514,
close: 83.6114,
volume: 646467974
},
{
date: new Date('2012-12-03'),
open: 84.8071,
high: 84.9414,
low: 74.09,
close: 76.1785,
volume: 980096264
},
{
date: new Date('2012-12-10'),
open: 75,
high: 78.5085,
low: 72.2257,
close: 72.8277,
volume: 835016110
},
{
date: new Date('2012-12-17'),
open: 72.7043,
high: 76.4143,
low: 71.6043,
close: 74.19,
volume: 726150329
},
{
date: new Date('2012-12-24'),
open: 74.3357,
high: 74.8928,
low: 72.0943,
close: 72.7984,
volume: 321104733
},
{
date: new Date('2012-12-31'),
open: 72.9328,
high: 79.2857,
low: 72.7143,
close: 75.2857,
volume: 540854882
},
{
date: new Date('2013-01-07'),
open: 74.5714,
high: 75.9843,
low: 73.6,
close: 74.3285,
volume: 574594262
},
{
date: new Date('2013-01-14'),
open: 71.8114,
high: 72.9643,
low: 69.0543,
close: 71.4285,
volume: 803105621
},
{
date: new Date('2013-01-21'),
open: 72.08,
high: 73.57,
low: 62.1428,
close: 62.84,
volume: 971912560
},
{
date: new Date('2013-01-28'),
open: 62.5464,
high: 66.0857,
low: 62.2657,
close: 64.8028,
volume: 656549587
},
{
date: new Date('2013-02-04'),
open: 64.8443,
high: 68.4014,
low: 63.1428,
close: 67.8543,
volume: 743778993
},
{
date: new Date('2013-02-11'),
open: 68.0714,
high: 69.2771,
low: 65.7028,
close: 65.7371,
volume: 585292366
},
{
date: new Date('2013-02-18'),
open: 65.8714,
high: 66.1043,
low: 63.26,
close: 64.4014,
volume: 421766997
},
{
date: new Date('2013-02-25'),
open: 64.8357,
high: 65.0171,
low: 61.4257,
close: 61.4957,
volume: 582741215
},
{
date: new Date('2013-03-04'),
open: 61.1143,
high: 62.2043,
low: 59.8571,
close: 61.6743,
volume: 632856539
},
{
date: new Date('2013-03-11'),
open: 61.3928,
high: 63.4614,
low: 60.7343,
close: 63.38,
volume: 572066981
},
{
date: new Date('2013-03-18'),
open: 63.0643,
high: 66.0143,
low: 63.0286,
close: 65.9871,
volume: 552156035
},
{
date: new Date('2013-03-25'),
open: 66.3843,
high: 67.1357,
low: 63.0886,
close: 63.2371,
volume: 390762517
},
{
date: new Date('2013-04-01'),
open: 63.1286,
high: 63.3854,
low: 59.9543,
close: 60.4571,
volume: 505273732
},
{
date: new Date('2013-04-08'),
open: 60.6928,
high: 62.57,
low: 60.3557,
close: 61.4,
volume: 387323550
},
{
date: new Date('2013-04-15'),
open: 61,
high: 61.1271,
low: 55.0143,
close: 55.79,
volume: 709945604
},
{
date: new Date('2013-04-22'),
open: 56.0914,
high: 59.8241,
low: 55.8964,
close: 59.6007,
volume: 787007506
},
{
date: new Date('2013-04-29'),
open: 60.0643,
high: 64.7471,
low: 60,
close: 64.2828,
volume: 655020017
},
{
date: new Date('2013-05-06'),
open: 65.1014,
high: 66.5357,
low: 64.3543,
close: 64.71,
volume: 545488533
},
{
date: new Date('2013-05-13'),
open: 64.5014,
high: 65.4143,
low: 59.8428,
close: 61.8943,
volume: 633706550
},
{
date: new Date('2013-05-20'),
open: 61.7014,
high: 64.05,
low: 61.4428,
close: 63.5928,
volume: 494379068
},
{
date: new Date('2013-05-27'),
open: 64.2714,
high: 65.3,
low: 62.7714,
close: 64.2478,
volume: 362907830
},
{
date: new Date('2013-06-03'),
open: 64.39,
high: 64.9186,
low: 61.8243,
close: 63.1158,
volume: 443249793
},
{
date: new Date('2013-06-10'),
open: 63.5328,
high: 64.1541,
low: 61.2143,
close: 61.4357,
volume: 389680092
},
{
date: new Date('2013-06-17'),
open: 61.6343,
high: 62.2428,
low: 58.3,
close: 59.0714,
volume: 400384818
},
{
date: new Date('2013-06-24'),
open: 58.2,
high: 58.38,
low: 55.5528,
close: 56.6471,
volume: 519314826
},
{
date: new Date('2013-07-01'),
open: 57.5271,
high: 60.47,
low: 57.3171,
close: 59.6314,
volume: 343878841
},
{
date: new Date('2013-07-08'),
open: 60.0157,
high: 61.3986,
low: 58.6257,
close: 60.93,
volume: 384106977
},
{
date: new Date('2013-07-15'),
open: 60.7157,
high: 62.1243,
low: 60.5957,
close: 60.7071,
volume: 286035513
},
{
date: new Date('2013-07-22'),
open: 61.3514,
high: 63.5128,
low: 59.8157,
close: 62.9986,
volume: 395816827
},
{
date: new Date('2013-07-29'),
open: 62.9714,
high: 66.1214,
low: 62.8857,
close: 66.0771,
volume: 339668858
},
{
date: new Date('2013-08-05'),
open: 66.3843,
high: 67.4128,
low: 64.8071,
close: 64.9214,
volume: 368486781
},
{
date: new Date('2013-08-12'),
open: 65.2657,
high: 72.0357,
low: 65.2328,
close: 71.7614,
volume: 711563584
},
{
date: new Date('2013-08-19'),
open: 72.0485,
high: 73.3914,
low: 71.1714,
close: 71.5743,
volume: 417119660
},
{
date: new Date('2013-08-26'),
open: 71.5357,
high: 72.8857,
low: 69.4286,
close: 69.6023,
volume: 392805888
},
{
date: new Date('2013-09-02'),
open: 70.4428,
high: 71.7485,
low: 69.6214,
close: 71.1743,
volume: 317244380
},
{
date: new Date('2013-09-09'),
open: 72.1428,
high: 72.56,
low: 66.3857,
close: 66.4143,
volume: 669376320
},
{
date: new Date('2013-09-16'),
open: 65.8571,
high: 68.3643,
low: 63.8886,
close: 66.7728,
volume: 625142677
},
{
date: new Date('2013-09-23'),
open: 70.8714,
high: 70.9871,
low: 68.6743,
close: 68.9643,
volume: 475274537
},
{
date: new Date('2013-09-30'),
open: 68.1786,
high: 70.3357,
low: 67.773,
close: 69.0043,
volume: 368198906
},
{
date: new Date('2013-10-07'),
open: 69.5086,
high: 70.5486,
low: 68.3257,
close: 70.4017,
volume: 361437661
},
{
date: new Date('2013-10-14'),
open: 69.9757,
high: 72.7514,
low: 69.9071,
close: 72.6985,
volume: 342694379
},
{
date: new Date('2013-10-21'),
open: 73.11,
high: 76.1757,
low: 72.5757,
close: 75.1368,
volume: 490458997
},
{
date: new Date('2013-10-28'),
open: 75.5771,
high: 77.0357,
low: 73.5057,
close: 74.29,
volume: 508130174
},
{
date: new Date('2013-11-04'),
open: 74.4428,
high: 75.555,
low: 73.1971,
close: 74.3657,
volume: 318132218
},
{
date: new Date('2013-11-11'),
open: 74.2843,
high: 75.6114,
low: 73.4871,
close: 74.9987,
volume: 306711021
},
{
date: new Date('2013-11-18'),
open: 74.9985,
high: 75.3128,
low: 73.3814,
close: 74.2571,
volume: 282778778
},
{
date: new Date('2013-11-25'),
open: 74.4314,
high: 79.7614,
low: 74.4285,
close: 79.4385,
volume: 327405302
},
{
date: new Date('2013-12-02'),
open: 79.7143,
high: 82.1622,
low: 78.6885,
close: 80.0028,
volume: 522055676
},
{
date: new Date('2013-12-09'),
open: 80.1286,
high: 81.5671,
low: 79.0957,
close: 79.2043,
volume: 387271099
},
{
date: new Date('2013-12-16'),
open: 79.2885,
high: 80.377,
low: 76.9714,
close: 78.4314,
volume: 457580848
},
{
date: new Date('2013-12-23'),
open: 81.1428,
high: 81.6971,
low: 79.9285,
close: 80.0128,
volume: 274253503
},
{
date: new Date('2013-12-30'),
open: 79.6371,
high: 80.1828,
low: 77.2043,
close: 77.2828,
volume: 275734934
},
{
date: new Date('2014-01-06'),
open: 76.7785,
high: 78.1228,
low: 75.8728,
close: 76.1343,
volume: 393462075
},
{
date: new Date('2014-01-13'),
open: 75.7014,
high: 80.0285,
low: 75.6971,
close: 77.2385,
volume: 439557459
},
{
date: new Date('2014-01-20'),
open: 77.2843,
high: 79.6128,
low: 77.2028,
close: 78.01,
volume: 385585525
},
{
date: new Date('2014-01-27'),
open: 78.5814,
high: 79.2571,
low: 70.5071,
close: 71.5143,
volume: 813702575
},
{
date: new Date('2014-02-03'),
open: 71.8014,
high: 74.7042,
low: 71.3286,
close: 74.24,
volume: 434447570
},
{
date: new Date('2014-02-10'),
open: 74.0943,
high: 77.9971,
low: 74,
close: 77.7128,
volume: 379011880
},
{
date: new Date('2014-02-17'),
open: 78,
high: 78.7414,
low: 74.9428,
close: 75.0357,
volume: 289609443
},
{
date: new Date('2014-02-24'),
open: 74.7357,
high: 76.1071,
low: 73.6571,
close: 75.1771,
volume: 367569649
},
{
date: new Date('2014-03-03'),
open: 74.7743,
high: 76.3928,
low: 74.6871,
close: 75.7771,
volume: 275972640
},
{
date: new Date('2014-03-10'),
open: 75.48,
high: 77.0943,
low: 74.7143,
close: 74.9557,
volume: 287729528
},
{
date: new Date('2014-03-17'),
open: 75.3857,
high: 76.6057,
low: 75.0286,
close: 76.1243,
volume: 303531061
},
{
date: new Date('2014-03-24'),
open: 76.9171,
high: 78.4285,
low: 76.3214,
close: 76.6943,
volume: 338387221
},
{
date: new Date('2014-03-31'),
open: 77.0328,
high: 77.64,
low: 75.7971,
close: 75.9743,
volume: 245749459
},
{
date: new Date('2014-04-07'),
open: 75.4314,
high: 76.0343,
low: 73.8771,
close: 74.23,
volume: 312008139
},
{
date: new Date('2014-04-14'),
open: 74.5571,
high: 75.3943,
low: 73.0471,
close: 74.9914,
volume: 241209047
},
{
date: new Date('2014-04-21'),
open: 75.0485,
high: 81.7128,
low: 74.8514,
close: 81.7057,
volume: 476651465
},
{
date: new Date('2014-04-28'),
open: 81.8285,
high: 85.6328,
low: 81.7928,
close: 84.6543,
volume: 473712709
},
{
date: new Date('2014-05-05'),
open: 84.3057,
high: 86.3442,
low: 82.9043,
close: 83.6489,
volume: 365535013
},
{
date: new Date('2014-05-12'),
open: 83.9271,
high: 85.3614,
low: 83.6285,
close: 85.3585,
volume: 260931637
},
{
date: new Date('2014-05-19'),
open: 85.4071,
high: 87.8184,
low: 85.3328,
close: 87.7328,
volume: 294298274
},
{
date: new Date('2014-05-26'),
open: 87.9828,
high: 92.0243,
low: 87.9471,
close: 90.4285,
volume: 400232120
},
{
date: new Date('2014-06-02'),
open: 90.5657,
high: 93.0371,
low: 88.9285,
close: 92.2243,
volume: 412158024
},
{
date: new Date('2014-06-09'),
open: 92.7,
high: 95.05,
low: 90.88,
close: 91.28,
volume: 292422550
},
{
date: new Date('2014-06-16'),
open: 91.51,
high: 92.75,
low: 90.9,
close: 90.91,
volume: 234325480
},
{
date: new Date('2014-06-23'),
open: 91.32,
high: 92,
low: 89.65,
close: 91.98,
volume: 213712160
},
{
date: new Date('2014-06-30'),
open: 92.1,
high: 94.1,
low: 92.09,
close: 94.03,
volume: 138936570
},
{
date: new Date('2014-07-07'),
open: 94.14,
high: 96.8,
low: 93.52,
close: 95.22,
volume: 229782440
},
{
date: new Date('2014-07-14'),
open: 95.86,
high: 97.1,
low: 92.57,
close: 94.43,
volume: 248104390
},
{
date: new Date('2014-07-21'),
open: 94.99,
high: 97.88,
low: 93.72,
close: 97.671,
volume: 273021350
},
{
date: new Date('2014-07-28'),
open: 97.82,
high: 99.44,
low: 94.81,
close: 96.13,
volume: 235868530
},
{
date: new Date('2014-08-04'),
open: 96.37,
high: 96.58,
low: 93.28,
close: 94.74,
volume: 222522120
},
{
date: new Date('2014-08-11'),
open: 95.27,
high: 98.19,
low: 94.8355,
close: 97.98,
volume: 178806580
},
{
date: new Date('2014-08-18'),
open: 98.49,
high: 101.47,
low: 97.98,
close: 101.32,
volume: 246446280
},
{
date: new Date('2014-08-25'),
open: 101.79,
high: 102.9,
low: 100.7,
close: 102.5,
volume: 232858250
},
{
date: new Date('2014-09-01'),
open: 103.06,
high: 103.74,
low: 97.79,
close: 98.97,
volume: 322045910
},
{
date: new Date('2014-09-08'),
open: 99.3,
high: 103.08,
low: 96.14,
close: 101.66,
volume: 460851840
},
{
date: new Date('2014-09-15'),
open: 102.81,
high: 103.05,
low: 98.89,
close: 100.96,
volume: 296425730
},
{
date: new Date('2014-09-22'),
open: 101.8,
high: 102.94,
low: 97.72,
close: 100.75,
volume: 337617850
},
{
date: new Date('2014-09-29'),
open: 98.65,
high: 101.54,
low: 98.04,
close: 99.62,
volume: 246900230
},
{
date: new Date('2014-10-06'),
open: 99.95,
high: 102.38,
low: 98.31,
close: 100.73,
volume: 279646740
},
{
date: new Date('2014-10-13'),
open: 101.33,
high: 101.78,
low: 95.18,
close: 97.67,
volume: 356408760
},
{
date: new Date('2014-10-20'),
open: 98.315,
high: 105.49,
low: 98.22,
close: 105.22,
volume: 355329760
},
{
date: new Date('2014-10-27'),
open: 104.85,
high: 108.04,
low: 104.7,
close: 108,
volume: 219443560
},
{
date: new Date('2014-11-03'),
open: 108.22,
high: 110.3,
low: 107.72,
close: 109.01,
volume: 199332700
},
{
date: new Date('2014-11-10'),
open: 109.02,
high: 114.19,
low: 108.4,
close: 114.18,
volume: 203976340
},
{
date: new Date('2014-11-17'),
open: 114.27,
high: 117.57,
low: 113.3,
close: 116.47,
volume: 232574480
},
{
date: new Date('2014-11-24'),
open: 116.85,
high: 119.75,
low: 116.62,
close: 118.93,
volume: 181158620
},
{
date: new Date('2014-12-01'),
open: 118.81,
high: 119.25,
low: 111.27,
close: 115,
volume: 266118290
},
{
date: new Date('2014-12-08'),
open: 114.1,
high: 114.85,
low: 109.35,
close: 109.73,
volume: 259311140
},
{
date: new Date('2014-12-15'),
open: 110.7,
high: 113.24,
low: 106.26,
close: 111.78,
volume: 326382400
},
{
date: new Date('2014-12-22'),
open: 112.16,
high: 114.52,
low: 111.97,
close: 113.99,
volume: 119248900
},
{
date: new Date('2014-12-29'),
open: 113.79,
high: 114.77,
low: 107.35,
close: 109.33,
volume: 151780640
},
{
date: new Date('2015-01-05'),
open: 108.29,
high: 113.25,
low: 104.63,
close: 112.01,
volume: 282690970
},
{
date: new Date('2015-01-12'),
open: 112.6,
high: 112.8,
low: 105.2,
close: 105.99,
volume: 303531140
},
{
date: new Date('2015-01-19'),
open: 107.84,
high: 113.75,
low: 106.5,
close: 112.98,
volume: 198362640
},
{
date: new Date('2015-01-26'),
open: 113.74,
high: 120,
low: 109.03,
close: 117.16,
volume: 461747290
},
{
date: new Date('2015-02-02'),
open: 118.05,
high: 120.51,
low: 116.08,
close: 118.93,
volume: 270190470
},
{
date: new Date('2015-02-09'),
open: 118.55,
high: 127.48,
low: 118.43,
close: 127.08,
volume: 301354470
},
{
date: new Date('2015-02-16'),
open: 127.49,
high: 129.5,
low: 126.92,
close: 129.495,
volume: 193883960
},
{
date: new Date('2015-02-23'),
open: 130.02,
high: 133.6,
low: 126.61,
close: 128.46,
volume: 369856960
},
{
date: new Date('2015-03-02'),
open: 129.25,
high: 130.28,
low: 125.76,
close: 126.6,
volume: 246472020
},
{
date: new Date('2015-03-09'),
open: 127.96,
high: 129.57,
low: 121.63,
close: 123.59,
volume: 325921230
},
{
date: new Date('2015-03-16'),
open: 123.88,
high: 129.2451,
low: 122.87,
close: 125.9,
volume: 266016400
},
{
date: new Date('2015-03-23'),
open: 127.12,
high: 128.04,
low: 122.6,
close: 123.25,
volume: 208731730
},
{
date: new Date('2015-03-30'),
open: 124.05,
high: 126.49,
low: 123.1,
close: 125.32,
volume: 161628950
},
{
date: new Date('2015-04-06'),
open: 124.47,
high: 128.1218,
low: 124.33,
close: 127.1,
volume: 181454510
},
{
date: new Date('2015-04-13'),
open: 128.37,
high: 128.57,
low: 124.46,
close: 124.75,
volume: 170090870
},
{
date: new Date('2015-04-20'),
open: 125.57,
high: 130.63,
low: 125.17,
close: 130.28,
volume: 206698310
},
{
date: new Date('2015-04-27'),
open: 132.31,
high: 134.54,
low: 124.58,
close: 128.95,
volume: 417115180
},
{
date: new Date('2015-05-04'),
open: 129.5,
high: 130.57,
low: 123.36,
close: 127.62,
volume: 270197900
},
{
date: new Date('2015-05-11'),
open: 127.39,
high: 129.49,
low: 124.82,
close: 128.77,
volume: 207858180
},
{
date: new Date('2015-05-18'),
open: 128.38,
high: 132.97,
low: 128.36,
close: 132.54,
volume: 216438970
},
{
date: new Date('2015-05-25'),
open: 132.6,
high: 132.91,
low: 129.12,
close: 130.28,
volume: 197468800
},
{
date: new Date('2015-06-01'),
open: 131.2,
high: 131.39,
low: 128.36,
close: 128.65,
volume: 170465550
},
{
date: new Date('2015-06-08'),
open: 128.9,
high: 130.18,
low: 125.62,
close: 127.17,
volume: 219812710
},
{
date: new Date('2015-06-15'),
open: 126.1,
high: 128.31,
low: 125.71,
close: 126.6,
volume: 197925030
},
{
date: new Date('2015-06-22'),
open: 127.49,
high: 129.8,
low: 126.51,
close: 126.75,
volume: 195104520
},
{
date: new Date('2015-06-29'),
open: 125.46,
high: 126.94,
low: 124.48,
close: 126.44,
volume: 150747530
},
{
date: new Date('2015-07-06'),
open: 124.94,
high: 126.23,
low: 119.22,
close: 123.28,
volume: 274904180
},
{
date: new Date('2015-07-13'),
open: 125.03,
high: 129.62,
low: 124.32,
close: 129.62,
volume: 188579340
},
{
date: new Date('2015-07-20'),
open: 130.97,
high: 132.97,
low: 121.99,
close: 124.5,
volume: 336423370
},
{
date: new Date('2015-07-27'),
open: 123.09,
high: 123.91,
low: 120.91,
close: 121.3,
volume: 191087840
},
{
date: new Date('2015-08-03'),
open: 121.5,
high: 122.57,
low: 112.1,
close: 115.52,
volume: 383883210
},
{
date: new Date('2015-08-10'),
open: 116.53,
high: 119.99,
low: 109.63,
close: 115.96,
volume: 344549090
},
{
date: new Date('2015-08-17'),
open: 116.04,
high: 117.65,
low: 105.645,
close: 105.76,
volume: 318855760
},
{
date: new Date('2015-08-24'),
open: 94.87,
high: 113.31,
low: 92,
close: 113.29,
volume: 498047270
},
{
date: new Date('2015-08-31'),
open: 112.03,
high: 114.53,
low: 107.36,
close: 109.27,
volume: 297402060
},
{
date: new Date('2015-09-07'),
open: 111.65,
high: 114.21,
low: 109.77,
close: 114.21,
volume: 251859600
},
{
date: new Date('2015-09-14'),
open: 116.58,
high: 116.89,
low: 111.87,
close: 113.45,
volume: 276281980
},
{
date: new Date('2015-09-21'),
open: 113.67,
high: 116.69,
low: 112.37,
close: 114.71,
volume: 238617740
},
{
date: new Date('2015-09-28'),
open: 113.85,
high: 114.57,
low: 107.31,
close: 110.38,
volume: 313017610
},
{
date: new Date('2015-10-05'),
open: 109.88,
high: 112.28,
low: 108.21,
close: 112.12,
volume: 261920950
},
{
date: new Date('2015-10-12'),
open: 112.73,
high: 112.75,
low: 109.56,
close: 111.04,
volume: 184208970
},
{
date: new Date('2015-10-19'),
open: 110.8,
high: 119.228,
low: 110.11,
close: 119.08,
volume: 221612230
},
{
date: new Date('2015-10-26'),
open: 118.08,
high: 121.22,
low: 113.99,
close: 119.5,
volume: 319660750
},
{
date: new Date('2015-11-02'),
open: 119.87,
high: 123.82,
low: 119.61,
close: 121.06,
volume: 194953700
},
{
date: new Date('2015-11-09'),
open: 120.96,
high: 121.81,
low: 112.27,
close: 112.34,
volume: 216054740
},
{
date: new Date('2015-11-16'),
open: 111.38,
high: 119.92,
low: 111,
close: 119.3,
volume: 189492500
},
{
date: new Date('2015-11-23'),
open: 119.27,
high: 119.73,
low: 117.12,
close: 117.81,
volume: 109582040
},
{
date: new Date('2015-11-30'),
open: 117.99,
high: 119.41,
low: 114.22,
close: 119.03,
volume: 205415620
},
{
date: new Date('2015-12-07'),
open: 118.98,
high: 119.86,
low: 112.851,
close: 113.18,
volume: 188609110
},
{
date: new Date('2015-12-14'),
open: 112.18,
high: 112.8,
low: 105.81,
close: 106.03,
volume: 314856190
},
{
date: new Date('2015-12-21'),
open: 107.28,
high: 109,
low: 105.57,
close: 108.03,
volume: 126450510
},
{
date: new Date('2015-12-28'),
open: 107.59,
high: 109.43,
low: 104.82,
close: 105.26,
volume: 123621760
},
{
date: new Date('2016-01-04'),
open: 102.61,
high: 105.85,
low: 96.43,
close: 96.96,
volume: 343000960
},
{
date: new Date('2016-01-11'),
open: 98.97,
high: 101.19,
low: 95.36,
close: 97.13,
volume: 303375940
},
{
date: new Date('2016-01-18'),
open: 98.41,
high: 101.46,
low: 93.42,
close: 101.42,
volume: 242982970
},
{
date: new Date('2016-01-25'),
open: 101.52,
high: 101.53,
low: 92.39,
close: 97.34,
volume: 376481100
},
{
date: new Date('2016-02-01'),
open: 96.47,
high: 97.33,
low: 93.69,
close: 94.02,
volume: 216608840
},
{
date: new Date('2016-02-08'),
open: 93.13,
high: 96.35,
low: 92.59,
close: 93.99,
volume: 230794620
},
{
date: new Date('2016-02-15'),
open: 95.02,
high: 98.89,
low: 94.61,
close: 96.04,
volume: 167001070
},
{
date: new Date('2016-02-22'),
open: 96.31,
high: 98.0237,
low: 93.32,
close: 96.91,
volume: 158759600
},
{
date: new Date('2016-02-29'),
open: 96.86,
high: 103.75,
low: 96.65,
close: 103.01,
volume: 201482180
},
{
date: new Date('2016-03-07'),
open: 102.39,
high: 102.83,
low: 100.15,
close: 102.26,
volume: 155437450
},
{
date: new Date('2016-03-14'),
open: 101.91,
high: 106.5,
low: 101.78,
close: 105.92,
volume: 181323210
},
{
date: new Date('2016-03-21'),
open: 105.93,
high: 107.65,
low: 104.89,
close: 105.67,
volume: 119054360
},
{
date: new Date('2016-03-28'),
open: 106,
high: 110.42,
low: 104.88,
close: 109.99,
volume: 147641240
},
{
date: new Date('2016-04-04'),
open: 110.42,
high: 112.19,
low: 108.121,
close: 108.66,
volume: 145351790
},
{
date: new Date('2016-04-11'),
open: 108.97,
high: 112.39,
low: 108.66,
close: 109.85,
volume: 161518860
},
{
date: new Date('2016-04-18'),
open: 108.89,
high: 108.95,
low: 104.62,
close: 105.68,
volume: 188775240
},
{
date: new Date('2016-04-25'),
open: 105,
high: 105.65,
low: 92.51,
close: 93.74,
volume: 345910030
},
{
date: new Date('2016-05-02'),
open: 93.965,
high: 95.9,
low: 91.85,
close: 92.72,
volume: 225114110
},
{
date: new Date('2016-05-09'),
open: 93,
high: 93.77,
low: 89.47,
close: 90.52,
volume: 215596350
},
{
date: new Date('2016-05-16'),
open: 92.39,
high: 95.43,
low: 91.65,
close: 95.22,
volume: 212312980
},
{
date: new Date('2016-05-23'),
open: 95.87,
high: 100.73,
low: 95.67,
close: 100.35,
volume: 203902650
},
{
date: new Date('2016-05-30'),
open: 99.6,
high: 100.4,
low: 96.63,
close: 97.92,
volume: 140064910
},
{
date: new Date('2016-06-06'),
open: 97.99,
high: 101.89,
low: 97.55,
close: 98.83,
volume: 124731320
},
{
date: new Date('2016-06-13'),
open: 98.69,
high: 99.12,
low: 95.3,
close: 95.33,
volume: 191017280
},
{
date: new Date('2016-06-20'),
open: 96,
high: 96.89,
low: 92.65,
close: 93.4,
volume: 206149160
},
{
date: new Date('2016-06-27'),
open: 93,
high: 96.465,
low: 91.5,
close: 95.89,
volume: 184254460
},
{
date: new Date('2016-07-04'),
open: 95.39,
high: 96.89,
low: 94.37,
close: 96.68,
volume: 111769640
},
{
date: new Date('2016-07-11'),
open: 96.75,
high: 99.3,
low: 96.73,
close: 98.78,
volume: 142244590
},
{
date: new Date('2016-07-18'),
open: 98.7,
high: 101,
low: 98.31,
close: 98.66,
volume: 147358320
},
{
date: new Date('2016-07-25'),
open: 98.25,
high: 104.55,
low: 96.42,
close: 104.21,
volume: 252358930
},
{
date: new Date('2016-08-01'),
open: 104.41,
high: 107.65,
low: 104,
close: 107.48,
volume: 168265830
},
{
date: new Date('2016-08-08'),
open: 107.52,
high: 108.94,
low: 107.16,
close: 108.18,
volume: 124255340
},
{
date: new Date('2016-08-15'),
open: 108.14,
high: 110.23,
low: 108.08,
close: 109.36,
volume: 131814920
},
{
date: new Date('2016-08-22'),
open: 108.86,
high: 109.32,
low: 106.31,
close: 106.94,
volume: 123373540
},
{
date: new Date('2016-08-29'),
open: 106.62,
high: 108,
low: 105.5,
close: 107.73,
volume: 134426100
},
{
date: new Date('2016-09-05'),
open: 107.9,
high: 108.76,
low: 103.13,
close: 103.13,
volume: 168312530
},
{
date: new Date('2016-09-12'),
open: 102.65,
high: 116.13,
low: 102.53,
close: 114.92,
volume: 388543710
},
{
date: new Date('2016-09-19'),
open: 115.19,
high: 116.18,
low: 111.55,
close: 112.71,
volume: 200842480
},
{
date: new Date('2016-09-26'),
open: 111.64,
high: 114.64,
low: 111.55,
close: 113.05,
volume: 156186800
},
{
date: new Date('2016-10-03'),
open: 112.71,
high: 114.56,
low: 112.28,
close: 114.06,
volume: 125587350
},
{
date: new Date('2016-10-10'),
open: 115.02,
high: 118.69,
low: 114.72,
close: 117.63,
volume: 208231690
},
{
date: new Date('2016-10-17'),
open: 117.33,
high: 118.21,
low: 113.8,
close: 116.6,
volume: 114497020
},
{
date: new Date('2016-10-24'),
open: 117.1,
high: 118.36,
low: 113.31,
close: 113.72,
volume: 204530120
},
{
date: new Date('2016-10-31'),
open: 113.65,
high: 114.23,
low: 108.11,
close: 108.84,
volume: 155287280
},
{
date: new Date('2016-11-07'),
open: 110.08,
high: 111.72,
low: 105.83,
close: 108.43,
volume: 206825070
},
{
date: new Date('2016-11-14'),
open: 107.71,
high: 110.54,
low: 104.08,
close: 110.06,
volume: 197790040
},
{
date: new Date('2016-11-21'),
open: 110.12,
high: 112.42,
low: 110.01,
close: 111.79,
volume: 93992370
},
{
date: new Date('2016-11-28'),
open: 111.43,
high: 112.465,
low: 108.85,
close: 109.9,
volume: 155229390
},
{
date: new Date('2016-12-05'),
open: 110,
high: 114.7,
low: 108.25,
close: 113.95,
volume: 151624650
},
{
date: new Date('2016-12-12'),
open: 113.29,
high: 116.73,
low: 112.49,
close: 115.97,
volume: 194003220
},
{
date: new Date('2016-12-19'),
open: 115.8,
high: 117.5,
low: 115.59,
close: 116.52,
volume: 113106370
},
{
date: new Date('2016-12-26'),
open: 116.52,
high: 118.0166,
low: 115.43,
close: 115.82,
volume: 84354060
},
{
date: new Date('2017-01-02'),
open: 115.8,
high: 118.16,
low: 114.76,
close: 117.91,
volume: 103680760
},
{
date: new Date('2017-01-09'),
open: 117.95,
high: 119.93,
low: 117.94,
close: 119.04,
volume: 138446660
},
{
date: new Date('2017-01-16'),
open: 118.34,
high: 120.5,
low: 118.22,
close: 120,
volume: 113576380
},
{
date: new Date('2017-01-23'),
open: 120,
high: 122.44,
low: 119.5,
close: 121.95,
volume: 124406640
},
{
date: new Date('2017-01-30'),
open: 120.93,
high: 130.49,
low: 120.62,
close: 129.08,
volume: 248063580
},
{
date: new Date('2017-02-06'),
open: 129.13,
high: 132.94,
low: 128.9,
close: 132.12,
volume: 136252280
},
{
date: new Date('2017-02-13'),
open: 133.08,
high: 136.27,
low: 132.75,
close: 135.72,
volume: 136326260
},
{
date: new Date('2017-02-20'),
open: 136.23,
high: 137.48,
low: 135.28,
close: 136.66,
volume: 87773190
},
{
date: new Date('2017-02-27'),
open: 137.14,
high: 140.2786,
low: 136.28,
close: 139.78,
volume: 127757050
},
{
date: new Date('2017-03-06'),
open: 139.365,
high: 139.98,
low: 137.05,
close: 139.14,
volume: 99061270
},
{
date: new Date('2017-03-13'),
open: 138.85,
high: 141.02,
low: 138.82,
close: 139.99,
volume: 120881720
},
{
date: new Date('2017-03-20'),
open: 140.4,
high: 142.8,
low: 139.73,
close: 140.64,
volume: 129178500
},
{
date: new Date('2017-03-27'),
open: 139.39,
high: 144.5,
low: 138.62,
close: 143.66,
volume: 126819590
},
{
date: new Date('2017-04-03'),
open: 143.71,
high: 145.46,
low: 143.05,
close: 143.34,
volume: 105274540
},
{
date: new Date('2017-04-10'),
open: 143.6,
high: 143.8792,
low: 140.06,
close: 141.05,
volume: 87342130
},
{
date: new Date('2017-04-17'),
open: 141.48,
high: 142.92,
low: 140.45,
close: 142.27,
volume: 89092650
},
{
date: new Date('2017-04-24'),
open: 143.5,
high: 144.9,
low: 143.18,
close: 143.65,
volume: 90423600
},
{
date: new Date('2017-05-01'),
open: 145.1,
high: 148.98,
low: 144.27,
close: 148.96,
volume: 173861760
},
{
date: new Date('2017-05-08'),
open: 149.03,
high: 156.42,
low: 149.03,
close: 156.1,
volume: 173087500
},
{
date: new Date('2017-05-15'),
open: 156.01,
high: 156.65,
low: 149.71,
close: 153.06,
volume: 156993820
},
{
date: new Date('2017-05-22'),
open: 154,
high: 154.9,
low: 152.67,
close: 153.61,
volume: 103151450
},
{
date: new Date('2017-05-29'),
open: 153.42,
high: 155.45,
low: 152.22,
close: 155.45,
volume: 88670120
},
{
date: new Date('2017-06-05'),
open: 154.34,
high: 155.98,
low: 146.02,
close: 148.98,
volume: 158814040
},
{
date: new Date('2017-06-12'),
open: 145.74,
high: 147.5,
low: 142.2,
close: 142.27,
volume: 219638930
},
{
date: new Date('2017-06-19'),
open: 143.66,
high: 147.16,
low: 143.66,
close: 146.28,
volume: 132832660
},
{
date: new Date('2017-06-26'),
open: 147.17,
high: 148.28,
low: 142.28,
close: 144.02,
volume: 126890110
},
{
date: new Date('2017-07-03'),
open: 144.88,
high: 145.3001,
low: 142.41,
close: 144.18,
volume: 78465450
},
{
date: new Date('2017-07-10'),
open: 144.11,
high: 149.33,
low: 143.37,
close: 149.04,
volume: 109759170
},
{
date: new Date('2017-07-17'),
open: 148.82,
high: 151.74,
low: 148.57,
close: 150.27,
volume: 104744470
},
{
date: new Date('2017-07-24'),
open: 150.58,
high: 153.99,
low: 147.3,
close: 149.5,
volume: 105536280
},
{
date: new Date('2017-07-31'),
open: 149.9,
high: 159.75,
low: 148.13,
close: 156.39,
volume: 170204830
},
{
date: new Date('2017-08-07'),
open: 157.06,
high: 161.83,
low: 154.63,
close: 157.48,
volume: 149860480
},
{
date: new Date('2017-08-14'),
open: 159.32,
high: 162.51,
low: 156.72,
close: 157.5,
volume: 133829670
},
{
date: new Date('2017-08-21'),
open: 157.5,
high: 160.74,
low: 155.1101,
close: 159.86,
volume: 112238670
},
{
date: new Date('2017-08-28'),
open: 160.14,
high: 164.94,
low: 159.93,
close: 164.05,
volume: 125610990
},
{
date: new Date('2017-09-04'),
open: 163.75,
high: 164.25,
low: 158.53,
close: 158.63,
volume: 101419110
},
{
date: new Date('2017-09-11'),
open: 160.5,
high: 163.96,
low: 157.91,
close: 159.88,
volume: 220431100
},
{
date: new Date('2017-09-18'),
open: 160.11,
high: 160.5,
low: 157.995,
close: 158.67,
volume: 27939544
}
];
});Crosshair has a vertical and horizontal line to view the value of the axis at mouse or touch position.
Crosshair lines can be enabled by using enable property in the crosshair. Likewise tooltip label for an axis can be enabled by using enable property of crosshairTooltip in the corresponding axis.
<template>
<div id="app">
<ejs-stockchart :title='title' :crosshair="crosshair">
<e-stockchart-series-collection>
<e-stockchart-series :dataSource='seriesData' type='Candle'>
</e-stockchart-series>
</e-stockchart-series-collection>
</ejs-stockchart>
</div>
</template>
<script>
import Vue from "vue";
import { chartData } from "./datasource.js";
import {
StockChartPlugin, DateTime, CandleSeries, RangeTooltip, LineSeries,SplineSeries,Crosshair,
HiloOpenCloseSeries, HiloSeries, RangeAreaSeries, Trendlines, EmaIndicator, RsiIndicator,BollingerBands, TmaIndicator, MomentumIndicator, SmaIndicator, AtrIndicator, AccumulationDistributionIndicator, MacdIndicator, StochasticIndicator, Export
} from "@syncfusion/ej2-vue-charts";
Vue.use(StockChartPlugin);
export default {
data() {
return {
title: 'Sales Analysis',
seriesData: chartData,
crosshair: {
enable: true,
}
};
},
provide: {
stockChart: [
DateTime, RangeTooltip, LineSeries, SplineSeries, CandleSeries,HiloOpenCloseSeries, HiloSeries, RangeAreaSeries, Trendlines, EmaIndicator, RsiIndicator,Crosshair,
BollingerBands, TmaIndicator, MomentumIndicator, SmaIndicator, AtrIndicator, AccumulationDistributionIndicator, MacdIndicator, StochasticIndicator, Export
]
}
};
</script>define(["require", "exports"], function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.series1 = [];
var point1;
var value = 40;
var i;
for (i = 1; i < 500; i++) {
if (Math.random() > .5) {
value += Math.random();
}
else {
value -= Math.random();
}
point1 = { x: new Date(1950, i + 2, i), y: value.toFixed(1) };
exports.series1.push(point1);
}
exports.trackData = [
{ x: new Date(2000, 2, 11), y: 15, y1: 39, y2: 60, y3: 75, y4: 85 },
{ x: new Date(2000, 9, 14), y: 20, y1: 30, y2: 55, y3: 75, y4: 83 },
{ x: new Date(2001, 2, 11), y: 25, y1: 28, y2: 48, y3: 68, y4: 85 },
{ x: new Date(2001, 9, 16), y: 21, y1: 35, y2: 57, y3: 75, y4: 87 },
{ x: new Date(2002, 2, 7), y: 13, y1: 39, y2: 62, y3: 71, y4: 82 },
{ x: new Date(2002, 9, 7), y: 18, y1: 41, y2: 64, y3: 69, y4: 74 },
{ x: new Date(2003, 2, 11), y: 24, y1: 45, y2: 57, y3: 81, y4: 73 },
{ x: new Date(2003, 9, 14), y: 23, y1: 48, y2: 53, y3: 84, y4: 75 },
{ x: new Date(2004, 2, 6), y: 19, y1: 54, y2: 63, y3: 85, y4: 73 },
{ x: new Date(2004, 9, 6), y: 31, y1: 55, y2: 50, y3: 87, y4: 60 },
{ x: new Date(2005, 2, 11), y: 39, y1: 57, y2: 66, y3: 75, y4: 48 },
{ x: new Date(2005, 9, 11), y: 50, y1: 60, y2: 65, y3: 70, y4: 55 },
{ x: new Date(2006, 2, 11), y: 24, y1: 60, y2: 79, y3: 85, y4: 40 }
];
exports.chartData = [
{
date: new Date('2012-04-02'),
open: 85.9757,
high: 90.6657,
low: 85.7685,
close: 90.5257,
volume: 660187068
},
{
date: new Date('2012-04-09'),
open: 89.4471,
high: 92,
low: 86.2157,
close: 86.4614,
volume: 912634864
},
{
date: new Date('2012-04-16'),
open: 87.1514,
high: 88.6071,
low: 81.4885,
close: 81.8543,
volume: 1221746066
},
{
date: new Date('2012-04-23'),
open: 81.5157,
high: 88.2857,
low: 79.2857,
close: 86.1428,
volume: 965935749
},
{
date: new Date('2012-04-30'),
open: 85.4,
high: 85.4857,
low: 80.7385,
close: 80.75,
volume: 615249365
},
{
date: new Date('2012-05-07'),
open: 80.2143,
high: 82.2685,
low: 79.8185,
close: 80.9585,
volume: 541742692
},
{
date: new Date('2012-05-14'),
open: 80.3671,
high: 81.0728,
low: 74.5971,
close: 75.7685,
volume: 708126233
},
{
date: new Date('2012-05-21'),
open: 76.3571,
high: 82.3571,
low: 76.2928,
close: 80.3271,
volume: 682076215
},
{
date: new Date('2012-05-28'),
open: 81.5571,
high: 83.0714,
low: 80.0743,
close: 80.1414,
volume: 480059584
},
{
date: new Date('2012-06-04'),
open: 80.2143,
high: 82.9405,
low: 78.3571,
close: 82.9028,
volume: 517577005
},
{
date: new Date('2012-06-11'),
open: 83.96,
high: 84.0714,
low: 80.9571,
close: 82.0185,
volume: 499693120
},
{
date: new Date('2012-06-18'),
open: 81.5657,
high: 84.2857,
low: 81.4814,
close: 83.1571,
volume: 442172142
},
{
date: new Date('2012-06-25'),
open: 82.4714,
high: 83.4285,
low: 80.8014,
close: 83.4285,
volume: 371529102
},
{
date: new Date('2012-07-02'),
open: 83.5328,
high: 87.7628,
low: 83.3714,
close: 86.5543,
volume: 385906790
},
{
date: new Date('2012-07-09'),
open: 86.4714,
high: 88.5528,
low: 84.6685,
close: 86.4243,
volume: 524235196
},
{
date: new Date('2012-07-16'),
open: 86.4457,
high: 87.9071,
low: 86.1643,
close: 86.3285,
volume: 419537217
},
{
date: new Date('2012-07-23'),
open: 84.9143,
high: 87.0971,
low: 81.4285,
close: 83.5943,
volume: 680773023
},
{
date: new Date('2012-07-30'),
open: 84.4171,
high: 88.2828,
low: 83.9743,
close: 87.9571,
volume: 475109323
},
{
date: new Date('2012-08-06'),
open: 88.1843,
high: 89.2857,
low: 87.8943,
close: 88.8143,
volume: 312826308
},
{
date: new Date('2012-08-13'),
open: 89.0557,
high: 92.5985,
low: 89.0357,
close: 92.5871,
volume: 392867193
},
{
date: new Date('2012-08-20'),
open: 92.8585,
high: 96.4114,
low: 92.5871,
close: 94.746,
volume: 708614692
},
{
date: new Date('2012-08-27'),
open: 97.1414,
high: 97.2671,
low: 93.8928,
close: 95.0343,
volume: 383807217
},
{
date: new Date('2012-09-03'),
open: 95.1085,
high: 97.4971,
low: 94.9285,
close: 97.2057,
volume: 355722047
},
{
date: new Date('2012-09-10'),
open: 97.2071,
high: 99.5685,
low: 93.7143,
close: 98.7543,
volume: 724042207
},
{
date: new Date('2012-09-17'),
open: 99.9071,
high: 100.7243,
low: 99.0885,
close: 100.0135,
volume: 500166040
},
{
date: new Date('2012-09-24'),
open: 98.1228,
high: 99.3028,
low: 94.3357,
close: 95.3007,
volume: 714507994
},
{
date: new Date('2012-10-01'),
open: 95.88,
high: 96.6785,
low: 92.95,
close: 93.2271,
volume: 638543622
},
{
date: new Date('2012-10-08'),
open: 92.4114,
high: 92.5085,
low: 89.0785,
close: 89.9591,
volume: 747127724
},
{
date: new Date('2012-10-15'),
open: 90.3357,
high: 93.2557,
low: 87.0885,
close: 87.12,
volume: 646996264
},
{
date: new Date('2012-10-22'),
open: 87.4885,
high: 90.7685,
low: 84.4285,
close: 86.2857,
volume: 866040680
},
{
date: new Date('2012-10-29'),
open: 84.9828,
high: 86.1428,
low: 82.1071,
close: 82.4,
volume: 367371310
},
{
date: new Date('2012-11-05'),
open: 83.3593,
high: 84.3914,
low: 76.2457,
close: 78.1514,
volume: 919719846
},
{
date: new Date('2012-11-12'),
open: 79.1643,
high: 79.2143,
low: 72.25,
close: 75.3825,
volume: 894382149
},
{
date: new Date('2012-11-19'),
open: 77.2443,
high: 81.7143,
low: 77.1257,
close: 81.6428,
volume: 527416747
},
{
date: new Date('2012-11-26'),
open: 82.2714,
high: 84.8928,
low: 81.7514,
close: 83.6114,
volume: 646467974
},
{
date: new Date('2012-12-03'),
open: 84.8071,
high: 84.9414,
low: 74.09,
close: 76.1785,
volume: 980096264
},
{
date: new Date('2012-12-10'),
open: 75,
high: 78.5085,
low: 72.2257,
close: 72.8277,
volume: 835016110
},
{
date: new Date('2012-12-17'),
open: 72.7043,
high: 76.4143,
low: 71.6043,
close: 74.19,
volume: 726150329
},
{
date: new Date('2012-12-24'),
open: 74.3357,
high: 74.8928,
low: 72.0943,
close: 72.7984,
volume: 321104733
},
{
date: new Date('2012-12-31'),
open: 72.9328,
high: 79.2857,
low: 72.7143,
close: 75.2857,
volume: 540854882
},
{
date: new Date('2013-01-07'),
open: 74.5714,
high: 75.9843,
low: 73.6,
close: 74.3285,
volume: 574594262
},
{
date: new Date('2013-01-14'),
open: 71.8114,
high: 72.9643,
low: 69.0543,
close: 71.4285,
volume: 803105621
},
{
date: new Date('2013-01-21'),
open: 72.08,
high: 73.57,
low: 62.1428,
close: 62.84,
volume: 971912560
},
{
date: new Date('2013-01-28'),
open: 62.5464,
high: 66.0857,
low: 62.2657,
close: 64.8028,
volume: 656549587
},
{
date: new Date('2013-02-04'),
open: 64.8443,
high: 68.4014,
low: 63.1428,
close: 67.8543,
volume: 743778993
},
{
date: new Date('2013-02-11'),
open: 68.0714,
high: 69.2771,
low: 65.7028,
close: 65.7371,
volume: 585292366
},
{
date: new Date('2013-02-18'),
open: 65.8714,
high: 66.1043,
low: 63.26,
close: 64.4014,
volume: 421766997
},
{
date: new Date('2013-02-25'),
open: 64.8357,
high: 65.0171,
low: 61.4257,
close: 61.4957,
volume: 582741215
},
{
date: new Date('2013-03-04'),
open: 61.1143,
high: 62.2043,
low: 59.8571,
close: 61.6743,
volume: 632856539
},
{
date: new Date('2013-03-11'),
open: 61.3928,
high: 63.4614,
low: 60.7343,
close: 63.38,
volume: 572066981
},
{
date: new Date('2013-03-18'),