14261 lines
577 KiB
JavaScript
14261 lines
577 KiB
JavaScript
(function(window, document, $, undefined) {
|
|
|
|
$(function() {
|
|
var apexChart = jQuery(".apexchart-wrapper");
|
|
if (apexChart.length > 0) {
|
|
var colorPalette = ['#00D8B6','#008FFB', '#FEB019', '#FF4560', '#775DD0']
|
|
|
|
// analytics1
|
|
var apexdemo1 = jQuery('#apexdemo1')
|
|
if (apexdemo1.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 350,
|
|
type: 'line',
|
|
shadow: {
|
|
enabled: true,
|
|
color: '#000',
|
|
top: 18,
|
|
left: 7,
|
|
blur: 10,
|
|
opacity: 1
|
|
},
|
|
toolbar: {
|
|
show: false
|
|
}
|
|
},
|
|
colors: ['#8E54E9', '#2bcbba'],
|
|
dataLabels: {
|
|
enabled: true,
|
|
},
|
|
stroke: {
|
|
curve: 'smooth'
|
|
},
|
|
series: [{
|
|
name: "High - 2013",
|
|
data: [28, 29, 33, 36, 32, 32, 33]
|
|
},
|
|
{
|
|
name: "Low - 2013",
|
|
data: [12, 11, 14, 18, 17, 13, 13]
|
|
}
|
|
],
|
|
grid: {
|
|
borderColor: '#e7e7e7',
|
|
row: {
|
|
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
|
|
opacity: 0.5
|
|
},
|
|
},
|
|
markers: {
|
|
|
|
size: 6
|
|
},
|
|
xaxis: {
|
|
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
|
|
title: {
|
|
text: 'Month'
|
|
}
|
|
},
|
|
yaxis: {
|
|
title: {
|
|
text: 'Temperature'
|
|
},
|
|
min: 5,
|
|
max: 40
|
|
},
|
|
legend: {
|
|
position: 'top',
|
|
horizontalAlign: 'right',
|
|
floating: true,
|
|
offsetY: -25,
|
|
offsetX: -5
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#apexdemo1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var apexdemo2 = jQuery('#apexdemo2')
|
|
if (apexdemo2.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 350,
|
|
type: 'line',
|
|
shadow: {
|
|
enabled: false,
|
|
color: '#bbb',
|
|
top: 3,
|
|
left: 2,
|
|
blur: 3,
|
|
opacity: 1
|
|
},
|
|
},
|
|
stroke: {
|
|
width: 7,
|
|
curve: 'smooth'
|
|
},
|
|
series: [{
|
|
name: 'Likes',
|
|
data: [4, 3, 10, 9, 29, 19, 22, 9, 12, 7, 19, 5, 13, 9, 17, 2, 7, 5]
|
|
}],
|
|
xaxis: {
|
|
type: 'datetime',
|
|
categories: ['1/11/2000', '2/11/2000', '3/11/2000', '4/11/2000', '5/11/2000', '6/11/2000', '7/11/2000', '8/11/2000', '9/11/2000', '10/11/2000', '11/11/2000', '12/11/2000', '1/11/2001', '2/11/2001', '3/11/2001','4/11/2001' ,'5/11/2001' ,'6/11/2001'],
|
|
},
|
|
title: {
|
|
text: 'Social Media',
|
|
align: 'left',
|
|
style: {
|
|
fontSize: "16px",
|
|
color: '#666'
|
|
}
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'dark',
|
|
gradientToColors: [ '#8E54E9'],
|
|
shadeIntensity: 1,
|
|
type: 'horizontal',
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
stops: [0, 100, 100, 100]
|
|
},
|
|
},
|
|
markers: {
|
|
size: 4,
|
|
opacity: 0.9,
|
|
colors: ["#2bcbba"],
|
|
strokeColor: "#fff",
|
|
strokeWidth: 2,
|
|
|
|
hover: {
|
|
size: 7,
|
|
}
|
|
},
|
|
yaxis: {
|
|
min: -10,
|
|
max: 40,
|
|
title: {
|
|
text: 'Engagement',
|
|
},
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#apexdemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var apexdemo3 = jQuery('#apexdemo3')
|
|
if (apexdemo3.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 350,
|
|
type: 'area',
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
curve: 'smooth'
|
|
},
|
|
series: [{
|
|
name: 'series1',
|
|
data: [31, 40, 28, 51, 42, 109, 100]
|
|
}, {
|
|
name: 'series2',
|
|
data: [11, 32, 45, 32, 34, 52, 41]
|
|
}],
|
|
colors: ['#8E54E9', '#2bcbba'],
|
|
xaxis: {
|
|
type: 'datetime',
|
|
categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00", "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00", "2018-09-19T06:30:00"],
|
|
},
|
|
tooltip: {
|
|
x: {
|
|
format: 'dd/MM/yy HH:mm'
|
|
},
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#apexdemo3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var apexdemo4 = jQuery('#apexdemo4')
|
|
if (apexdemo4.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 350,
|
|
type: 'area',
|
|
stacked: true,
|
|
events: {
|
|
selection: function(chart, e) {
|
|
console.log(new Date(e.xaxis.min) )
|
|
}
|
|
},
|
|
|
|
},
|
|
colors: ['#8E54E9', '#2bcbba', '#eceef3'],
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
curve: 'smooth'
|
|
},
|
|
|
|
series: [{
|
|
name: 'South',
|
|
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 60
|
|
})
|
|
},
|
|
{
|
|
name: 'North',
|
|
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 20
|
|
})
|
|
},
|
|
|
|
{
|
|
name: 'Central',
|
|
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 15
|
|
})
|
|
}
|
|
],
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.8,
|
|
}
|
|
},
|
|
legend: {
|
|
position: 'top',
|
|
horizontalAlign: 'left'
|
|
},
|
|
xaxis: {
|
|
type: 'datetime'
|
|
},
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#apexdemo4"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
function generateDayWiseTimeSeries(baseval, count, yrange) {
|
|
var i = 0;
|
|
var series = [];
|
|
while (i < count) {
|
|
var x = baseval;
|
|
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
|
|
|
|
series.push([x, y]);
|
|
baseval += 86400000;
|
|
i++;
|
|
}
|
|
return series;
|
|
}
|
|
|
|
}
|
|
|
|
var apexdemo5 = jQuery('#apexdemo5')
|
|
if (apexdemo5.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height:420,
|
|
type: 'bar',
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: true,
|
|
}
|
|
},
|
|
colors: ['#8E54E9'],
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
series: [{
|
|
data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
|
|
}],
|
|
xaxis: {
|
|
categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'],
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#apexdemo5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
|
|
var apexdemo6 = jQuery('#apexdemo6')
|
|
if (apexdemo6.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 420,
|
|
type: 'bar',
|
|
stacked: true
|
|
},
|
|
colors: ['#8E54E9','#2bcbba'],
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: true,
|
|
barHeight: '80%',
|
|
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: 1,
|
|
colors: ["#fff"]
|
|
},
|
|
series: [{
|
|
name: 'Males',
|
|
data: [0.4, 0.65, 0.76, 0.88, 1.5, 2.1, 2.9, 3.8, 3.9, 4.2, 4, 4.3, 4.1, 4.2, 4.5, 3.9, 3.5, 3]
|
|
},
|
|
{
|
|
name: 'Females',
|
|
data: [-0.8, -1.05, -1.06, -1.18, -1.4, -2.2, -2.85, -3.7, -3.96, -4.22, -4.3, -4.4, -4.1, -4, -4.1, -3.4, -3.1, -2.8]
|
|
}],
|
|
grid: {
|
|
xaxis: {
|
|
showLines: false
|
|
}
|
|
},
|
|
yaxis: {
|
|
min: -5,
|
|
max: 5,
|
|
title: {
|
|
// text: 'Age',
|
|
},
|
|
},
|
|
tooltip: {
|
|
shared: false,
|
|
x: {
|
|
formatter: function(val) {
|
|
return val
|
|
}
|
|
},
|
|
y: {
|
|
formatter: function(val) {
|
|
return Math.abs(val) + "%"
|
|
}
|
|
}
|
|
},
|
|
|
|
xaxis: {
|
|
categories: ['85+', '80-84', '75-79', '70-74', '65-69', '60-64', '55-59', '50-54', '45-49', '40-44', '35-39', '30-34', '25-29', '20-24', '15-19', '10-14', '5-9', '0-4'],
|
|
title: {
|
|
text: 'Percent'
|
|
},
|
|
labels: {
|
|
formatter: function(val) {
|
|
return Math.abs(Math.round(val)) + "%"
|
|
}
|
|
}
|
|
},
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#apexdemo6"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
|
|
var apexdemo7 = jQuery('#apexdemo7')
|
|
if (apexdemo7.length > 0) {
|
|
var optionDonut = {
|
|
chart: {
|
|
|
|
type: 'donut',
|
|
height: '350'
|
|
},
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
donut: {
|
|
size: '75%',
|
|
},
|
|
offsetY: 0,
|
|
},
|
|
stroke: {
|
|
colors: undefined
|
|
}
|
|
},
|
|
colors: ['#8E54E9','#2bcbba','#f7b731','#45aaf2','#e3324c'],
|
|
|
|
series: [21, 23, 19, 14, 6],
|
|
labels: ['Clothing', 'Food Products', 'Electronics', 'Kitchen Utility', 'Gardening'],
|
|
}
|
|
|
|
var donut = new ApexCharts(
|
|
document.querySelector("#apexdemo7"),
|
|
optionDonut
|
|
)
|
|
donut.render();
|
|
|
|
}
|
|
|
|
var apexdemo8 = jQuery('#apexdemo8')
|
|
if (apexdemo8.length > 0) {
|
|
var optionDonut = {
|
|
chart: {
|
|
|
|
type: 'pie',
|
|
height: '350'
|
|
},
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
donut: {
|
|
size: '75%',
|
|
},
|
|
offsetY: 0,
|
|
},
|
|
stroke: {
|
|
colors: undefined
|
|
}
|
|
},
|
|
colors: ['#8E54E9','#2bcbba','#f7b731','#45aaf2','#e3324c'],
|
|
|
|
series: [21, 23, 19, 14, 6],
|
|
labels: ['Clothing', 'Food Products', 'Electronics', 'Kitchen Utility', 'Gardening'],
|
|
}
|
|
|
|
var donut = new ApexCharts(
|
|
document.querySelector("#apexdemo8"),
|
|
optionDonut
|
|
)
|
|
donut.render();
|
|
|
|
}
|
|
|
|
// analytics1
|
|
var analytics1 = jQuery('#analytics1')
|
|
if (analytics1.length > 0) {
|
|
var dataSeries = [
|
|
[{
|
|
"date": "2014-01-01",
|
|
"value": 20000000
|
|
},
|
|
{
|
|
"date": "2014-01-02",
|
|
"value": 10379978
|
|
},
|
|
{
|
|
"date": "2014-01-03",
|
|
"value": 30493749
|
|
},
|
|
{
|
|
"date": "2014-01-04",
|
|
"value": 10785250
|
|
},
|
|
{
|
|
"date": "2014-01-05",
|
|
"value": 33901904
|
|
},
|
|
{
|
|
"date": "2014-01-06",
|
|
"value": 11576838
|
|
},
|
|
{
|
|
"date": "2014-01-07",
|
|
"value": 14413854
|
|
},
|
|
{
|
|
"date": "2014-01-08",
|
|
"value": 15177211
|
|
},
|
|
{
|
|
"date": "2014-01-09",
|
|
"value": 16622100
|
|
},
|
|
{
|
|
"date": "2014-01-10",
|
|
"value": 17381072
|
|
},
|
|
{
|
|
"date": "2014-01-11",
|
|
"value": 18802310
|
|
},
|
|
{
|
|
"date": "2014-01-12",
|
|
"value": 15531790
|
|
},
|
|
{
|
|
"date": "2014-01-13",
|
|
"value": 15748881
|
|
},
|
|
{
|
|
"date": "2014-01-14",
|
|
"value": 18706437
|
|
},
|
|
{
|
|
"date": "2014-01-15",
|
|
"value": 19752685
|
|
},
|
|
{
|
|
"date": "2014-01-16",
|
|
"value": 21016418
|
|
},
|
|
{
|
|
"date": "2014-01-17",
|
|
"value": 25622924
|
|
},
|
|
{
|
|
"date": "2014-01-18",
|
|
"value": 25337480
|
|
},
|
|
{
|
|
"date": "2014-01-19",
|
|
"value": 22258882
|
|
},
|
|
{
|
|
"date": "2014-01-20",
|
|
"value": 23829538
|
|
},
|
|
{
|
|
"date": "2014-01-21",
|
|
"value": 24245689
|
|
},
|
|
{
|
|
"date": "2014-01-22",
|
|
"value": 26429711
|
|
},
|
|
{
|
|
"date": "2014-01-23",
|
|
"value": 26259017
|
|
},
|
|
{
|
|
"date": "2014-01-24",
|
|
"value": 25396183
|
|
},
|
|
{
|
|
"date": "2014-01-25",
|
|
"value": 23107346
|
|
},
|
|
{
|
|
"date": "2014-01-26",
|
|
"value": 28659852
|
|
},
|
|
{
|
|
"date": "2014-01-27",
|
|
"value": 25270783
|
|
},
|
|
{
|
|
"date": "2014-01-28",
|
|
"value": 26270783
|
|
},
|
|
{
|
|
"date": "2014-01-29",
|
|
"value": 27270783
|
|
},
|
|
{
|
|
"date": "2014-01-30",
|
|
"value": 28270783
|
|
},
|
|
{
|
|
"date": "2014-01-31",
|
|
"value": 29270783
|
|
},
|
|
{
|
|
"date": "2014-02-01",
|
|
"value": 30270783
|
|
},
|
|
{
|
|
"date": "2014-02-02",
|
|
"value": 31270783
|
|
},
|
|
{
|
|
"date": "2014-02-03",
|
|
"value": 32270783
|
|
},
|
|
{
|
|
"date": "2014-02-04",
|
|
"value": 33270783
|
|
},
|
|
{
|
|
"date": "2014-02-05",
|
|
"value": 28270783
|
|
},
|
|
{
|
|
"date": "2014-02-06",
|
|
"value": 27270783
|
|
},
|
|
{
|
|
"date": "2014-02-07",
|
|
"value": 35270783
|
|
},
|
|
{
|
|
"date": "2014-02-08",
|
|
"value": 34270783
|
|
},
|
|
{
|
|
"date": "2014-02-09",
|
|
"value": 28270783
|
|
},
|
|
{
|
|
"date": "2014-02-10",
|
|
"value": 35270783
|
|
},
|
|
{
|
|
"date": "2014-02-11",
|
|
"value": 36270783
|
|
},
|
|
{
|
|
"date": "2014-02-12",
|
|
"value": 34127078
|
|
},
|
|
{
|
|
"date": "2014-02-13",
|
|
"value": 33124078
|
|
},
|
|
{
|
|
"date": "2014-02-14",
|
|
"value": 36227078
|
|
},
|
|
{
|
|
"date": "2014-02-15",
|
|
"value": 37827078
|
|
},
|
|
{
|
|
"date": "2014-02-16",
|
|
"value": 36427073
|
|
},
|
|
{
|
|
"date": "2014-02-17",
|
|
"value": 37570783
|
|
},
|
|
{
|
|
"date": "2014-02-18",
|
|
"value": 38627073
|
|
},
|
|
{
|
|
"date": "2014-02-19",
|
|
"value": 37727078
|
|
},
|
|
{
|
|
"date": "2014-02-20",
|
|
"value": 38827073
|
|
},
|
|
{
|
|
"date": "2014-02-21",
|
|
"value": 40927078
|
|
},
|
|
{
|
|
"date": "2014-02-22",
|
|
"value": 41027078
|
|
},
|
|
{
|
|
"date": "2014-02-23",
|
|
"value": 42127073
|
|
},
|
|
{
|
|
"date": "2014-02-24",
|
|
"value": 43220783
|
|
},
|
|
{
|
|
"date": "2014-02-25",
|
|
"value": 44327078
|
|
},
|
|
{
|
|
"date": "2014-02-26",
|
|
"value": 40427078
|
|
},
|
|
{
|
|
"date": "2014-02-27",
|
|
"value": 41027078
|
|
},
|
|
{
|
|
"date": "2014-02-28",
|
|
"value": 45627078
|
|
},
|
|
{
|
|
"date": "2014-03-01",
|
|
"value": 44727078
|
|
},
|
|
{
|
|
"date": "2014-03-02",
|
|
"value": 44227078
|
|
},
|
|
{
|
|
"date": "2014-03-03",
|
|
"value": 45227078
|
|
},
|
|
{
|
|
"date": "2014-03-04",
|
|
"value": 46027078
|
|
},
|
|
{
|
|
"date": "2014-03-05",
|
|
"value": 46927078
|
|
},
|
|
{
|
|
"date": "2014-03-06",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-07",
|
|
"value": 46227078
|
|
},
|
|
{
|
|
"date": "2014-03-08",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-09",
|
|
"value": 48027078
|
|
},
|
|
{
|
|
"date": "2014-03-10",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-11",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-12",
|
|
"value": 48017078
|
|
},
|
|
{
|
|
"date": "2014-03-13",
|
|
"value": 48077078
|
|
},
|
|
{
|
|
"date": "2014-03-14",
|
|
"value": 48087078
|
|
},
|
|
{
|
|
"date": "2014-03-15",
|
|
"value": 48017078
|
|
},
|
|
{
|
|
"date": "2014-03-16",
|
|
"value": 48047078
|
|
},
|
|
{
|
|
"date": "2014-03-17",
|
|
"value": 48067078
|
|
},
|
|
{
|
|
"date": "2014-03-18",
|
|
"value": 48077078
|
|
},
|
|
{
|
|
"date": "2014-03-19",
|
|
"value": 48027074
|
|
},
|
|
{
|
|
"date": "2014-03-20",
|
|
"value": 48927079
|
|
},
|
|
{
|
|
"date": "2014-03-21",
|
|
"value": 48727071
|
|
},
|
|
{
|
|
"date": "2014-03-22",
|
|
"value": 48127072
|
|
},
|
|
{
|
|
"date": "2014-03-23",
|
|
"value": 48527072
|
|
},
|
|
{
|
|
"date": "2014-03-24",
|
|
"value": 48627027
|
|
},
|
|
{
|
|
"date": "2014-03-25",
|
|
"value": 48027040
|
|
},
|
|
{
|
|
"date": "2014-03-26",
|
|
"value": 48027043
|
|
},
|
|
{
|
|
"date": "2014-03-27",
|
|
"value": 48057022
|
|
},
|
|
{
|
|
"date": "2014-03-28",
|
|
"value": 49057022
|
|
},
|
|
{
|
|
"date": "2014-03-29",
|
|
"value": 50057022
|
|
},
|
|
{
|
|
"date": "2014-03-30",
|
|
"value": 51057022
|
|
},
|
|
{
|
|
"date": "2014-03-31",
|
|
"value": 52057022
|
|
},
|
|
{
|
|
"date": "2014-04-01",
|
|
"value": 53057022
|
|
},
|
|
{
|
|
"date": "2014-04-02",
|
|
"value": 54057022
|
|
},
|
|
{
|
|
"date": "2014-04-03",
|
|
"value": 52057022
|
|
},
|
|
{
|
|
"date": "2014-04-04",
|
|
"value": 55057022
|
|
},
|
|
{
|
|
"date": "2014-04-05",
|
|
"value": 58270783
|
|
},
|
|
{
|
|
"date": "2014-04-06",
|
|
"value": 56270783
|
|
},
|
|
{
|
|
"date": "2014-04-07",
|
|
"value": 55270783
|
|
},
|
|
{
|
|
"date": "2014-04-08",
|
|
"value": 58270783
|
|
},
|
|
{
|
|
"date": "2014-04-09",
|
|
"value": 59270783
|
|
},
|
|
{
|
|
"date": "2014-04-10",
|
|
"value": 60270783
|
|
},
|
|
{
|
|
"date": "2014-04-11",
|
|
"value": 61270783
|
|
},
|
|
{
|
|
"date": "2014-04-12",
|
|
"value": 62270783
|
|
},
|
|
{
|
|
"date": "2014-04-13",
|
|
"value": 63270783
|
|
},
|
|
{
|
|
"date": "2014-04-14",
|
|
"value": 64270783
|
|
},
|
|
{
|
|
"date": "2014-04-15",
|
|
"value": 65270783
|
|
},
|
|
{
|
|
"date": "2014-04-16",
|
|
"value": 66270783
|
|
},
|
|
{
|
|
"date": "2014-04-17",
|
|
"value": 67270783
|
|
},
|
|
{
|
|
"date": "2014-04-18",
|
|
"value": 68270783
|
|
},
|
|
{
|
|
"date": "2014-04-19",
|
|
"value": 69270783
|
|
},
|
|
{
|
|
"date": "2014-04-20",
|
|
"value": 70270783
|
|
},
|
|
{
|
|
"date": "2014-04-21",
|
|
"value": 71270783
|
|
},
|
|
{
|
|
"date": "2014-04-22",
|
|
"value": 72270783
|
|
},
|
|
{
|
|
"date": "2014-04-23",
|
|
"value": 73270783
|
|
},
|
|
{
|
|
"date": "2014-04-24",
|
|
"value": 74270783
|
|
},
|
|
{
|
|
"date": "2014-04-25",
|
|
"value": 75270783
|
|
},
|
|
{
|
|
"date": "2014-04-26",
|
|
"value": 76660783
|
|
},
|
|
{
|
|
"date": "2014-04-27",
|
|
"value": 77270783
|
|
},
|
|
{
|
|
"date": "2014-04-28",
|
|
"value": 78370783
|
|
},
|
|
{
|
|
"date": "2014-04-29",
|
|
"value": 79470783
|
|
},
|
|
{
|
|
"date": "2014-04-30",
|
|
"value": 80170783
|
|
}
|
|
],
|
|
[{
|
|
"date": "2014-01-01",
|
|
"value": 150000000
|
|
},
|
|
{
|
|
"date": "2014-01-02",
|
|
"value": 160379978
|
|
},
|
|
{
|
|
"date": "2014-01-03",
|
|
"value": 170493749
|
|
},
|
|
{
|
|
"date": "2014-01-04",
|
|
"value": 160785250
|
|
},
|
|
{
|
|
"date": "2014-01-05",
|
|
"value": 167391904
|
|
},
|
|
{
|
|
"date": "2014-01-06",
|
|
"value": 161576838
|
|
},
|
|
{
|
|
"date": "2014-01-07",
|
|
"value": 161413854
|
|
},
|
|
{
|
|
"date": "2014-01-08",
|
|
"value": 152177211
|
|
},
|
|
{
|
|
"date": "2014-01-09",
|
|
"value": 143762210
|
|
},
|
|
{
|
|
"date": "2014-01-10",
|
|
"value": 144381072
|
|
},
|
|
{
|
|
"date": "2014-01-11",
|
|
"value": 154352310
|
|
},
|
|
{
|
|
"date": "2014-01-12",
|
|
"value": 165531790
|
|
},
|
|
{
|
|
"date": "2014-01-13",
|
|
"value": 175748881
|
|
},
|
|
{
|
|
"date": "2014-01-14",
|
|
"value": 187064037
|
|
},
|
|
{
|
|
"date": "2014-01-15",
|
|
"value": 197520685
|
|
},
|
|
{
|
|
"date": "2014-01-16",
|
|
"value": 210176418
|
|
},
|
|
{
|
|
"date": "2014-01-17",
|
|
"value": 196122924
|
|
},
|
|
{
|
|
"date": "2014-01-18",
|
|
"value": 207337480
|
|
},
|
|
{
|
|
"date": "2014-01-19",
|
|
"value": 200258882
|
|
},
|
|
{
|
|
"date": "2014-01-20",
|
|
"value": 186829538
|
|
},
|
|
{
|
|
"date": "2014-01-21",
|
|
"value": 192456897
|
|
},
|
|
{
|
|
"date": "2014-01-22",
|
|
"value": 204299711
|
|
},
|
|
{
|
|
"date": "2014-01-23",
|
|
"value": 192759017
|
|
},
|
|
{
|
|
"date": "2014-01-24",
|
|
"value": 203596183
|
|
},
|
|
{
|
|
"date": "2014-01-25",
|
|
"value": 208107346
|
|
},
|
|
{
|
|
"date": "2014-01-26",
|
|
"value": 196359852
|
|
},
|
|
{
|
|
"date": "2014-01-27",
|
|
"value": 192570783
|
|
},
|
|
{
|
|
"date": "2014-01-28",
|
|
"value": 177967768
|
|
},
|
|
{
|
|
"date": "2014-01-29",
|
|
"value": 190632803
|
|
},
|
|
{
|
|
"date": "2014-01-30",
|
|
"value": 203725316
|
|
},
|
|
{
|
|
"date": "2014-01-31",
|
|
"value": 218226177
|
|
},
|
|
{
|
|
"date": "2014-02-01",
|
|
"value": 210698669
|
|
},
|
|
{
|
|
"date": "2014-02-02",
|
|
"value": 217640656
|
|
},
|
|
{
|
|
"date": "2014-02-03",
|
|
"value": 216142362
|
|
},
|
|
{
|
|
"date": "2014-02-04",
|
|
"value": 201410971
|
|
},
|
|
{
|
|
"date": "2014-02-05",
|
|
"value": 196704289
|
|
},
|
|
{
|
|
"date": "2014-02-06",
|
|
"value": 190436945
|
|
},
|
|
{
|
|
"date": "2014-02-07",
|
|
"value": 178891686
|
|
},
|
|
{
|
|
"date": "2014-02-08",
|
|
"value": 171613962
|
|
},
|
|
{
|
|
"date": "2014-02-09",
|
|
"value": 157579773
|
|
},
|
|
{
|
|
"date": "2014-02-10",
|
|
"value": 158677098
|
|
},
|
|
{
|
|
"date": "2014-02-11",
|
|
"value": 147129977
|
|
},
|
|
{
|
|
"date": "2014-02-12",
|
|
"value": 151561876
|
|
},
|
|
{
|
|
"date": "2014-02-13",
|
|
"value": 151627421
|
|
},
|
|
{
|
|
"date": "2014-02-14",
|
|
"value": 143543872
|
|
},
|
|
{
|
|
"date": "2014-02-15",
|
|
"value": 136581057
|
|
},
|
|
{
|
|
"date": "2014-02-16",
|
|
"value": 135560715
|
|
},
|
|
{
|
|
"date": "2014-02-17",
|
|
"value": 122625263
|
|
},
|
|
{
|
|
"date": "2014-02-18",
|
|
"value": 112091484
|
|
},
|
|
{
|
|
"date": "2014-02-19",
|
|
"value": 98810329
|
|
},
|
|
{
|
|
"date": "2014-02-20",
|
|
"value": 99882912
|
|
},
|
|
{
|
|
"date": "2014-02-21",
|
|
"value": 94943095
|
|
},
|
|
{
|
|
"date": "2014-02-22",
|
|
"value": 104875743
|
|
},
|
|
{
|
|
"date": "2014-02-23",
|
|
"value": 116383678
|
|
},
|
|
{
|
|
"date": "2014-02-24",
|
|
"value": 125028841
|
|
},
|
|
{
|
|
"date": "2014-02-25",
|
|
"value": 123967310
|
|
},
|
|
{
|
|
"date": "2014-02-26",
|
|
"value": 133167029
|
|
},
|
|
{
|
|
"date": "2014-02-27",
|
|
"value": 128577263
|
|
},
|
|
{
|
|
"date": "2014-02-28",
|
|
"value": 115836969
|
|
},
|
|
{
|
|
"date": "2014-03-01",
|
|
"value": 119264529
|
|
},
|
|
{
|
|
"date": "2014-03-02",
|
|
"value": 109363374
|
|
},
|
|
{
|
|
"date": "2014-03-03",
|
|
"value": 113985628
|
|
},
|
|
{
|
|
"date": "2014-03-04",
|
|
"value": 114650999
|
|
},
|
|
{
|
|
"date": "2014-03-05",
|
|
"value": 110866108
|
|
},
|
|
{
|
|
"date": "2014-03-06",
|
|
"value": 96473454
|
|
},
|
|
{
|
|
"date": "2014-03-07",
|
|
"value": 104075886
|
|
},
|
|
{
|
|
"date": "2014-03-08",
|
|
"value": 103568384
|
|
},
|
|
{
|
|
"date": "2014-03-09",
|
|
"value": 101534883
|
|
},
|
|
{
|
|
"date": "2014-03-10",
|
|
"value": 115825447
|
|
},
|
|
{
|
|
"date": "2014-03-11",
|
|
"value": 126133916
|
|
},
|
|
{
|
|
"date": "2014-03-12",
|
|
"value": 116502109
|
|
},
|
|
{
|
|
"date": "2014-03-13",
|
|
"value": 130169411
|
|
},
|
|
{
|
|
"date": "2014-03-14",
|
|
"value": 124296886
|
|
},
|
|
{
|
|
"date": "2014-03-15",
|
|
"value": 126347399
|
|
},
|
|
{
|
|
"date": "2014-03-16",
|
|
"value": 131483669
|
|
},
|
|
{
|
|
"date": "2014-03-17",
|
|
"value": 142811333
|
|
},
|
|
{
|
|
"date": "2014-03-18",
|
|
"value": 129675396
|
|
},
|
|
{
|
|
"date": "2014-03-19",
|
|
"value": 115514483
|
|
},
|
|
{
|
|
"date": "2014-03-20",
|
|
"value": 117630630
|
|
},
|
|
{
|
|
"date": "2014-03-21",
|
|
"value": 122340239
|
|
},
|
|
{
|
|
"date": "2014-03-22",
|
|
"value": 132349091
|
|
},
|
|
{
|
|
"date": "2014-03-23",
|
|
"value": 125613305
|
|
},
|
|
{
|
|
"date": "2014-03-24",
|
|
"value": 135592466
|
|
},
|
|
{
|
|
"date": "2014-03-25",
|
|
"value": 123408762
|
|
},
|
|
{
|
|
"date": "2014-03-26",
|
|
"value": 111991454
|
|
},
|
|
{
|
|
"date": "2014-03-27",
|
|
"value": 116123955
|
|
},
|
|
{
|
|
"date": "2014-03-28",
|
|
"value": 112817214
|
|
},
|
|
{
|
|
"date": "2014-03-29",
|
|
"value": 113029590
|
|
},
|
|
{
|
|
"date": "2014-03-30",
|
|
"value": 108753398
|
|
},
|
|
{
|
|
"date": "2014-03-31",
|
|
"value": 99383763
|
|
},
|
|
{
|
|
"date": "2014-04-01",
|
|
"value": 100151737
|
|
},
|
|
{
|
|
"date": "2014-04-02",
|
|
"value": 94985209
|
|
},
|
|
{
|
|
"date": "2014-04-03",
|
|
"value": 82913669
|
|
},
|
|
{
|
|
"date": "2014-04-04",
|
|
"value": 78748268
|
|
},
|
|
{
|
|
"date": "2014-04-05",
|
|
"value": 63829135
|
|
},
|
|
{
|
|
"date": "2014-04-06",
|
|
"value": 78694727
|
|
},
|
|
{
|
|
"date": "2014-04-07",
|
|
"value": 80868994
|
|
},
|
|
{
|
|
"date": "2014-04-08",
|
|
"value": 93799013
|
|
},
|
|
{
|
|
"date": "2014-04-09",
|
|
"value": 99042416
|
|
},
|
|
{
|
|
"date": "2014-04-10",
|
|
"value": 97298692
|
|
},
|
|
{
|
|
"date": "2014-04-11",
|
|
"value": 83353499
|
|
},
|
|
{
|
|
"date": "2014-04-12",
|
|
"value": 71248129
|
|
},
|
|
{
|
|
"date": "2014-04-13",
|
|
"value": 75253744
|
|
},
|
|
{
|
|
"date": "2014-04-14",
|
|
"value": 68976648
|
|
},
|
|
{
|
|
"date": "2014-04-15",
|
|
"value": 71002284
|
|
},
|
|
{
|
|
"date": "2014-04-16",
|
|
"value": 75052401
|
|
},
|
|
{
|
|
"date": "2014-04-17",
|
|
"value": 83894030
|
|
},
|
|
{
|
|
"date": "2014-04-18",
|
|
"value": 90236528
|
|
},
|
|
{
|
|
"date": "2014-04-19",
|
|
"value": 99739114
|
|
},
|
|
{
|
|
"date": "2014-04-20",
|
|
"value": 96407136
|
|
},
|
|
{
|
|
"date": "2014-04-21",
|
|
"value": 108323177
|
|
},
|
|
{
|
|
"date": "2014-04-22",
|
|
"value": 101578914
|
|
},
|
|
{
|
|
"date": "2014-04-23",
|
|
"value": 115877608
|
|
},
|
|
{
|
|
"date": "2014-04-24",
|
|
"value": 112088857
|
|
},
|
|
{
|
|
"date": "2014-04-25",
|
|
"value": 112071353
|
|
},
|
|
{
|
|
"date": "2014-04-26",
|
|
"value": 101790062
|
|
},
|
|
{
|
|
"date": "2014-04-27",
|
|
"value": 115003761
|
|
},
|
|
{
|
|
"date": "2014-04-28",
|
|
"value": 120457727
|
|
},
|
|
{
|
|
"date": "2014-04-29",
|
|
"value": 118253926
|
|
},
|
|
{
|
|
"date": "2014-04-30",
|
|
"value": 117956992
|
|
}
|
|
],
|
|
[{
|
|
"date": "2014-01-01",
|
|
"value": 50000000
|
|
},
|
|
{
|
|
"date": "2014-01-02",
|
|
"value": 60379978
|
|
},
|
|
{
|
|
"date": "2014-01-03",
|
|
"value": 40493749
|
|
},
|
|
{
|
|
"date": "2014-01-04",
|
|
"value": 60785250
|
|
},
|
|
{
|
|
"date": "2014-01-05",
|
|
"value": 67391904
|
|
},
|
|
{
|
|
"date": "2014-01-06",
|
|
"value": 61576838
|
|
},
|
|
{
|
|
"date": "2014-01-07",
|
|
"value": 61413854
|
|
},
|
|
{
|
|
"date": "2014-01-08",
|
|
"value": 82177211
|
|
},
|
|
{
|
|
"date": "2014-01-09",
|
|
"value": 103762210
|
|
},
|
|
{
|
|
"date": "2014-01-10",
|
|
"value": 84381072
|
|
},
|
|
{
|
|
"date": "2014-01-11",
|
|
"value": 54352310
|
|
},
|
|
{
|
|
"date": "2014-01-12",
|
|
"value": 65531790
|
|
},
|
|
{
|
|
"date": "2014-01-13",
|
|
"value": 75748881
|
|
},
|
|
{
|
|
"date": "2014-01-14",
|
|
"value": 47064037
|
|
},
|
|
{
|
|
"date": "2014-01-15",
|
|
"value": 67520685
|
|
},
|
|
{
|
|
"date": "2014-01-16",
|
|
"value": 60176418
|
|
},
|
|
{
|
|
"date": "2014-01-17",
|
|
"value": 66122924
|
|
},
|
|
{
|
|
"date": "2014-01-18",
|
|
"value": 57337480
|
|
},
|
|
{
|
|
"date": "2014-01-19",
|
|
"value": 100258882
|
|
},
|
|
{
|
|
"date": "2014-01-20",
|
|
"value": 46829538
|
|
},
|
|
{
|
|
"date": "2014-01-21",
|
|
"value": 92456897
|
|
},
|
|
{
|
|
"date": "2014-01-22",
|
|
"value": 94299711
|
|
},
|
|
{
|
|
"date": "2014-01-23",
|
|
"value": 62759017
|
|
},
|
|
{
|
|
"date": "2014-01-24",
|
|
"value": 103596183
|
|
},
|
|
{
|
|
"date": "2014-01-25",
|
|
"value": 108107346
|
|
},
|
|
{
|
|
"date": "2014-01-26",
|
|
"value": 66359852
|
|
},
|
|
{
|
|
"date": "2014-01-27",
|
|
"value": 62570783
|
|
},
|
|
{
|
|
"date": "2014-01-28",
|
|
"value": 77967768
|
|
},
|
|
{
|
|
"date": "2014-01-29",
|
|
"value": 60632803
|
|
},
|
|
{
|
|
"date": "2014-01-30",
|
|
"value": 103725316
|
|
},
|
|
{
|
|
"date": "2014-01-31",
|
|
"value": 98226177
|
|
},
|
|
{
|
|
"date": "2014-02-01",
|
|
"value": 60698669
|
|
},
|
|
{
|
|
"date": "2014-02-02",
|
|
"value": 67640656
|
|
},
|
|
{
|
|
"date": "2014-02-03",
|
|
"value": 66142362
|
|
},
|
|
{
|
|
"date": "2014-02-04",
|
|
"value": 101410971
|
|
},
|
|
{
|
|
"date": "2014-02-05",
|
|
"value": 66704289
|
|
},
|
|
{
|
|
"date": "2014-02-06",
|
|
"value": 60436945
|
|
},
|
|
{
|
|
"date": "2014-02-07",
|
|
"value": 78891686
|
|
},
|
|
{
|
|
"date": "2014-02-08",
|
|
"value": 71613962
|
|
},
|
|
{
|
|
"date": "2014-02-09",
|
|
"value": 107579773
|
|
},
|
|
{
|
|
"date": "2014-02-10",
|
|
"value": 58677098
|
|
},
|
|
{
|
|
"date": "2014-02-11",
|
|
"value": 87129977
|
|
},
|
|
{
|
|
"date": "2014-02-12",
|
|
"value": 51561876
|
|
},
|
|
{
|
|
"date": "2014-02-13",
|
|
"value": 51627421
|
|
},
|
|
{
|
|
"date": "2014-02-14",
|
|
"value": 83543872
|
|
},
|
|
{
|
|
"date": "2014-02-15",
|
|
"value": 66581057
|
|
},
|
|
{
|
|
"date": "2014-02-16",
|
|
"value": 65560715
|
|
},
|
|
{
|
|
"date": "2014-02-17",
|
|
"value": 62625263
|
|
},
|
|
{
|
|
"date": "2014-02-18",
|
|
"value": 92091484
|
|
},
|
|
{
|
|
"date": "2014-02-19",
|
|
"value": 48810329
|
|
},
|
|
{
|
|
"date": "2014-02-20",
|
|
"value": 49882912
|
|
},
|
|
{
|
|
"date": "2014-02-21",
|
|
"value": 44943095
|
|
},
|
|
{
|
|
"date": "2014-02-22",
|
|
"value": 104875743
|
|
},
|
|
{
|
|
"date": "2014-02-23",
|
|
"value": 96383678
|
|
},
|
|
{
|
|
"date": "2014-02-24",
|
|
"value": 105028841
|
|
},
|
|
{
|
|
"date": "2014-02-25",
|
|
"value": 63967310
|
|
},
|
|
{
|
|
"date": "2014-02-26",
|
|
"value": 63167029
|
|
},
|
|
{
|
|
"date": "2014-02-27",
|
|
"value": 68577263
|
|
},
|
|
{
|
|
"date": "2014-02-28",
|
|
"value": 95836969
|
|
},
|
|
{
|
|
"date": "2014-03-01",
|
|
"value": 99264529
|
|
},
|
|
{
|
|
"date": "2014-03-02",
|
|
"value": 109363374
|
|
},
|
|
{
|
|
"date": "2014-03-03",
|
|
"value": 93985628
|
|
},
|
|
{
|
|
"date": "2014-03-04",
|
|
"value": 94650999
|
|
},
|
|
{
|
|
"date": "2014-03-05",
|
|
"value": 90866108
|
|
},
|
|
{
|
|
"date": "2014-03-06",
|
|
"value": 46473454
|
|
},
|
|
{
|
|
"date": "2014-03-07",
|
|
"value": 84075886
|
|
},
|
|
{
|
|
"date": "2014-03-08",
|
|
"value": 103568384
|
|
},
|
|
{
|
|
"date": "2014-03-09",
|
|
"value": 101534883
|
|
},
|
|
{
|
|
"date": "2014-03-10",
|
|
"value": 95825447
|
|
},
|
|
{
|
|
"date": "2014-03-11",
|
|
"value": 66133916
|
|
},
|
|
{
|
|
"date": "2014-03-12",
|
|
"value": 96502109
|
|
},
|
|
{
|
|
"date": "2014-03-13",
|
|
"value": 80169411
|
|
},
|
|
{
|
|
"date": "2014-03-14",
|
|
"value": 84296886
|
|
},
|
|
{
|
|
"date": "2014-03-15",
|
|
"value": 86347399
|
|
},
|
|
{
|
|
"date": "2014-03-16",
|
|
"value": 31483669
|
|
},
|
|
{
|
|
"date": "2014-03-17",
|
|
"value": 82811333
|
|
},
|
|
{
|
|
"date": "2014-03-18",
|
|
"value": 89675396
|
|
},
|
|
{
|
|
"date": "2014-03-19",
|
|
"value": 95514483
|
|
},
|
|
{
|
|
"date": "2014-03-20",
|
|
"value": 97630630
|
|
},
|
|
{
|
|
"date": "2014-03-21",
|
|
"value": 62340239
|
|
},
|
|
{
|
|
"date": "2014-03-22",
|
|
"value": 62349091
|
|
},
|
|
{
|
|
"date": "2014-03-23",
|
|
"value": 65613305
|
|
},
|
|
{
|
|
"date": "2014-03-24",
|
|
"value": 65592466
|
|
},
|
|
{
|
|
"date": "2014-03-25",
|
|
"value": 63408762
|
|
},
|
|
{
|
|
"date": "2014-03-26",
|
|
"value": 91991454
|
|
},
|
|
{
|
|
"date": "2014-03-27",
|
|
"value": 96123955
|
|
},
|
|
{
|
|
"date": "2014-03-28",
|
|
"value": 92817214
|
|
},
|
|
{
|
|
"date": "2014-03-29",
|
|
"value": 93029590
|
|
},
|
|
{
|
|
"date": "2014-03-30",
|
|
"value": 108753398
|
|
},
|
|
{
|
|
"date": "2014-03-31",
|
|
"value": 49383763
|
|
},
|
|
{
|
|
"date": "2014-04-01",
|
|
"value": 100151737
|
|
},
|
|
{
|
|
"date": "2014-04-02",
|
|
"value": 44985209
|
|
},
|
|
{
|
|
"date": "2014-04-03",
|
|
"value": 52913669
|
|
},
|
|
{
|
|
"date": "2014-04-04",
|
|
"value": 48748268
|
|
},
|
|
{
|
|
"date": "2014-04-05",
|
|
"value": 23829135
|
|
},
|
|
{
|
|
"date": "2014-04-06",
|
|
"value": 58694727
|
|
},
|
|
{
|
|
"date": "2014-04-07",
|
|
"value": 50868994
|
|
},
|
|
{
|
|
"date": "2014-04-08",
|
|
"value": 43799013
|
|
},
|
|
{
|
|
"date": "2014-04-09",
|
|
"value": 4042416
|
|
},
|
|
{
|
|
"date": "2014-04-10",
|
|
"value": 47298692
|
|
},
|
|
{
|
|
"date": "2014-04-11",
|
|
"value": 53353499
|
|
},
|
|
{
|
|
"date": "2014-04-12",
|
|
"value": 71248129
|
|
},
|
|
{
|
|
"date": "2014-04-13",
|
|
"value": 75253744
|
|
},
|
|
{
|
|
"date": "2014-04-14",
|
|
"value": 68976648
|
|
},
|
|
{
|
|
"date": "2014-04-15",
|
|
"value": 71002284
|
|
},
|
|
{
|
|
"date": "2014-04-16",
|
|
"value": 75052401
|
|
},
|
|
{
|
|
"date": "2014-04-17",
|
|
"value": 83894030
|
|
},
|
|
{
|
|
"date": "2014-04-18",
|
|
"value": 50236528
|
|
},
|
|
{
|
|
"date": "2014-04-19",
|
|
"value": 59739114
|
|
},
|
|
{
|
|
"date": "2014-04-20",
|
|
"value": 56407136
|
|
},
|
|
{
|
|
"date": "2014-04-21",
|
|
"value": 108323177
|
|
},
|
|
{
|
|
"date": "2014-04-22",
|
|
"value": 101578914
|
|
},
|
|
{
|
|
"date": "2014-04-23",
|
|
"value": 95877608
|
|
},
|
|
{
|
|
"date": "2014-04-24",
|
|
"value": 62088857
|
|
},
|
|
{
|
|
"date": "2014-04-25",
|
|
"value": 92071353
|
|
},
|
|
{
|
|
"date": "2014-04-26",
|
|
"value": 81790062
|
|
},
|
|
{
|
|
"date": "2014-04-27",
|
|
"value": 105003761
|
|
},
|
|
{
|
|
"date": "2014-04-28",
|
|
"value": 100457727
|
|
},
|
|
{
|
|
"date": "2014-04-29",
|
|
"value": 98253926
|
|
},
|
|
{
|
|
"date": "2014-04-30",
|
|
"value": 67956992
|
|
}
|
|
]
|
|
]
|
|
var ts2 = 1484418600000;
|
|
var dates = [];
|
|
for (var i = 0; i < 120; i++) {
|
|
ts2 = ts2 + 86400000;
|
|
var innerArr = [ts2, dataSeries[1][i].value];
|
|
dates.push(innerArr)
|
|
}
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
stacked: false,
|
|
height: 300,
|
|
zoom: {
|
|
type: 'x',
|
|
padding: {
|
|
left: 30,
|
|
right: 20
|
|
}
|
|
},
|
|
toolbar: {
|
|
show: true,
|
|
autoSelected: 'zoom'
|
|
}
|
|
},
|
|
plotOptions: {
|
|
line: {
|
|
curve: 'smooth',
|
|
}
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
series: [{
|
|
name: 'Nifty 50',
|
|
data: dates
|
|
}],
|
|
colors: ['#8E54E9'],
|
|
fill: {
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0,
|
|
inverseColors: false,
|
|
opacityFrom: 1,
|
|
opacityTo: 0
|
|
},
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#fff',
|
|
},
|
|
yaxis: {
|
|
min: 20000000,
|
|
max: 250000000,
|
|
labels: {
|
|
formatter: function (val) {
|
|
return (val / 1000000).toFixed(0);
|
|
},
|
|
},
|
|
},
|
|
xaxis: {
|
|
type: 'datetime',
|
|
labels: {
|
|
style: {
|
|
colors: ['#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494','#949494', '#949494', '#949494','#949494','#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-xaxis-label',
|
|
},
|
|
offsetX: -25
|
|
},
|
|
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
},
|
|
tooltip: {
|
|
shared: false,
|
|
y: {
|
|
formatter: function (val) {
|
|
return (val / 1000000).toFixed(0)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
// anaylytics 2
|
|
var analytics2 = jQuery('#analytics2')
|
|
if (analytics2.length > 0) {
|
|
var optionsBar = {
|
|
chart: {
|
|
type: 'bar',
|
|
height: 250,
|
|
width: '100%',
|
|
stacked: true,
|
|
foreColor: '#999',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
columnWidth: '60%',
|
|
endingShape: 'rounded'
|
|
}
|
|
},
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
colors: ["#4776E6", '#eceef3'],
|
|
series: [{
|
|
name: "Sessions",
|
|
data: [20, 16, 24, 28, 26, 22, 15, 5, 14, 16, 22, 29, 24, 19],
|
|
}, {
|
|
name: "Views",
|
|
data: [20, 16, 24, 28, 26, 22, 15, 5, 14, 16, 22, 29, 24, 19],
|
|
}],
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
style: {
|
|
fontSize: '14px'
|
|
}
|
|
},
|
|
},
|
|
grid: {
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
},
|
|
yaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
}
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false
|
|
},
|
|
},
|
|
legend: {
|
|
floating: false,
|
|
position: 'top',
|
|
horizontalAlign: 'right',
|
|
offsetY: -36
|
|
},
|
|
title: {
|
|
text: '10 days left',
|
|
align: 'left',
|
|
},
|
|
tooltip: {
|
|
shared: true
|
|
}
|
|
}
|
|
var chartBar = new ApexCharts(document.querySelector('#analytics2'), optionsBar);
|
|
chartBar.render();
|
|
}
|
|
var analytics3 = jQuery('#analytics3')
|
|
if (analytics3.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 200,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [5, 4],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ["#8E54E9", '#2bcbba'],
|
|
series: [{
|
|
name: "Total revenue",
|
|
data: [45, 52, 38, 24, 33, 26, 21, 20]
|
|
},
|
|
{
|
|
name: "Total cost",
|
|
data: [35, 41, 62, 42, 13, 18, 29, 37]
|
|
}
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: true,
|
|
offsetX: 10,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan'],
|
|
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per click"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per click"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
},
|
|
responsive: [{
|
|
breakpoint: 480,
|
|
options: {
|
|
xaxis: {
|
|
labels: {
|
|
rotate: -45,
|
|
hideOverlappingLabels: true,
|
|
}
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
|
|
// analytics4
|
|
var analytics4 = jQuery('#analytics4')
|
|
if (analytics4.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 160,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#8E54E9'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics4"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// analytics5
|
|
var analytics5 = jQuery('#analytics5')
|
|
if (analytics5.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 160,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#fb0792'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// analytics6
|
|
var analytics6 = jQuery('#analytics6')
|
|
if (analytics6.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 160,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#32b432'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics6"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// analytics7
|
|
var analytics7 = jQuery('#analytics7')
|
|
if (analytics7.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
width: 120,
|
|
height: 50,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
colors:['#8E54E9'],
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded',
|
|
}
|
|
},
|
|
series: [{
|
|
data: [15, 55, 60, 69, 53, 35, 54]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 360,
|
|
options: {
|
|
chart: {
|
|
width:60,
|
|
height:60
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:100,
|
|
height:80
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics7"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
|
|
// analytics8
|
|
var analytics8 = jQuery('#analytics8')
|
|
if (analytics8.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
width: 120,
|
|
height: 50,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
colors:['#2bcbba'],
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded',
|
|
}
|
|
},
|
|
series: [{
|
|
data: [15, 55, 60, 69, 53, 35, 54]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 360,
|
|
options: {
|
|
chart: {
|
|
width:60,
|
|
height:60
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:100,
|
|
height:80
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics8"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
// analytics9
|
|
var analytics9 = jQuery('#analytics9')
|
|
if (analytics9.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
width: 120,
|
|
height: 50,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
colors:['#fb0792'],
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded',
|
|
}
|
|
},
|
|
series: [{
|
|
data: [15, 55, 60, 69, 53, 35, 54]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 360,
|
|
options: {
|
|
chart: {
|
|
width:60,
|
|
height:60
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:100,
|
|
height:80
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#analytics9"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
|
|
// analytics10
|
|
var analytics10 = jQuery('#analytics10')
|
|
if (analytics10.length > 0) {
|
|
|
|
var optionsDonutTop = {
|
|
chart: {
|
|
height: 115,
|
|
width: 140,
|
|
type: 'donut',
|
|
},
|
|
colors: ['#8E54E9', '#f7b731', '#45aaf2'],
|
|
labels: ['Redirect Visists', 'New Visits', 'Direct Visits'],
|
|
series: [456, 256, 128],
|
|
legend: {
|
|
show: false
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
size: 35,
|
|
donut: {
|
|
size: '72%',
|
|
},
|
|
offsetX: 10,
|
|
offsetY: -10,
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:250,
|
|
height:250
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
size: 70,
|
|
donut: {
|
|
size: '72%',
|
|
},
|
|
offsetX: 0,
|
|
offsetY: -20,
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
}
|
|
},
|
|
},
|
|
}]
|
|
}
|
|
var chartDonut2 = new ApexCharts(document.querySelector('#analytics10'), optionsDonutTop);
|
|
chartDonut2.render().then(function () {
|
|
});
|
|
}
|
|
|
|
// ecommerce
|
|
var ecommerce5 = jQuery('#ecommerce5')
|
|
if (ecommerce5.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 340,
|
|
type: 'bar',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors:['#8E54E9', '#eceef3'],
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: false,
|
|
endingShape: 'rounded',
|
|
columnWidth: '40%',
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
width: 2,
|
|
colors: ['transparent']
|
|
},
|
|
series: [{
|
|
name: 'Annual Sales',
|
|
data: [44, 55, 57, 56, 61, 58, 63, 60, 66]
|
|
}, {
|
|
name: 'Annual Revenue',
|
|
data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
|
|
}],
|
|
xaxis: {
|
|
categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
labels: {
|
|
style: {
|
|
colors: ['#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494','#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-xaxis-label',
|
|
},
|
|
offsetX: 0,
|
|
}
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false,
|
|
style: {
|
|
colors: ['#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-yaxis-label',
|
|
}
|
|
}
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'light',
|
|
type: "vertical",
|
|
shadeIntensity: 0.6,
|
|
gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
|
|
inverseColors: true,
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
stops: [0, 50, 100]
|
|
}
|
|
},
|
|
legend: {
|
|
fontFamily: 'Roboto',
|
|
labels: {
|
|
colors: ['#949494', '#949494','#949494'],
|
|
useSeriesColors: false
|
|
},
|
|
itemMargin: {
|
|
horizontal: 20
|
|
},
|
|
},
|
|
tooltip: {
|
|
y: {
|
|
formatter: function (val) {
|
|
return "$ " + val + " thousands"
|
|
}
|
|
}
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#fff',
|
|
},
|
|
responsive: [{
|
|
breakpoint: 400,
|
|
options: {
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: false,
|
|
endingShape: 'rounded',
|
|
columnWidth: '70%',
|
|
},
|
|
},
|
|
},
|
|
}]
|
|
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#ecommerce5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
|
|
|
|
var ecommercedemo1 = jQuery('#ecommercedemo1')
|
|
if (ecommercedemo1.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 100,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#8E54E9'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#ecommercedemo1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var ecommercedemo2 = jQuery('#ecommercedemo2')
|
|
if (ecommercedemo2.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 100,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#fbaf54'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#ecommercedemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var ecommercedemo3 = jQuery('#ecommercedemo3')
|
|
if (ecommercedemo3.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 100,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#e3324c'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#ecommercedemo3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var ecommercedemo4 = jQuery('#ecommercedemo4')
|
|
if (ecommercedemo4.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 100,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#32b432'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#ecommercedemo4"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var ecommercedemo5 = jQuery('#ecommercedemo5')
|
|
if (ecommercedemo5.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
width: 260,
|
|
height: 230,
|
|
type: 'pie',
|
|
},
|
|
colors:['#8E54E9','#fbaf54','#4776E6','#e3324c','#444444'],
|
|
labels: ['Direct', 'Referral', 'Organic Search','Social Network', 'Other Advertising'],
|
|
series: [44, 55, 13,53,35],
|
|
legend: {
|
|
show: false
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
responsive: [{
|
|
breakpoint: 400,
|
|
options: {
|
|
chart: {
|
|
offsetY:0,
|
|
offsetX:0,
|
|
width: 250,
|
|
}
|
|
},
|
|
},
|
|
{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
offsetY:0,
|
|
offsetX:0,
|
|
width: 300,
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#ecommercedemo5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
|
|
var cardealerdemo1 = jQuery('#cardealerdemo1')
|
|
if (cardealerdemo1.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 160,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
stroke: {
|
|
width: '1',
|
|
curve: 'smooth'
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
shade: 'light',
|
|
type: "vertical",
|
|
shadeIntensity: 0.2,
|
|
gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
|
|
inverseColors: true,
|
|
opacityFrom: 0.4,
|
|
opacityTo: .4,
|
|
stops: [0, 50, 100]
|
|
}
|
|
},
|
|
markers: {
|
|
style: 'inverted',
|
|
size: 2
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#ffffff'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cardealerdemo1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var pageview = jQuery('#pageview')
|
|
if (pageview.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [0, 2, 7, 5, 10, 9, 13, 15];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 355,
|
|
width: 600,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.6,
|
|
opacityTo: 0.2,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
markers: {
|
|
strokeColor: '#8E54E9',
|
|
size: 3
|
|
},
|
|
series: [{
|
|
data: sparklineData
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#8E54E9'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#pageview"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// cardealerdemo2
|
|
var cardealerdemo2 = jQuery('#cardealerdemo2')
|
|
if (cardealerdemo2.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 260,
|
|
type: 'bar',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
},
|
|
colors:['#8E54E9'],
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: false,
|
|
columnWidth: '16%',
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
show: true,
|
|
width: 2,
|
|
colors: ['transparent']
|
|
},
|
|
series: [{
|
|
name: 'Annual Revenue',
|
|
data: [76, 85, 101, 98, 87, 105, 91, 114, 94]
|
|
}],
|
|
xaxis: {
|
|
categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
labels: {
|
|
style: {
|
|
colors: ['#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494','#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-xaxis-label',
|
|
},
|
|
offsetX: 0,
|
|
}
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false,
|
|
style: {
|
|
colors: ['#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-yaxis-label',
|
|
}
|
|
}
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'light',
|
|
type: "vertical",
|
|
shadeIntensity: 0,
|
|
gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
|
|
inverseColors: true,
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
stops: [0, 50, 100]
|
|
}
|
|
},
|
|
legend: {
|
|
fontFamily: 'Roboto',
|
|
labels: {
|
|
colors: ['#949494', '#949494','#949494'],
|
|
useSeriesColors: false
|
|
}
|
|
},
|
|
tooltip: {
|
|
y: {
|
|
formatter: function (val) {
|
|
return "$ " + val + " thousands"
|
|
}
|
|
}
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#f5f5f5',
|
|
},
|
|
responsive: [{
|
|
breakpoint: 400,
|
|
options: {
|
|
yaxis: {
|
|
show: false
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: false,
|
|
endingShape: 'rounded',
|
|
columnWidth: '90%',
|
|
},
|
|
},
|
|
yaxis: {
|
|
show: false
|
|
}
|
|
},
|
|
}]
|
|
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cardealerdemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
|
|
|
|
|
|
// cardealerdemo3
|
|
var cardealerdemo3 = jQuery('#cardealerdemo3')
|
|
if (cardealerdemo3.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 350,
|
|
type: 'line',
|
|
shadow: {
|
|
enabled: true,
|
|
color: '#000',
|
|
top: 18,
|
|
left: 7,
|
|
blur: 10,
|
|
opacity: 1
|
|
},
|
|
toolbar: {
|
|
show: false
|
|
}
|
|
},
|
|
colors: ['#8E54E9', '#4776E6'],
|
|
dataLabels: {
|
|
enabled: true,
|
|
},
|
|
stroke: {
|
|
curve: 'smooth'
|
|
},
|
|
series: [{
|
|
name: "User - 208",
|
|
data: [28, 29, 33, 36, 32, 32, 33]
|
|
},
|
|
{
|
|
name: "Page View - 208",
|
|
data: [12, 11, 14, 18, 17, 13, 13]
|
|
}
|
|
],
|
|
grid: {
|
|
borderColor: '#dee0ea',
|
|
row: {
|
|
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
|
|
opacity: 0.5
|
|
},
|
|
},
|
|
markers: {
|
|
size: 6
|
|
},
|
|
xaxis: {
|
|
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul']
|
|
},
|
|
yaxis: {
|
|
min: 5,
|
|
max: 40
|
|
},
|
|
legend: {
|
|
show: false,
|
|
position: 'top',
|
|
horizontalAlign: 'right',
|
|
floating: true,
|
|
offsetY: -25,
|
|
offsetX: -5
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cardealerdemo3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
|
|
// cardealerdemo4
|
|
var cardealerdemo4 = jQuery('#cardealerdemo4')
|
|
if (cardealerdemo4.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
width: 260,
|
|
type: 'donut',
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
series:[60, 40, 25, 15],
|
|
labels: ['Direct', 'Referral', 'Organic', 'Social'],
|
|
colors:['#d270f9','#d69bee', '#deb0f1','#ebcff6'],
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'dark',
|
|
type: "vertical",
|
|
shadeIntensity: 1,
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
gradientToColors: ['#d270f9','#d69bee', '#deb0f1','#ebcff6'],
|
|
stops: [0, 90, 100]
|
|
}
|
|
},
|
|
legend: {
|
|
show: false,
|
|
position: 'left',
|
|
horizontalAlign: 'center',
|
|
fontSize: '14px',
|
|
itemMargin: {
|
|
horizontal: 20,
|
|
vertical: 5
|
|
},
|
|
},
|
|
responsive: [{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width: 200
|
|
},
|
|
legend: {
|
|
position: 'bottom'
|
|
}
|
|
}
|
|
}]
|
|
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cardealerdemo4"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
var paper = chart.paper()
|
|
|
|
}
|
|
|
|
|
|
var cardealerdemo5 = jQuery('#cardealerdemo5')
|
|
if (cardealerdemo5.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 160,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.9,
|
|
opacityTo: 0.1,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#d270f9'],
|
|
}
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cardealerdemo5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// Stock Market
|
|
var stockmarket5 = jQuery('#stockmarket5')
|
|
if (stockmarket5.length > 0) {
|
|
var ts2 = 1484418600000;
|
|
var dates = [];
|
|
var spikes = [5, -5, 3, -3, 8, -8]
|
|
for (var i = 0; i < 120; i++) {
|
|
ts2 = ts2 + 86400000;
|
|
var innerArr = [ts2, dataSeries[1][i].value];
|
|
dates.push(innerArr)
|
|
}
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
stacked: false,
|
|
height: 350,
|
|
zoom: {
|
|
type: 'x',
|
|
enabled: true
|
|
},
|
|
toolbar: {
|
|
autoSelected: 'zoom'
|
|
}
|
|
},
|
|
plotOptions: {
|
|
line: {
|
|
curve: 'smooth',
|
|
}
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
series: [{
|
|
name: 'Nifty 50',
|
|
data: dates
|
|
}],
|
|
markers: {
|
|
size: 0,
|
|
style: 'full',
|
|
},
|
|
colors: ['#8E54E9'],
|
|
fill: {
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0,
|
|
inverseColors: false,
|
|
opacityFrom: 1,
|
|
opacityTo: 0
|
|
},
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#fff',
|
|
},
|
|
yaxis: {
|
|
min: 20000000,
|
|
max: 250000000,
|
|
labels: {
|
|
formatter: function (val) {
|
|
return (val / 1000000).toFixed(0);
|
|
},
|
|
},
|
|
title: {
|
|
text: 'Price'
|
|
},
|
|
},
|
|
xaxis: {
|
|
type: 'datetime',
|
|
labels: {
|
|
style: {
|
|
colors: ['#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494','#949494', '#949494', '#949494','#949494','#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-xaxis-label',
|
|
},
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
},
|
|
tooltip: {
|
|
shared: false,
|
|
y: {
|
|
formatter: function (val) {
|
|
return (val / 1000000).toFixed(0)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarket5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
var stockmarket6 = jQuery('#stockmarket6')
|
|
if (stockmarket6.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 300,
|
|
type: 'bar',
|
|
toolbar: {
|
|
show: false,
|
|
}
|
|
},
|
|
legend: {
|
|
show: true,
|
|
position: "top",
|
|
containerMargin: {
|
|
top: -20
|
|
}
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: true,
|
|
barHeight: '20%',
|
|
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
colors: ['#8E54E9'],
|
|
fill: {
|
|
gradient: {
|
|
enabled: true,
|
|
shade: 'light',
|
|
type: "vertical",
|
|
shadeIntensity: 0.1,
|
|
gradientToColors: undefined,
|
|
inverseColors: true,
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
stops: [50, 0, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: [400, 430, 448, 470, 540, 430, 448]
|
|
}],
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#fff',
|
|
},
|
|
xaxis: {
|
|
categories: ['Tata', 'Reliance', 'ONGC', 'GAIL', 'Tata Motors', 'ACC', 'Mind Tree'],
|
|
labels: {
|
|
style: {
|
|
colors: ['#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494','#949494', '#949494', '#949494','#949494','#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-xaxis-label',
|
|
},
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarket6"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// stockmarket7
|
|
function generateData(baseval, count, yrange) {
|
|
var i = 0;
|
|
var series = [];
|
|
while (i < count) {
|
|
var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;;
|
|
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
|
|
var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
|
|
|
|
series.push([x, y, z]);
|
|
baseval += 86400000;
|
|
i++;
|
|
}
|
|
return series;
|
|
}
|
|
var stockmarket7 = jQuery('#stockmarket7')
|
|
if (stockmarket7.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 390,
|
|
type: 'bubble',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
legend: {
|
|
show: false,
|
|
position: "top",
|
|
containerMargin: {
|
|
top: -20
|
|
}
|
|
},
|
|
series: [{
|
|
name: 'Actual',
|
|
data: generateData(new Date('11 Feb 2017 GMT').getTime(), 12, {
|
|
min: 10,
|
|
max: 60
|
|
})
|
|
},
|
|
{
|
|
name: 'Budget',
|
|
data: generateData(new Date('11 Feb 2017 GMT').getTime(), 12, {
|
|
min: 10,
|
|
max: 60
|
|
})
|
|
}
|
|
],
|
|
colors: ['#8E54E9', '#45aaf2'],
|
|
fill: {
|
|
opacity: 0.8,
|
|
|
|
gradient: {
|
|
enabled: false
|
|
}
|
|
},
|
|
xaxis: {
|
|
tickAmount: 12,
|
|
type: 'category',
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
label: {
|
|
offsetX: 10
|
|
}
|
|
},
|
|
yaxis: {
|
|
max: 70
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarket7"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
|
|
|
|
// stockmarketdemo1
|
|
var stockmarketdemo1 = jQuery('#stockmarketdemo1')
|
|
if (stockmarketdemo1.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [2],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#fb0792'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 2, 1, 3, 1, 2, 3, 2, 1, 3, 8, 2, 3, 1,]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan', '09 Jan', '10 Jan', '11 Jan', '12 Jan', '13 Jan', '14 Jan', '15 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
|
|
var stockmarketdemo2 = jQuery('#stockmarketdemo2')
|
|
if (stockmarketdemo2.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [2],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#8E54E9'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 2, 1, 3, 8, 2, 3, 2, 1, 3, 2, 2, 3, 1,]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan', '09 Jan', '10 Jan', '11 Jan', '12 Jan', '13 Jan', '14 Jan', '15 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
var stockmarketdemo3 = jQuery('#stockmarketdemo3')
|
|
if (stockmarketdemo3.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [2],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#fd9644'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 2, 1, 3, 1, 2, 8, 2, 1, 3, 1, 2, 3, 1,]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan', '09 Jan', '10 Jan', '11 Jan', '12 Jan', '13 Jan', '14 Jan', '15 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
var stockmarketdemo4 = jQuery('#stockmarketdemo4')
|
|
if (stockmarketdemo4.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [2],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#2bcbba'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 8, 1, 3, 1, 2, 3, 2, 1, 3, 4, 2, 3, 1,]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan', '09 Jan', '10 Jan', '11 Jan', '12 Jan', '13 Jan', '14 Jan', '15 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo4"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
|
|
var stockmarketdemo5 = jQuery('#stockmarketdemo5')
|
|
if (stockmarketdemo5.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
height: 100,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '80%'
|
|
}
|
|
},
|
|
colors:['#8E54E9'],
|
|
series: [{
|
|
data: [25, 66, 41, 89, 63, 25, 44, 12, 36, 9, 54,44, 12, 36, 9, 54, 66, 41, 89, 63, 25,25, 44, 12, 36, 9, 54,44, 12, 36, 9]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
|
|
// stockmarketdemo6
|
|
var stockmarketdemo6 = jQuery('#stockmarketdemo6')
|
|
if (stockmarketdemo6.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 100,
|
|
width: 150,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
}
|
|
},
|
|
colors: ['#ffffff'],
|
|
markers: {
|
|
style: 'inverted',
|
|
size: 1
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
curve: 'straight',
|
|
width: 2
|
|
},
|
|
series: [{
|
|
show: false,
|
|
name: "Desktops",
|
|
data: [5, 20, 10, 20, 10, 20, 10]
|
|
}],
|
|
title: {
|
|
align: 'left'
|
|
},
|
|
xaxis: {
|
|
show: false,
|
|
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
|
labels: {
|
|
show: false,
|
|
},
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false,
|
|
},
|
|
},
|
|
grid: {
|
|
show: false
|
|
},
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo6"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
// stockmarketdemo7
|
|
var stockmarketdemo7 = jQuery('#stockmarketdemo7')
|
|
if (stockmarketdemo7.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 100,
|
|
width: 150,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
}
|
|
},
|
|
colors: ['#ffffff'],
|
|
markers: {
|
|
style: 'inverted',
|
|
size: 1
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
curve: 'straight',
|
|
width: 2
|
|
},
|
|
series: [{
|
|
show: false,
|
|
name: "Desktops",
|
|
data: [5, 20, 10, 20, 10, 20, 10]
|
|
}],
|
|
title: {
|
|
align: 'left'
|
|
},
|
|
xaxis: {
|
|
show: false,
|
|
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
|
labels: {
|
|
show: false,
|
|
},
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false,
|
|
},
|
|
},
|
|
grid: {
|
|
show: false
|
|
},
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo7"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// stockmarketdemo8
|
|
|
|
var stockmarketdemo8 = jQuery('#stockmarketdemo8')
|
|
if (stockmarketdemo8.length > 0) {
|
|
var data = generateDayWiseTimeSeries(new Date('10 Feb 2018').getTime(), 185, {
|
|
min: 30,
|
|
max: 90
|
|
})
|
|
var optionsline2 = {
|
|
chart: {
|
|
id: 'stockmarketdemo8',
|
|
type: 'line',
|
|
height: 230,
|
|
toolbar: {
|
|
autoSelected: 'pan',
|
|
show: false
|
|
}
|
|
},
|
|
colors: ['#8E54E9'],
|
|
stroke: {
|
|
width: 2,
|
|
curve: 'smooth'
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
fill: {
|
|
opacity: 1,
|
|
},
|
|
markers: {
|
|
size: 0
|
|
},
|
|
series: [{
|
|
data: data
|
|
}],
|
|
xaxis: {
|
|
type: 'datetime'
|
|
}
|
|
}
|
|
|
|
var chartline2 = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo8"),
|
|
optionsline2
|
|
);
|
|
|
|
chartline2.render();
|
|
}
|
|
|
|
|
|
// stockmarketdemo8bottom
|
|
var stockmarketdemo8bottom = jQuery('#stockmarketdemo8bottom')
|
|
if (stockmarketdemo8bottom.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
id: 'stockmarketdemo8bottom',
|
|
height: 130,
|
|
type: 'area',
|
|
brush:{
|
|
target: 'stockmarketdemo8',
|
|
enabled: true
|
|
},
|
|
selection: {
|
|
enabled: true,
|
|
xaxis: {
|
|
min: new Date('19 Jun 2018').getTime(),
|
|
max: new Date('14 Aug 2018').getTime()
|
|
}
|
|
},
|
|
},
|
|
colors: ['#8E54E9'],
|
|
series: [{
|
|
data: data
|
|
}],
|
|
fill: {
|
|
gradient: {
|
|
enabled: true,
|
|
opacityFrom: 0.91,
|
|
opacityTo: 0.1,
|
|
}
|
|
},
|
|
xaxis: {
|
|
type: 'datetime',
|
|
offsetX: 10,
|
|
tooltip: {
|
|
enabled: false
|
|
}
|
|
},
|
|
yaxis: {
|
|
tickAmount: 2
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo8bottom"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
function generateDayWiseTimeSeries(baseval, count, yrange) {
|
|
var i = 0;
|
|
var series = [];
|
|
while (i < count) {
|
|
var x = baseval;
|
|
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
|
|
|
|
series.push([x, y]);
|
|
baseval += 86400000;
|
|
i++;
|
|
}
|
|
return series;
|
|
}
|
|
|
|
|
|
// stockmarketdemo9
|
|
var stockmarketdemo9 = jQuery('#stockmarketdemo9')
|
|
if (stockmarketdemo9.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 354,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
animations: {
|
|
enabled: false
|
|
}
|
|
},
|
|
colors: ['#45aaf2', '#32b432', '#fd9644'],
|
|
legend: {
|
|
show: true,
|
|
showForSingleSeries: true,
|
|
showForZeroSeries: true,
|
|
position: 'top',
|
|
horizontalAlign: 'right'
|
|
},
|
|
stroke: {
|
|
width: [5,5,4],
|
|
curve: 'straight'
|
|
},
|
|
series: [{
|
|
name: 'Peter',
|
|
data: [5, 5, 10, 8, 7, 5, 4, null, null, null, 10, 10, 7, 8, 6, 9]
|
|
}, {
|
|
name: 'Johnny',
|
|
data: [10, 15, null, 12, null, 10, 12, 15, null, null, 12, null, 14, null, null, null]
|
|
}, {
|
|
name: 'David',
|
|
data: [null, null, null, null, 3, 4, 1, 3, 4, 6, 7, 9, 5, null, null, null]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16],
|
|
xaxis: {
|
|
},
|
|
}
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#stockmarketdemo9"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// datingdemo1
|
|
var datingdemo1 = jQuery('#datingdemo1')
|
|
if (datingdemo1.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 440,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
shadow: {
|
|
enabled: false,
|
|
color: '#bbb',
|
|
top: 3,
|
|
left: 2,
|
|
blur: 3,
|
|
opacity: 1
|
|
},
|
|
},
|
|
stroke: {
|
|
width: 4,
|
|
curve: 'smooth'
|
|
},
|
|
series: [{
|
|
name: 'Likes',
|
|
data: [1, 35, 10, 30, 8, 25, 6, 40, 10, 34, 8, 30]
|
|
}],
|
|
xaxis: {
|
|
type: 'datetime',
|
|
categories: ['1/11/2000', '2/11/2000', '3/11/2000', '4/11/2000', '5/11/2000', '6/11/2000', '7/11/2000', '8/11/2000', '9/11/2000', '10/11/2000', '11/11/2000', '12/11/2000'],
|
|
labels: {
|
|
show: true,
|
|
},
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
title: {
|
|
align: 'left',
|
|
style: {
|
|
fontSize: "16px",
|
|
color: '#666'
|
|
}
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#eceef3',
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'dark',
|
|
gradientToColors: [ '#ff0792'],
|
|
shadeIntensity: 1,
|
|
type: 'horizontal',
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
stops: [0, 100, 100, 100]
|
|
},
|
|
},
|
|
markers: {
|
|
size: 5,
|
|
opacity: 0.9,
|
|
colors: ["#ffffff"],
|
|
strokeColor: "#ff0792",
|
|
strokeWidth: 2,
|
|
|
|
hover: {
|
|
size: 7,
|
|
}
|
|
},
|
|
yaxis: {
|
|
min: -10,
|
|
max: 40,
|
|
title: {
|
|
show: false,
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#datingdemo1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// datingdemo2
|
|
var datingdemo2 = jQuery('#datingdemo2')
|
|
if (datingdemo2.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 350,
|
|
type: 'radialBar',
|
|
},
|
|
plotOptions: {
|
|
radialBar: {
|
|
dataLabels: {
|
|
name: {
|
|
fontSize: '22px',
|
|
},
|
|
value: {
|
|
fontSize: '16px',
|
|
},
|
|
total: {
|
|
show: true,
|
|
label: 'Total',
|
|
formatter: function (w) {
|
|
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
|
|
return 249
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'dark',
|
|
type: "vertical",
|
|
shadeIntensity: 1,
|
|
opacityFrom: 1,
|
|
opacityTo:1,
|
|
gradientToColors: ['#8E54E9', '#45aaf2' , '#2bcbba'],
|
|
stops: [0, 90, 100]
|
|
}
|
|
},
|
|
colors:['#8E54E9','#45aaf2', '#2bcbba'],
|
|
series: [45, 55, 80],
|
|
labels: ['Desktop', 'Tablet', 'Mobile'],
|
|
responsive: [{
|
|
breakpoint: 400,
|
|
options: {
|
|
chart: {
|
|
offsetY:0,
|
|
offsetX:0,
|
|
height: 300,
|
|
}
|
|
},
|
|
}]
|
|
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#datingdemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// datingdemo3
|
|
function generateDayWiseTimeSeries(baseval, count, yrange) {
|
|
var i = 0;
|
|
var series = [];
|
|
while (i < count) {
|
|
var x = baseval;
|
|
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
|
|
|
|
series.push([x, y]);
|
|
baseval += 86400000;
|
|
i++;
|
|
}
|
|
return series;
|
|
}
|
|
|
|
var datingdemo3 = jQuery('#datingdemo3')
|
|
if (datingdemo3.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 320,
|
|
type: 'area',
|
|
stacked: true,
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
events: {
|
|
selection: function(chart, e) {
|
|
console.log(new Date(e.xaxis.min) )
|
|
}
|
|
},
|
|
|
|
},
|
|
colors: ['#8c66e8', '#8ea4e8', '#efecf1'],
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: '4'
|
|
},
|
|
series: [{
|
|
name: 'Male',
|
|
data: generateDayWiseTimeSeries(new Date('11 Dec 2018 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 60
|
|
})
|
|
},
|
|
{
|
|
name: 'Female',
|
|
data: generateDayWiseTimeSeries(new Date('11 Dec 2018 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 20
|
|
})
|
|
},
|
|
|
|
{
|
|
name: 'Non Registered',
|
|
data: generateDayWiseTimeSeries(new Date('11 Dec 2018 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 15
|
|
})
|
|
}
|
|
],
|
|
fill: {
|
|
gradient: {
|
|
enabled: true,
|
|
opacityFrom: 0.9,
|
|
opacityTo: 0.4,
|
|
}
|
|
},
|
|
legend: {
|
|
show: false,
|
|
showForSingleSeries: false,
|
|
showForZeroSeries: false,
|
|
position: 'top',
|
|
horizontalAlign: 'right'
|
|
},
|
|
xaxis: {
|
|
type: 'datetime'
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false,
|
|
},
|
|
},
|
|
}
|
|
|
|
/*
|
|
// this function will generate output in this format
|
|
// data = [
|
|
[timestamp, 23],
|
|
[timestamp, 33],
|
|
[timestamp, 12]
|
|
...
|
|
]
|
|
*/
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#datingdemo3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// datingdemo4
|
|
var datingdemo4 = jQuery('#datingdemo4')
|
|
if (datingdemo4.length > 0) {
|
|
var optionsArea = {
|
|
chart: {
|
|
height: 340,
|
|
type: 'area',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'straight'
|
|
},
|
|
colors:['#8E54E9', '#45aaf2'],
|
|
series: [
|
|
{
|
|
name: "Blog",
|
|
data: [{
|
|
x: 0,
|
|
y: 0
|
|
}, {
|
|
x: 4,
|
|
y: 5
|
|
}, {
|
|
x: 5,
|
|
y: 3
|
|
}, {
|
|
x: 9,
|
|
y: 8
|
|
}, {
|
|
x: 14,
|
|
y: 4
|
|
}, {
|
|
x: 18,
|
|
y: 5
|
|
}, {
|
|
x: 25,
|
|
y: 0
|
|
}]
|
|
},
|
|
{
|
|
name: "External",
|
|
data: [{
|
|
x: 0,
|
|
y: 0
|
|
}, {
|
|
x: 2,
|
|
y: 5
|
|
}, {
|
|
x: 5,
|
|
y: 4
|
|
}, {
|
|
x: 10,
|
|
y: 11
|
|
}, {
|
|
x: 14,
|
|
y: 4
|
|
}, {
|
|
x: 18,
|
|
y: 8
|
|
}, {
|
|
x: 25,
|
|
y: 0
|
|
}]
|
|
}
|
|
],
|
|
fill: {
|
|
opacity: 1,
|
|
gradient: {
|
|
enabled: false,
|
|
}
|
|
},
|
|
markers: {
|
|
size: 0,
|
|
style: 'hollow',
|
|
hover: {
|
|
opacity: 5,
|
|
}
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#eceef3',
|
|
},
|
|
tooltip: {
|
|
intersect: true,
|
|
shared: false,
|
|
},
|
|
xaxis: {
|
|
tooltip: {
|
|
enabled: false
|
|
},
|
|
labels: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
}
|
|
},
|
|
yaxis: {
|
|
tickAmount: 4,
|
|
max: 12,
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
style: {
|
|
color: '#78909c'
|
|
}
|
|
}
|
|
},
|
|
legend: {
|
|
show: false
|
|
}
|
|
}
|
|
|
|
var chartArea = new ApexCharts(document.querySelector('#datingdemo4'), optionsArea);
|
|
chartArea.render();
|
|
}
|
|
|
|
|
|
// datingdemo5
|
|
var datingdemo5 = jQuery('#datingdemo5')
|
|
if (datingdemo5.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
width: 120,
|
|
height: 50,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
colors:['#8E54E9'],
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded',
|
|
}
|
|
},
|
|
series: [{
|
|
data: [15, 55, 60, 69, 53, 35, 54]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 360,
|
|
options: {
|
|
chart: {
|
|
width:60,
|
|
height:60
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:100,
|
|
height:80
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#datingdemo5"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
|
|
// datingdemo6
|
|
var datingdemo6 = jQuery('#datingdemo6')
|
|
if (datingdemo6.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
width: 120,
|
|
height: 50,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
colors:['#2bcbba'],
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded',
|
|
}
|
|
},
|
|
series: [{
|
|
data: [15, 55, 60, 69, 53, 35, 54]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 360,
|
|
options: {
|
|
chart: {
|
|
width:60,
|
|
height:60
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:100,
|
|
height:80
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#datingdemo6"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
// datingdemo7
|
|
var datingdemo7 = jQuery('#datingdemo7')
|
|
if (datingdemo7.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
width: 120,
|
|
height: 50,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
colors:['#fb0792'],
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded',
|
|
}
|
|
},
|
|
series: [{
|
|
data: [15, 55, 60, 69, 53, 35, 54]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 360,
|
|
options: {
|
|
chart: {
|
|
width:60,
|
|
height:60
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:100,
|
|
height:80
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#datingdemo7"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
|
|
// datingdemo8
|
|
var datingdemo8 = jQuery('#datingdemo8')
|
|
if (datingdemo8.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
type: 'bar',
|
|
width: 120,
|
|
height: 50,
|
|
sparkline: {
|
|
enabled: true
|
|
}
|
|
},
|
|
colors:['#32b432'],
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '20%',
|
|
endingShape: 'rounded',
|
|
}
|
|
},
|
|
series: [{
|
|
data: [15, 55, 60, 69, 53, 35, 54]
|
|
}],
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
|
|
xaxis: {
|
|
crosshairs: {
|
|
width: 1
|
|
},
|
|
},
|
|
tooltip: {
|
|
fixed: {
|
|
enabled: false
|
|
},
|
|
x: {
|
|
show: false
|
|
},
|
|
y: {
|
|
title: {
|
|
formatter: function (seriesName) {
|
|
return ''
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
show: false
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 360,
|
|
options: {
|
|
chart: {
|
|
width:60,
|
|
height:60
|
|
}
|
|
},
|
|
},{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width:100,
|
|
height:80
|
|
}
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#datingdemo8"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
|
|
// Job Portal
|
|
var jobportaldemo1 = jQuery('#jobportaldemo1')
|
|
if (jobportaldemo1.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 350,
|
|
type: 'bar'
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: false,
|
|
}
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
colors:['#4776E6'],
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
type: "vertical",
|
|
shadeIntensity: 0,
|
|
opacityFrom: 1,
|
|
opacityTo: 0,
|
|
gradientToColors: ['#8E54E9'],
|
|
stops: [0, 90, 100]
|
|
}
|
|
},
|
|
series: [{
|
|
data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
|
|
}],
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#fff',
|
|
},
|
|
xaxis: {
|
|
categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan', 'United States', 'China', 'Germany'],
|
|
labels: {
|
|
style: {
|
|
colors: ['#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494', '#949494','#949494', '#949494', '#949494','#949494','#949494'],
|
|
fontSize: '12px',
|
|
fontFamily: 'Roboto',
|
|
cssClass: 'apexcharts-xaxis-label',
|
|
},
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#jobportaldemo1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
var jobportaldemo2 = jQuery('#jobportaldemo2')
|
|
if (jobportaldemo2.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
width: 260,
|
|
type: 'donut',
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
series:[60, 40, 25, 15],
|
|
labels: ['Direct', 'Referral', 'Organic', 'Social'],
|
|
colors:['#d270f9','#d69bee', '#deb0f1','#ebcff6'],
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'dark',
|
|
type: "vertical",
|
|
shadeIntensity: 1,
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
gradientToColors: ['#d270f9','#d69bee', '#deb0f1','#ebcff6'],
|
|
stops: [0, 90, 100]
|
|
}
|
|
},
|
|
legend: {
|
|
show: false,
|
|
position: 'left',
|
|
horizontalAlign: 'center',
|
|
fontSize: '14px',
|
|
itemMargin: {
|
|
horizontal: 20,
|
|
vertical: 5
|
|
},
|
|
},
|
|
responsive: [{
|
|
breakpoint: 480,
|
|
options: {
|
|
chart: {
|
|
width: 200
|
|
},
|
|
legend: {
|
|
position: 'bottom'
|
|
}
|
|
}
|
|
}]
|
|
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#jobportaldemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
var paper = chart.paper()
|
|
|
|
}
|
|
|
|
// jobportaldemo3
|
|
var jobportaldemo3 = jQuery('#jobportaldemo3')
|
|
if (jobportaldemo3.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 280,
|
|
type: 'radialBar',
|
|
},
|
|
plotOptions: {
|
|
radialBar: {
|
|
dataLabels: {
|
|
name: {
|
|
fontSize: '18px',
|
|
},
|
|
value: {
|
|
fontSize: '16px',
|
|
},
|
|
total: {
|
|
show: true,
|
|
label: 'Total',
|
|
formatter: function (w) {
|
|
// By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
|
|
return 100 + '%'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'dark',
|
|
type: "vertical",
|
|
shadeIntensity: 1,
|
|
opacityFrom: 1,
|
|
opacityTo:0.5,
|
|
gradientToColors: ['#8E54E9', '#4776E6'],
|
|
stops: [0, 90, 100]
|
|
}
|
|
},
|
|
colors:['#8E54E9','#4776E6'],
|
|
series: [45, 55],
|
|
labels: ['Job Seekers', 'Job Providers'],
|
|
responsive: [{
|
|
breakpoint: 400,
|
|
options: {
|
|
chart: {
|
|
offsetY:0,
|
|
offsetX:0,
|
|
height: 300,
|
|
}
|
|
},
|
|
}]
|
|
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#jobportaldemo3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
// jobportaldemo4
|
|
function generateDayWiseTimeSeries(baseval, count, yrange) {
|
|
var i = 0;
|
|
var series = [];
|
|
while (i < count) {
|
|
var x = baseval;
|
|
var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
|
|
|
|
series.push([x, y]);
|
|
baseval += 86400000;
|
|
i++;
|
|
}
|
|
return series;
|
|
}
|
|
var jobportaldemo4 = jQuery('#jobportaldemo4')
|
|
if (jobportaldemo4.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 300,
|
|
type: 'area',
|
|
stacked: true,
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
events: {
|
|
selection: function(chart, e) {
|
|
console.log(new Date(e.xaxis.min) )
|
|
}
|
|
},
|
|
},
|
|
colors: ['#e231ad', '#9e06e7', '#efecf1'],
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: '4'
|
|
},
|
|
series: [{
|
|
name: 'Applicants',
|
|
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 60
|
|
})
|
|
},
|
|
{
|
|
name: 'Interviews',
|
|
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 20
|
|
})
|
|
},
|
|
|
|
{
|
|
name: 'Forwards',
|
|
data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
|
|
min: 10,
|
|
max: 15
|
|
})
|
|
}
|
|
],
|
|
fill: {
|
|
gradient: {
|
|
enabled: true,
|
|
opacityFrom: 0.9,
|
|
opacityTo: 0.4,
|
|
}
|
|
},
|
|
legend: {
|
|
show: false,
|
|
showForSingleSeries: false,
|
|
showForZeroSeries: false,
|
|
position: 'top',
|
|
horizontalAlign: 'right'
|
|
},
|
|
xaxis: {
|
|
type: 'datetime',
|
|
labels: {
|
|
offsetX: -5,
|
|
}
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false,
|
|
},
|
|
},
|
|
responsive: [{
|
|
breakpoint: 480,
|
|
options: {
|
|
xaxis: {
|
|
type: 'datetime',
|
|
labels: {
|
|
offsetX: 0,
|
|
}
|
|
},
|
|
},
|
|
}]
|
|
}
|
|
|
|
/*
|
|
// this function will generate output in this format
|
|
// data = [
|
|
[timestamp, 23],
|
|
[timestamp, 33],
|
|
[timestamp, 12]
|
|
...
|
|
]
|
|
*/
|
|
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#jobportaldemo4"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var jobportaldemo5 = jQuery('#jobportaldemo5')
|
|
if (jobportaldemo5.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 160,
|
|
sparkline: {
|
|
enabled: true,
|
|
offsetY:25,
|
|
offsetX:25,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 3
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.9,
|
|
opacityTo: 0.1,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#d270f9'],
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#jobportaldemo5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
|
|
// jobportaldemo6
|
|
var jobportaldemo6 = jQuery('#jobportaldemo6')
|
|
if (jobportaldemo6.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 200,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
}
|
|
},
|
|
colors: ['#ffffff'],
|
|
markers: {
|
|
style: 'inverted',
|
|
size: 3
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
curve: 'straight',
|
|
width: 2
|
|
},
|
|
series: [{
|
|
show: false,
|
|
name: "Desktops",
|
|
data: [5, 20, 10, 20, 10, 20, 10]
|
|
}],
|
|
title: {
|
|
align: 'left'
|
|
},
|
|
xaxis: {
|
|
show: false,
|
|
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
|
labels: {
|
|
show: false,
|
|
},
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false,
|
|
},
|
|
},
|
|
grid: {
|
|
show: false
|
|
},
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#jobportaldemo6"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// CRM
|
|
var crmdemo1 = jQuery('#crmdemo1')
|
|
if (crmdemo1.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 390,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
shadow: {
|
|
enabled: false,
|
|
color: '#bbb',
|
|
top: 3,
|
|
left: 2,
|
|
blur: 3,
|
|
opacity: 1
|
|
},
|
|
},
|
|
stroke: {
|
|
width: 4,
|
|
curve: 'smooth'
|
|
},
|
|
series: [{
|
|
name: 'Likes',
|
|
data: [1, 35, 10, 30, 8, 25, 6, 40, 10, 34, 8, 30]
|
|
}],
|
|
xaxis: {
|
|
type: 'datetime',
|
|
categories: ['1/11/2000', '2/11/2000', '3/11/2000', '4/11/2000', '5/11/2000', '6/11/2000', '7/11/2000', '8/11/2000', '9/11/2000', '10/11/2000', '11/11/2000', '12/11/2000'],
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
title: {
|
|
align: 'left',
|
|
style: {
|
|
fontSize: "16px",
|
|
color: '#666'
|
|
}
|
|
},
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
shade: 'dark',
|
|
gradientToColors: [ '#ff0792'],
|
|
shadeIntensity: 1,
|
|
type: 'horizontal',
|
|
opacityFrom: 1,
|
|
opacityTo: 1,
|
|
stops: [0, 100, 100, 100]
|
|
},
|
|
},
|
|
markers: {
|
|
size: 5,
|
|
opacity: 0.9,
|
|
colors: ["#ffffff"],
|
|
strokeColor: "#ff0792",
|
|
strokeWidth: 2,
|
|
|
|
hover: {
|
|
size: 7,
|
|
}
|
|
},
|
|
yaxis: {
|
|
min: -10,
|
|
max: 40,
|
|
title: {
|
|
show: false,
|
|
},
|
|
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#crmdemo1"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var crmdemo2 = jQuery('#crmdemo2')
|
|
if (crmdemo2.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 400,
|
|
type: 'bar',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
barHeight: '20%',
|
|
horizontal: true,
|
|
}
|
|
},
|
|
legend: {
|
|
show: true,
|
|
position: "top",
|
|
containerMargin: {
|
|
top: -10
|
|
}
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#ebedf2',
|
|
},
|
|
colors:['#8E54E9'],
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
series: [{
|
|
data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200]
|
|
}],
|
|
xaxis: {
|
|
categories: ['Deal lost', 'Lead', 'Negotiating', 'Qualified', 'Proposal submitted', 'Sale agreed', 'Running projects', 'Closed projects', 'Payment received'],
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
},
|
|
|
|
responsive: [{
|
|
breakpoint: 400,
|
|
options: {
|
|
chart: {
|
|
height: 400,
|
|
type: 'bar',
|
|
toolbar: {
|
|
show: false,
|
|
},
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
horizontal: true,
|
|
}
|
|
},
|
|
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#crmdemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
|
|
// Real Estate
|
|
var realestatedemo1 = jQuery('#realestatedemo1')
|
|
if (realestatedemo1.length > 0) {
|
|
var options = {
|
|
chart: {
|
|
height: 340,
|
|
type: 'area',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
legend: {
|
|
offsetY: -10,
|
|
},
|
|
colors:['#fb0792', '#8E54E9'],
|
|
fill: {
|
|
type: 'gradient',
|
|
gradient: {
|
|
type: "vertical",
|
|
shadeIntensity: 0,
|
|
opacityFrom: 0.3,
|
|
opacityTo: 0.2,
|
|
gradientToColors: ['#fbacd9'],
|
|
stops: [0, 90, 100]
|
|
}
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 2
|
|
},
|
|
series: [{
|
|
name: 'Sale income',
|
|
data: [30, 50, 32, 33, 42, 30, 50, 42, 33, 42, 30, 50, 34]
|
|
},
|
|
{
|
|
name: 'Rent income',
|
|
data: [20, 30, 22, 23, 32, 20, 30, 22, 23, 32, 20, 30, 24]
|
|
}],
|
|
tooltip: {
|
|
x: {
|
|
format: 'dd/MM/yy HH:mm'
|
|
},
|
|
},
|
|
xaxis: {
|
|
show: true,
|
|
labels: {
|
|
show: true,
|
|
},
|
|
axisBorder: {
|
|
color: '#fafbfb',
|
|
show: true,
|
|
},
|
|
axisTicks: {
|
|
color: '#fafbfb',
|
|
},
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: true,
|
|
},
|
|
axisBorder: {
|
|
color: '#fff',
|
|
show: true,
|
|
},
|
|
},
|
|
grid: {
|
|
show: true,
|
|
borderColor: '#fafbfb',
|
|
},
|
|
}
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#realestatedemo1"),
|
|
options
|
|
);
|
|
chart.render();
|
|
}
|
|
|
|
var realestatedemo3 = jQuery('#realestatedemo3')
|
|
if (realestatedemo3.length > 0) {
|
|
var optionsBar = {
|
|
chart: {
|
|
type: 'bar',
|
|
height: 250,
|
|
width: '100%',
|
|
stacked: true,
|
|
foreColor: '#999',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
columnWidth: '60%',
|
|
endingShape: 'rounded'
|
|
}
|
|
},
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
colors: ["#8E54E9", '#eceef3'],
|
|
series: [{
|
|
name: "Sessions",
|
|
data: [20, 16, 24, 28, 26, 22, 15, 5, 14, 16, 22, 29, 24, 19],
|
|
}, {
|
|
name: "Views",
|
|
data: [20, 16, 24, 28, 26, 22, 15, 5, 14, 16, 22, 29, 24, 19],
|
|
}],
|
|
xaxis: {
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
style: {
|
|
fontSize: '14px'
|
|
}
|
|
},
|
|
},
|
|
grid: {
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
},
|
|
yaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
}
|
|
},
|
|
yaxis: {
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false
|
|
},
|
|
},
|
|
legend: {
|
|
floating: false,
|
|
position: 'top',
|
|
horizontalAlign: 'right',
|
|
offsetY: -36
|
|
},
|
|
title: {
|
|
text: '10 days left',
|
|
align: 'left',
|
|
},
|
|
tooltip: {
|
|
shared: true
|
|
}
|
|
|
|
}
|
|
|
|
|
|
var chartBar = new ApexCharts(document.querySelector('#realestatedemo3'), optionsBar);
|
|
chartBar.render();
|
|
|
|
|
|
}
|
|
|
|
// Crypto Currency
|
|
var cryptodemo1 = jQuery('#crypto-demo1-candlestick')
|
|
if (cryptodemo1.length > 0) {
|
|
var seriesData = [{
|
|
x: new Date(2016, 01, 01),
|
|
y: [51.98, 56.29, 51.59, 53.85]
|
|
},
|
|
{
|
|
x: new Date(2016, 02, 01),
|
|
y: [53.66, 54.99, 51.35, 52.95]
|
|
},
|
|
{
|
|
x: new Date(2016, 03, 01),
|
|
y: [52.96, 53.78, 51.54, 52.48]
|
|
},
|
|
{
|
|
x: new Date(2016, 04, 01),
|
|
y: [52.54, 52.79, 47.88, 49.24]
|
|
},
|
|
{
|
|
x: new Date(2016, 05, 01),
|
|
y: [49.10, 52.86, 47.70, 52.78]
|
|
},
|
|
{
|
|
x: new Date(2016, 06, 01),
|
|
y: [52.83, 53.48, 50.32, 52.29]
|
|
},
|
|
{
|
|
x: new Date(2016, 07, 01),
|
|
y: [52.20, 54.48, 51.64, 52.58]
|
|
},
|
|
{
|
|
x: new Date(2016, 08, 01),
|
|
y: [52.76, 57.35, 52.15, 57.03]
|
|
},
|
|
{
|
|
x: new Date(2016, 09, 01),
|
|
y: [57.04, 58.15, 48.88, 56.19]
|
|
},
|
|
{
|
|
x: new Date(2016, 10, 01),
|
|
y: [56.09, 58.85, 55.48, 58.79]
|
|
},
|
|
{
|
|
x: new Date(2016, 11, 01),
|
|
y: [58.78, 59.65, 58.23, 59.05]
|
|
},
|
|
{
|
|
x: new Date(2017, 00, 01),
|
|
y: [59.37, 61.11, 59.35, 60.34]
|
|
},
|
|
{
|
|
x: new Date(2017, 01, 01),
|
|
y: [60.40, 60.52, 56.71, 56.93]
|
|
},
|
|
{
|
|
x: new Date(2017, 02, 01),
|
|
y: [57.02, 59.71, 56.04, 56.82]
|
|
},
|
|
{
|
|
x: new Date(2017, 03, 01),
|
|
y: [56.97, 59.62, 54.77, 59.30]
|
|
},
|
|
{
|
|
x: new Date(2017, 04, 01),
|
|
y: [59.11, 62.29, 59.10, 59.85]
|
|
},
|
|
{
|
|
x: new Date(2017, 05, 01),
|
|
y: [59.97, 60.11, 55.66, 58.42]
|
|
},
|
|
{
|
|
x: new Date(2017, 06, 01),
|
|
y: [58.34, 60.93, 56.75, 57.42]
|
|
},
|
|
{
|
|
x: new Date(2017, 07, 01),
|
|
y: [57.76, 58.08, 51.18, 54.71]
|
|
},
|
|
{
|
|
x: new Date(2017, 08, 01),
|
|
y: [54.80, 61.42, 53.18, 57.35]
|
|
},
|
|
{
|
|
x: new Date(2017, 09, 01),
|
|
y: [57.56, 63.09, 57.00, 62.99]
|
|
},
|
|
{
|
|
x: new Date(2017, 10, 01),
|
|
y: [62.89, 63.42, 59.72, 61.76]
|
|
},
|
|
{
|
|
x: new Date(2017, 11, 01),
|
|
y: [61.71, 64.15, 61.29, 63.04]
|
|
}
|
|
]
|
|
|
|
var seriesDataLinear = [{
|
|
x: new Date(2016, 01, 01),
|
|
y: 3.85
|
|
},
|
|
{
|
|
x: new Date(2016, 02, 01),
|
|
y: 2.95
|
|
},
|
|
{
|
|
x: new Date(2016, 03, 01),
|
|
y: -12.48
|
|
},
|
|
{
|
|
x: new Date(2016, 04, 01),
|
|
y: 19.24
|
|
},
|
|
{
|
|
x: new Date(2016, 05, 01),
|
|
y: 12.78
|
|
},
|
|
{
|
|
x: new Date(2016, 06, 01),
|
|
y: 22.29
|
|
},
|
|
{
|
|
x: new Date(2016, 07, 01),
|
|
y: -12.58
|
|
},
|
|
{
|
|
x: new Date(2016, 08, 01),
|
|
y: -17.03
|
|
},
|
|
{
|
|
x: new Date(2016, 09, 01),
|
|
y: -19.19
|
|
},
|
|
{
|
|
x: new Date(2016, 10, 01),
|
|
y: -28.79
|
|
},
|
|
{
|
|
x: new Date(2016, 11, 01),
|
|
y: -39.05
|
|
},
|
|
{
|
|
x: new Date(2017, 00, 01),
|
|
y: 20.34
|
|
},
|
|
{
|
|
x: new Date(2017, 01, 01),
|
|
y: 36.93
|
|
},
|
|
{
|
|
x: new Date(2017, 02, 01),
|
|
y: 36.82
|
|
},
|
|
{
|
|
x: new Date(2017, 03, 01),
|
|
y: 29.30
|
|
},
|
|
{
|
|
x: new Date(2017, 04, 01),
|
|
y: 39.85
|
|
},
|
|
{
|
|
x: new Date(2017, 05, 01),
|
|
y: 28.42
|
|
},
|
|
{
|
|
x: new Date(2017, 06, 01),
|
|
y: 37.42
|
|
},
|
|
{
|
|
x: new Date(2017, 07, 01),
|
|
y: 24.71
|
|
},
|
|
{
|
|
x: new Date(2017, 08, 01),
|
|
y: 37.35
|
|
},
|
|
{
|
|
x: new Date(2017, 09, 01),
|
|
y: 32.99
|
|
},
|
|
{
|
|
x: new Date(2017, 10, 01),
|
|
y: 31.76
|
|
},
|
|
{
|
|
x: new Date(2017, 11, 01),
|
|
y: 43.04
|
|
}
|
|
]
|
|
|
|
var seriesData7 = [{
|
|
x: new Date(2016, 01, 01),
|
|
y: [1151.98, 1156.29, 1151.59, 1153.85]
|
|
},
|
|
{
|
|
x: new Date(2016, 02, 01),
|
|
y: [1153.66, 1154.99, 1151.35, 1152.95]
|
|
},
|
|
{
|
|
x: new Date(2016, 03, 01),
|
|
y: [1152.96, 1153.78, 1151.54, 1152.48]
|
|
},
|
|
{
|
|
x: new Date(2016, 04, 01),
|
|
y: [1152.54, 1152.79, 1147.88, 1149.24]
|
|
},
|
|
{
|
|
x: new Date(2016, 05, 01),
|
|
y: [1149.10, 1152.86, 1147.70, 1152.78]
|
|
},
|
|
{
|
|
x: new Date(2016, 06, 01),
|
|
y: [1152.83, 1153.48, 1150.32, 1152.29]
|
|
},
|
|
{
|
|
x: new Date(2016, 07, 01),
|
|
y: [1152.20, 1154.48, 1151.64, 1152.58]
|
|
},
|
|
{
|
|
x: new Date(2016, 08, 01),
|
|
y: [1152.76, 1157.35, 1152.15, 1157.03]
|
|
},
|
|
{
|
|
x: new Date(2016, 09, 01),
|
|
y: [1157.04, 1158.15, 1148.88, 1156.19]
|
|
},
|
|
{
|
|
x: new Date(2016, 10, 01),
|
|
y: [1156.09, 1158.85, 1155.48, 1158.79]
|
|
},
|
|
{
|
|
x: new Date(2016, 11, 01),
|
|
y: [1158.78, 1159.65, 1158.23, 1159.05]
|
|
},
|
|
{
|
|
x: new Date(2017, 00, 01),
|
|
y: [1159.37, 1161.11, 1159.35, 1160.34]
|
|
},
|
|
{
|
|
x: new Date(2017, 01, 01),
|
|
y: [1160.40, 1160.52, 1156.71, 1156.93]
|
|
},
|
|
{
|
|
x: new Date(2017, 02, 01),
|
|
y: [1157.02, 1159.71, 1156.04, 1156.82]
|
|
},
|
|
{
|
|
x: new Date(2017, 03, 01),
|
|
y: [1156.97, 1159.62, 1154.77, 1159.30]
|
|
},
|
|
{
|
|
x: new Date(2017, 04, 01),
|
|
y: [1159.11, 1162.29, 1159.10, 1159.85]
|
|
},
|
|
{
|
|
x: new Date(2017, 05, 01),
|
|
y: [1159.97, 1160.11, 1155.66, 1158.42]
|
|
},
|
|
{
|
|
x: new Date(2017, 06, 01),
|
|
y: [1158.34, 1160.93, 1156.75, 1157.42]
|
|
},
|
|
{
|
|
x: new Date(2017, 07, 01),
|
|
y: [1157.76, 1158.08, 1151.18, 1154.71]
|
|
},
|
|
{
|
|
x: new Date(2017, 08, 01),
|
|
y: [1154.80, 1161.42, 1153.18, 1157.35]
|
|
},
|
|
{
|
|
x: new Date(2017, 09, 01),
|
|
y: [1157.56, 1163.09, 1157.00, 1162.99]
|
|
},
|
|
{
|
|
x: new Date(2017, 10, 01),
|
|
y: [1162.89, 1163.42, 1159.72, 1161.76]
|
|
},
|
|
{
|
|
x: new Date(2017, 11, 01),
|
|
y: [1161.71, 1164.15, 1161.29, 1163.04]
|
|
}
|
|
]
|
|
|
|
var seriesData2 = [{
|
|
x: new Date(1538778600000),
|
|
y: [6629.81, 6650.5, 6623.04, 6633.33]
|
|
},
|
|
{
|
|
x: new Date(1538780400000),
|
|
y: [6632.01, 6643.59, 6620, 6630.11]
|
|
},
|
|
{
|
|
x: new Date(1538782200000),
|
|
y: [6630.71, 6648.95, 6623.34, 6635.65]
|
|
},
|
|
{
|
|
x: new Date(1538784000000),
|
|
y: [6635.65, 6651, 6629.67, 6638.24]
|
|
},
|
|
{
|
|
x: new Date(1538785800000),
|
|
y: [6638.24, 6640, 6620, 6624.47]
|
|
},
|
|
{
|
|
x: new Date(1538787600000),
|
|
y: [6624.53, 6636.03, 6621.68, 6624.31]
|
|
},
|
|
{
|
|
x: new Date(1538789400000),
|
|
y: [6624.61, 6632.2, 6617, 6626.02]
|
|
},
|
|
{
|
|
x: new Date(1538791200000),
|
|
y: [6627, 6627.62, 6584.22, 6603.02]
|
|
},
|
|
{
|
|
x: new Date(1538793000000),
|
|
y: [6605, 6608.03, 6598.95, 6604.01]
|
|
},
|
|
{
|
|
x: new Date(1538794800000),
|
|
y: [6604.5, 6614.4, 6602.26, 6608.02]
|
|
},
|
|
{
|
|
x: new Date(1538796600000),
|
|
y: [6608.02, 6610.68, 6601.99, 6608.91]
|
|
},
|
|
{
|
|
x: new Date(1538798400000),
|
|
y: [6608.91, 6618.99, 6608.01, 6612]
|
|
},
|
|
{
|
|
x: new Date(1538800200000),
|
|
y: [6612, 6615.13, 6605.09, 6612]
|
|
},
|
|
{
|
|
x: new Date(1538802000000),
|
|
y: [6612, 6624.12, 6608.43, 6622.95]
|
|
},
|
|
{
|
|
x: new Date(1538803800000),
|
|
y: [6623.91, 6623.91, 6615, 6615.67]
|
|
},
|
|
{
|
|
x: new Date(1538805600000),
|
|
y: [6618.69, 6618.74, 6610, 6610.4]
|
|
},
|
|
{
|
|
x: new Date(1538807400000),
|
|
y: [6611, 6622.78, 6610.4, 6614.9]
|
|
},
|
|
{
|
|
x: new Date(1538809200000),
|
|
y: [6614.9, 6626.2, 6613.33, 6623.45]
|
|
},
|
|
{
|
|
x: new Date(1538811000000),
|
|
y: [6623.48, 6627, 6618.38, 6620.35]
|
|
},
|
|
{
|
|
x: new Date(1538812800000),
|
|
y: [6619.43, 6620.35, 6610.05, 6615.53]
|
|
},
|
|
{
|
|
x: new Date(1538814600000),
|
|
y: [6615.53, 6617.93, 6610, 6615.19]
|
|
},
|
|
{
|
|
x: new Date(1538816400000),
|
|
y: [6615.19, 6621.6, 6608.2, 6620]
|
|
},
|
|
{
|
|
x: new Date(1538818200000),
|
|
y: [6619.54, 6625.17, 6614.15, 6620]
|
|
},
|
|
{
|
|
x: new Date(1538820000000),
|
|
y: [6620.33, 6634.15, 6617.24, 6624.61]
|
|
},
|
|
{
|
|
x: new Date(1538821800000),
|
|
y: [6625.95, 6626, 6611.66, 6617.58]
|
|
},
|
|
{
|
|
x: new Date(1538823600000),
|
|
y: [6619, 6625.97, 6595.27, 6598.86]
|
|
},
|
|
{
|
|
x: new Date(1538825400000),
|
|
y: [6598.86, 6598.88, 6570, 6587.16]
|
|
},
|
|
{
|
|
x: new Date(1538827200000),
|
|
y: [6588.86, 6600, 6580, 6593.4]
|
|
},
|
|
{
|
|
x: new Date(1538829000000),
|
|
y: [6593.99, 6598.89, 6585, 6587.81]
|
|
},
|
|
{
|
|
x: new Date(1538830800000),
|
|
y: [6587.81, 6592.73, 6567.14, 6578]
|
|
},
|
|
{
|
|
x: new Date(1538832600000),
|
|
y: [6578.35, 6581.72, 6567.39, 6579]
|
|
},
|
|
{
|
|
x: new Date(1538834400000),
|
|
y: [6579.38, 6580.92, 6566.77, 6575.96]
|
|
},
|
|
{
|
|
x: new Date(1538836200000),
|
|
y: [6575.96, 6589, 6571.77, 6588.92]
|
|
},
|
|
{
|
|
x: new Date(1538838000000),
|
|
y: [6588.92, 6594, 6577.55, 6589.22]
|
|
},
|
|
{
|
|
x: new Date(1538839800000),
|
|
y: [6589.3, 6598.89, 6589.1, 6596.08]
|
|
},
|
|
{
|
|
x: new Date(1538841600000),
|
|
y: [6597.5, 6600, 6588.39, 6596.25]
|
|
},
|
|
{
|
|
x: new Date(1538843400000),
|
|
y: [6598.03, 6600, 6588.73, 6595.97]
|
|
},
|
|
{
|
|
x: new Date(1538845200000),
|
|
y: [6595.97, 6602.01, 6588.17, 6602]
|
|
},
|
|
{
|
|
x: new Date(1538847000000),
|
|
y: [6602, 6607, 6596.51, 6599.95]
|
|
},
|
|
{
|
|
x: new Date(1538848800000),
|
|
y: [6600.63, 6601.21, 6590.39, 6591.02]
|
|
},
|
|
{
|
|
x: new Date(1538850600000),
|
|
y: [6591.02, 6603.08, 6591, 6591]
|
|
},
|
|
{
|
|
x: new Date(1538852400000),
|
|
y: [6591, 6601.32, 6585, 6592]
|
|
},
|
|
{
|
|
x: new Date(1538854200000),
|
|
y: [6593.13, 6596.01, 6590, 6593.34]
|
|
},
|
|
{
|
|
x: new Date(1538856000000),
|
|
y: [6593.34, 6604.76, 6582.63, 6593.86]
|
|
},
|
|
{
|
|
x: new Date(1538857800000),
|
|
y: [6593.86, 6604.28, 6586.57, 6600.01]
|
|
},
|
|
{
|
|
x: new Date(1538859600000),
|
|
y: [6601.81, 6603.21, 6592.78, 6596.25]
|
|
},
|
|
{
|
|
x: new Date(1538861400000),
|
|
y: [6596.25, 6604.2, 6590, 6602.99]
|
|
},
|
|
{
|
|
x: new Date(1538863200000),
|
|
y: [6602.99, 6606, 6584.99, 6587.81]
|
|
},
|
|
{
|
|
x: new Date(1538865000000),
|
|
y: [6587.81, 6595, 6583.27, 6591.96]
|
|
},
|
|
{
|
|
x: new Date(1538866800000),
|
|
y: [6591.97, 6596.07, 6585, 6588.39]
|
|
},
|
|
{
|
|
x: new Date(1538868600000),
|
|
y: [6587.6, 6598.21, 6587.6, 6594.27]
|
|
},
|
|
{
|
|
x: new Date(1538870400000),
|
|
y: [6596.44, 6601, 6590, 6596.55]
|
|
},
|
|
{
|
|
x: new Date(1538872200000),
|
|
y: [6598.91, 6605, 6596.61, 6600.02]
|
|
},
|
|
{
|
|
x: new Date(1538874000000),
|
|
y: [6600.55, 6605, 6589.14, 6593.01]
|
|
},
|
|
{
|
|
x: new Date(1538875800000),
|
|
y: [6593.15, 6605, 6592, 6603.06]
|
|
},
|
|
{
|
|
x: new Date(1538877600000),
|
|
y: [6603.07, 6604.5, 6599.09, 6603.89]
|
|
},
|
|
{
|
|
x: new Date(1538879400000),
|
|
y: [6604.44, 6604.44, 6600, 6603.5]
|
|
},
|
|
{
|
|
x: new Date(1538881200000),
|
|
y: [6603.5, 6603.99, 6597.5, 6603.86]
|
|
},
|
|
{
|
|
x: new Date(1538883000000),
|
|
y: [6603.85, 6605, 6600, 6604.07]
|
|
},
|
|
{
|
|
x: new Date(1538884800000),
|
|
y: [6604.98, 6606, 6604.07, 6606]
|
|
},
|
|
]
|
|
|
|
var seriesData3 = [{
|
|
x: new Date(1538867400000),
|
|
y: [6591.08, 6592.22, 6588.9, 6592]
|
|
},
|
|
{
|
|
x: new Date(1538867700000),
|
|
y: [6592.01, 6596.07, 6592, 6593.51]
|
|
},
|
|
{
|
|
x: new Date(1538868000000),
|
|
y: [6593.51, 6596.03, 6588.04, 6588.04]
|
|
},
|
|
{
|
|
x: new Date(1538868300000),
|
|
y: [6588.26, 6592.78, 6585, 6588.39]
|
|
},
|
|
{
|
|
x: new Date(1538868600000),
|
|
y: [6587.6, 6593.99, 6587.6, 6593.99]
|
|
},
|
|
{
|
|
x: new Date(1538868900000),
|
|
y: [6594, 6596.76, 6593.02, 6594.01]
|
|
},
|
|
{
|
|
x: new Date(1538869200000),
|
|
y: [6596, 6597, 6593.05, 6595.65]
|
|
},
|
|
{
|
|
x: new Date(1538869500000),
|
|
y: [6595.66, 6596.3, 6590.04, 6591.68]
|
|
},
|
|
{
|
|
x: new Date(1538869800000),
|
|
y: [6593.26, 6597.97, 6590.37, 6595.43]
|
|
},
|
|
{
|
|
x: new Date(1538870100000),
|
|
y: [6595.43, 6598.21, 6593.49, 6594.27]
|
|
},
|
|
{
|
|
x: new Date(1538870400000),
|
|
y: [6596.44, 6600, 6594.15, 6594.8]
|
|
},
|
|
{
|
|
x: new Date(1538870700000),
|
|
y: [6595.01, 6599.8, 6594, 6598.78]
|
|
},
|
|
{
|
|
x: new Date(1538871000000),
|
|
y: [6598.77, 6598.79, 6594, 6594.28]
|
|
},
|
|
{
|
|
x: new Date(1538871300000),
|
|
y: [6594.28, 6596.2, 6591.92, 6594.01]
|
|
},
|
|
{
|
|
x: new Date(1538871600000),
|
|
y: [6594.51, 6601, 6590, 6599.59]
|
|
},
|
|
{
|
|
x: new Date(1538871900000),
|
|
y: [6593.6, 6599.58, 6593.6, 6596.55]
|
|
},
|
|
{
|
|
x: new Date(1538872200000),
|
|
y: [6598.91, 6602.05, 6596.61, 6601.65]
|
|
},
|
|
{
|
|
x: new Date(1538872500000),
|
|
y: [6602.05, 6602.94, 6597.5, 6600.05]
|
|
},
|
|
{
|
|
x: new Date(1538872800000),
|
|
y: [6602.96, 6603, 6600.37, 6601.4]
|
|
},
|
|
{
|
|
x: new Date(1538873100000),
|
|
y: [6601.39, 6601.43, 6600.5, 6601.4]
|
|
},
|
|
{
|
|
x: new Date(1538873400000),
|
|
y: [6601.42, 6605, 6600.5, 6600.64]
|
|
},
|
|
{
|
|
x: new Date(1538873700000),
|
|
y: [6600.64, 6603.84, 6600, 6600.02]
|
|
},
|
|
{
|
|
x: new Date(1538874000000),
|
|
y: [6600.55, 6605, 6598.28, 6600.48]
|
|
},
|
|
{
|
|
x: new Date(1538874300000),
|
|
y: [6601.73, 6605, 6600.59, 6601.54]
|
|
},
|
|
{
|
|
x: new Date(1538874600000),
|
|
y: [6602.8, 6605, 6600, 6600.01]
|
|
},
|
|
{
|
|
x: new Date(1538874900000),
|
|
y: [6600, 6600.22, 6589.19, 6590.64]
|
|
},
|
|
{
|
|
x: new Date(1538875200000),
|
|
y: [6593.95, 6598, 6589.14, 6591.44]
|
|
},
|
|
{
|
|
x: new Date(1538875500000),
|
|
y: [6591.48, 6593.45, 6589.15, 6593.01]
|
|
},
|
|
{
|
|
x: new Date(1538875800000),
|
|
y: [6593.15, 6598, 6592, 6595.85]
|
|
},
|
|
{
|
|
x: new Date(1538876100000),
|
|
y: [6595.85, 6601.76, 6595.83, 6601.72]
|
|
},
|
|
{
|
|
x: new Date(1538876400000),
|
|
y: [6601.69, 6605, 6598.52, 6602.01]
|
|
},
|
|
{
|
|
x: new Date(1538876700000),
|
|
y: [6602.02, 6604.4, 6601.51, 6601.62]
|
|
},
|
|
{
|
|
x: new Date(1538877000000),
|
|
y: [6601.74, 6602.88, 6599.09, 6600]
|
|
},
|
|
{
|
|
x: new Date(1538877300000),
|
|
y: [6599.35, 6605, 6599.09, 6603.06]
|
|
},
|
|
{
|
|
x: new Date(1538877600000),
|
|
y: [6603.07, 6604.5, 6600.79, 6604.13]
|
|
},
|
|
{
|
|
x: new Date(1538877900000),
|
|
y: [6603.06, 6604.45, 6601.25, 6602.06]
|
|
},
|
|
{
|
|
x: new Date(1538878200000),
|
|
y: [6602.06, 6604, 6600.93, 6602.11]
|
|
},
|
|
{
|
|
x: new Date(1538878500000),
|
|
y: [6602.25, 6602.41, 6599.09, 6602.41]
|
|
},
|
|
{
|
|
x: new Date(1538878800000),
|
|
y: [6602.41, 6603.95, 6600.02, 6603.89]
|
|
},
|
|
{
|
|
x: new Date(1538879100000),
|
|
y: [6603.89, 6604.44, 6602.52, 6603.89]
|
|
},
|
|
{
|
|
x: new Date(1538879400000),
|
|
y: [6604.44, 6604.44, 6600, 6600.02]
|
|
},
|
|
{
|
|
x: new Date(1538879700000),
|
|
y: [6600.02, 6602.99, 6600, 6600.23]
|
|
},
|
|
{
|
|
x: new Date(1538880000000),
|
|
y: [6600.85, 6604.43, 6600.2, 6602.1]
|
|
},
|
|
{
|
|
x: new Date(1538880300000),
|
|
y: [6602.19, 6604.42, 6601.7, 6603.97]
|
|
},
|
|
{
|
|
x: new Date(1538880600000),
|
|
y: [6602.49, 6603.99, 6600.07, 6600.32]
|
|
},
|
|
{
|
|
x: new Date(1538880900000),
|
|
y: [6600.32, 6603.5, 6600, 6603.5]
|
|
},
|
|
{
|
|
x: new Date(1538881200000),
|
|
y: [6603.5, 6603.61, 6600.31, 6602.62]
|
|
},
|
|
{
|
|
x: new Date(1538881500000),
|
|
y: [6601.57, 6603.9, 6597.5, 6601.74]
|
|
},
|
|
{
|
|
x: new Date(1538881800000),
|
|
y: [6600, 6601.73, 6598.01, 6598.62]
|
|
},
|
|
{
|
|
x: new Date(1538882100000),
|
|
y: [6598.61, 6603.9, 6598.61, 6600.09]
|
|
},
|
|
{
|
|
x: new Date(1538882400000),
|
|
y: [6600.09, 6603.99, 6600, 6602.08]
|
|
},
|
|
{
|
|
x: new Date(1538882700000),
|
|
y: [6602.07, 6603.99, 6602.07, 6603.86]
|
|
},
|
|
{
|
|
x: new Date(1538883000000),
|
|
y: [6603.85, 6604.41, 6602.09, 6602.26]
|
|
},
|
|
{
|
|
x: new Date(1538883300000),
|
|
y: [6602.6, 6605, 6602.24, 6603.02]
|
|
},
|
|
{
|
|
x: new Date(1538883600000),
|
|
y: [6603.01, 6604.98, 6600, 6601.03]
|
|
},
|
|
{
|
|
x: new Date(1538883900000),
|
|
y: [6601.81, 6602.6, 6601.02, 6602.3]
|
|
},
|
|
{
|
|
x: new Date(1538884200000),
|
|
y: [6601.72, 6604.98, 6601.1, 6604.03]
|
|
},
|
|
{
|
|
x: new Date(1538884500000),
|
|
y: [6604.17, 6604.98, 6604.02, 6604.07]
|
|
},
|
|
{
|
|
x: new Date(1538884800000),
|
|
y: [6604.98, 6606, 6604.07, 6605.01]
|
|
},
|
|
{
|
|
x: new Date(1538885100000),
|
|
y: [6605, 6607.52, 6605, 6607.28]
|
|
},
|
|
]
|
|
|
|
|
|
|
|
var seriesData4 = [{
|
|
x: new Date(1538858700000),
|
|
y: [6603.08, 6604.28, 6596.01, 6600.01]
|
|
},
|
|
{
|
|
x: new Date(1538859600000),
|
|
y: [6601.81, 6603.21, 6597, 6599.76]
|
|
},
|
|
{
|
|
x: new Date(1538860500000),
|
|
y: [6597.53, 6599.75, 6592.78, 6596.25]
|
|
},
|
|
{
|
|
x: new Date(1538861400000),
|
|
y: [6596.25, 6603, 6590, 6603]
|
|
},
|
|
{
|
|
x: new Date(1538862300000),
|
|
y: [6602.73, 6604.2, 6596.72, 6602.99]
|
|
},
|
|
{
|
|
x: new Date(1538863200000),
|
|
y: [6602.99, 6606, 6591.06, 6591.06]
|
|
},
|
|
{
|
|
x: new Date(1538864100000),
|
|
y: [6591.06, 6598.4, 6584.99, 6587.81]
|
|
},
|
|
{
|
|
x: new Date(1538865000000),
|
|
y: [6587.81, 6594.99, 6583.27, 6592.43]
|
|
},
|
|
{
|
|
x: new Date(1538865900000),
|
|
y: [6592.46, 6595, 6587.07, 6591.96]
|
|
},
|
|
{
|
|
x: new Date(1538866800000),
|
|
y: [6591.97, 6592.22, 6588.62, 6592]
|
|
},
|
|
{
|
|
x: new Date(1538867700000),
|
|
y: [6592.01, 6596.07, 6585, 6588.39]
|
|
},
|
|
{
|
|
x: new Date(1538868600000),
|
|
y: [6587.6, 6597, 6587.6, 6595.65]
|
|
},
|
|
{
|
|
x: new Date(1538869500000),
|
|
y: [6595.66, 6598.21, 6590.04, 6594.27]
|
|
},
|
|
{
|
|
x: new Date(1538870400000),
|
|
y: [6596.44, 6600, 6594, 6594.28]
|
|
},
|
|
{
|
|
x: new Date(1538871300000),
|
|
y: [6594.28, 6601, 6590, 6596.55]
|
|
},
|
|
{
|
|
x: new Date(1538872200000),
|
|
y: [6598.91, 6603, 6596.61, 6601.4]
|
|
},
|
|
{
|
|
x: new Date(1538873100000),
|
|
y: [6601.39, 6605, 6600, 6600.02]
|
|
},
|
|
{
|
|
x: new Date(1538874000000),
|
|
y: [6600.55, 6605, 6598.28, 6600.01]
|
|
},
|
|
{
|
|
x: new Date(1538874900000),
|
|
y: [6600, 6600.22, 6589.14, 6593.01]
|
|
},
|
|
{
|
|
x: new Date(1538875800000),
|
|
y: [6593.15, 6605, 6592, 6602.01]
|
|
},
|
|
{
|
|
x: new Date(1538876700000),
|
|
y: [6602.02, 6605, 6599.09, 6603.06]
|
|
},
|
|
{
|
|
x: new Date(1538877600000),
|
|
y: [6603.07, 6604.5, 6600.79, 6602.11]
|
|
},
|
|
{
|
|
x: new Date(1538878500000),
|
|
y: [6602.25, 6604.44, 6599.09, 6603.89]
|
|
},
|
|
{
|
|
x: new Date(1538879400000),
|
|
y: [6604.44, 6604.44, 6600, 6602.1]
|
|
},
|
|
{
|
|
x: new Date(1538880300000),
|
|
y: [6602.19, 6604.42, 6600, 6603.5]
|
|
},
|
|
{
|
|
x: new Date(1538881200000),
|
|
y: [6603.5, 6603.9, 6597.5, 6598.62]
|
|
},
|
|
{
|
|
x: new Date(1538882100000),
|
|
y: [6598.61, 6603.99, 6598.61, 6603.86]
|
|
},
|
|
{
|
|
x: new Date(1538883000000),
|
|
y: [6603.85, 6605, 6600, 6601.03]
|
|
},
|
|
{
|
|
x: new Date(1538883900000),
|
|
y: [6601.81, 6604.98, 6601.02, 6604.07]
|
|
},
|
|
{
|
|
x: new Date(1538884800000),
|
|
y: [6604.98, 6605.24, 6604.07, 6605.24]
|
|
},
|
|
]
|
|
|
|
|
|
var seriesData5 = [{
|
|
x: 1538876100000,
|
|
y: [6595.85, 6601.76, 6595.83, 6601.72]
|
|
},
|
|
{
|
|
x: 1538876400000,
|
|
y: [6601.69, 6605, 6598.52, 6602.01]
|
|
},
|
|
{
|
|
x: 1538876700000,
|
|
y: [6602.02, 6604.4, 6601.51, 6601.62]
|
|
},
|
|
{
|
|
x: 1538877000000,
|
|
y: [6601.74, 6602.88, 6599.09, 6600]
|
|
},
|
|
{
|
|
x: 1538877300000,
|
|
y: [6599.35, 6605, 6599.09, 6603.06]
|
|
},
|
|
{
|
|
x: 1538877600000,
|
|
y: [6603.07, 6604.5, 6600.79, 6604.13]
|
|
},
|
|
{
|
|
x: 1538877900000,
|
|
y: [6603.06, 6604.45, 6601.25, 6602.06]
|
|
},
|
|
{
|
|
x: 1538878200000,
|
|
y: [6602.06, 6604, 6600.93, 6602.11]
|
|
},
|
|
{
|
|
x: 1538878500000,
|
|
y: [6602.25, 6602.41, 6599.09, 6602.41]
|
|
},
|
|
{
|
|
x: 1538878800000,
|
|
y: [6602.41, 6603.95, 6600.02, 6603.89]
|
|
},
|
|
{
|
|
x: 1538879100000,
|
|
y: [6603.89, 6604.44, 6602.52, 6603.89]
|
|
},
|
|
{
|
|
x: 1538879400000,
|
|
y: [6604.44, 6604.44, 6600, 6600.02]
|
|
},
|
|
{
|
|
x: 1538879700000,
|
|
y: [6600.02, 6602.99, 6600, 6600.23]
|
|
},
|
|
{
|
|
x: 1538880000000,
|
|
y: [6600.85, 6604.43, 6600.2, 6602.1]
|
|
},
|
|
{
|
|
x: 1538880300000,
|
|
y: [6602.19, 6604.42, 6601.7, 6603.97]
|
|
},
|
|
{
|
|
x: 1538880600000,
|
|
y: [6602.49, 6603.99, 6600.07, 6600.32]
|
|
},
|
|
{
|
|
x: 1538880900000,
|
|
y: [6600.32, 6603.5, 6600, 6603.5]
|
|
},
|
|
{
|
|
x: 1538881200000,
|
|
y: [6603.5, 6603.61, 6600.31, 6602.62]
|
|
},
|
|
{
|
|
x: 1538881500000,
|
|
y: [6601.57, 6603.9, 6597.5, 6601.74]
|
|
},
|
|
{
|
|
x: 1538881800000,
|
|
y: [6600, 6601.73, 6598.01, 6598.62]
|
|
},
|
|
{
|
|
x: 1538882100000,
|
|
y: [6598.61, 6603.9, 6598.61, 6600.09]
|
|
},
|
|
{
|
|
x: 1538882400000,
|
|
y: [6600.09, 6603.99, 6600, 6602.08]
|
|
},
|
|
{
|
|
x: 1538882700000,
|
|
y: [6602.07, 6603.99, 6602.07, 6603.86]
|
|
},
|
|
{
|
|
x: 1538883000000,
|
|
y: [6603.85, 6604.41, 6602.09, 6602.26]
|
|
},
|
|
{
|
|
x: 1538883300000,
|
|
y: [6602.6, 6605, 6602.24, 6603.02]
|
|
},
|
|
{
|
|
x: 1538883600000,
|
|
y: [6603.01, 6604.98, 6600, 6601.03]
|
|
},
|
|
{
|
|
x: 1538883900000,
|
|
y: [6601.81, 6602.6, 6601.02, 6602.3]
|
|
},
|
|
{
|
|
x: 1538884200000,
|
|
y: [6601.72, 6604.98, 6601.1, 6604.03]
|
|
},
|
|
{
|
|
x: 1538884500000,
|
|
y: [6604.17, 6604.98, 6604.02, 6604.07]
|
|
},
|
|
{
|
|
x: 1538884800000,
|
|
y: [6604.98, 6605.7, 6604.07, 6604.28]
|
|
},
|
|
]
|
|
|
|
|
|
|
|
// var seriesData5 = [[1538856000000, [6593.34, 6600, 6582.63, 6600]], [1538856900000, [6595.16, 6604.76, 6590.73, 6593.86]]]
|
|
|
|
var seriesData6 = [{
|
|
x: new Date(1538856000000),
|
|
y: [6593.34, 6600, 6582.63, 6600]
|
|
},
|
|
{
|
|
x: new Date(1538856900000),
|
|
y: [6595.16, 6604.76, 6590.73, 6593.86]
|
|
},
|
|
{
|
|
x: new Date(1538857800000),
|
|
y: [6593.86, 6604.28, 6586.57, 6601.17]
|
|
},
|
|
{
|
|
x: new Date(1538858700000),
|
|
y: [6603.08, 6604.28, 6596.01, 6600.01]
|
|
},
|
|
{
|
|
x: new Date(1538859600000),
|
|
y: [6601.81, 6603.21, 6597, 6599.76]
|
|
},
|
|
{
|
|
x: new Date(1538860500000),
|
|
y: [6597.53, 6599.75, 6592.78, 6596.25]
|
|
},
|
|
{
|
|
x: new Date(1538861400000),
|
|
y: [6596.25, 6603, 6590, 6603]
|
|
},
|
|
{
|
|
x: new Date(1538862300000),
|
|
y: [6602.73, 6604.2, 6596.72, 6602.99]
|
|
},
|
|
{
|
|
x: new Date(1538863200000),
|
|
y: [6602.99, 6606, 6591.06, 6591.06]
|
|
},
|
|
{
|
|
x: new Date(1538864100000),
|
|
y: [6591.06, 6598.4, 6584.99, 6587.81]
|
|
},
|
|
{
|
|
x: new Date(1538865000000),
|
|
y: [6587.81, 6594.99, 6583.27, 6592.43]
|
|
},
|
|
{
|
|
x: new Date(1538865900000),
|
|
y: [6592.46, 6595, 6587.07, 6591.96]
|
|
},
|
|
{
|
|
x: new Date(1538866800000),
|
|
y: [6591.97, 6592.22, 6588.62, 6592]
|
|
},
|
|
{
|
|
x: new Date(1538867700000),
|
|
y: [6592.01, 6596.07, 6585, 6588.39]
|
|
},
|
|
{
|
|
x: new Date(1538868600000),
|
|
y: [6587.6, 6597, 6587.6, 6595.65]
|
|
},
|
|
{
|
|
x: new Date(1538869500000),
|
|
y: [6595.66, 6598.21, 6590.04, 6594.27]
|
|
},
|
|
{
|
|
x: new Date(1538870400000),
|
|
y: [6596.44, 6600, 6594, 6594.28]
|
|
},
|
|
{
|
|
x: new Date(1538871300000),
|
|
y: [6594.28, 6601, 6590, 6596.55]
|
|
},
|
|
{
|
|
x: new Date(1538872200000),
|
|
y: [6598.91, 6603, 6596.61, 6601.4]
|
|
},
|
|
{
|
|
x: new Date(1538873100000),
|
|
y: [6601.39, 6605, 6600, 6600.02]
|
|
},
|
|
{
|
|
x: new Date(1538874000000),
|
|
y: [6600.55, 6605, 6598.28, 6600.01]
|
|
},
|
|
{
|
|
x: new Date(1538874900000),
|
|
y: [6600, 6600.22, 6589.14, 6593.01]
|
|
},
|
|
{
|
|
x: new Date(1538875800000),
|
|
y: [6593.15, 6605, 6592, 6602.01]
|
|
},
|
|
{
|
|
x: new Date(1538876700000),
|
|
y: [6602.02, 6605, 6599.09, 6603.06]
|
|
},
|
|
{
|
|
x: new Date(1538877600000),
|
|
y: [6603.07, 6604.5, 6600.79, 6602.11]
|
|
},
|
|
{
|
|
x: new Date(1538878500000),
|
|
y: [6602.25, 6604.44, 6599.09, 6603.89]
|
|
},
|
|
{
|
|
x: new Date(1538879400000),
|
|
y: [6604.44, 6604.44, 6600, 6602.1]
|
|
},
|
|
{
|
|
x: new Date(1538880300000),
|
|
y: [6602.19, 6604.42, 6600, 6603.5]
|
|
},
|
|
{
|
|
x: new Date(1538881200000),
|
|
y: [6603.5, 6603.9, 6597.5, 6598.62]
|
|
},
|
|
{
|
|
x: new Date(1538882100000),
|
|
y: [6598.61, 6603.9, 6598.61, 6600.09]
|
|
},
|
|
]
|
|
|
|
var optionsCandlestick = {
|
|
chart: {
|
|
id: 'candles',
|
|
height: 360,
|
|
type: 'candlestick',
|
|
toolbar: {
|
|
autoSelected: 'pan',
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
plotOptions: {
|
|
candlestick: {
|
|
colors: {
|
|
upward: '#32b432',
|
|
downward: '#e3324c'
|
|
}
|
|
}
|
|
},
|
|
series: [{
|
|
data: seriesData
|
|
}],
|
|
xaxis: {
|
|
type: 'datetime'
|
|
}
|
|
}
|
|
|
|
var chartCandlestick = new ApexCharts(
|
|
document.querySelector("#crypto-demo1-candlestick"),
|
|
optionsCandlestick
|
|
);
|
|
|
|
chartCandlestick.render();
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 160,
|
|
type: 'bar',
|
|
brush: {
|
|
enabled: true,
|
|
target: 'candles'
|
|
},
|
|
selection: {
|
|
enabled: true,
|
|
xaxis: {
|
|
min: new Date('20 Jan 2017').getTime(),
|
|
max: new Date('10 Dec 2017').getTime()
|
|
},
|
|
fill: {
|
|
color: '#ccc',
|
|
opacity: 0.4
|
|
},
|
|
stroke: {
|
|
color: '#0D47A1',
|
|
}
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
bar: {
|
|
columnWidth: '80%',
|
|
colors: {
|
|
ranges: [
|
|
{
|
|
from: -1000,
|
|
to: 0,
|
|
color: '#F15B46'
|
|
}, {
|
|
from: 1,
|
|
to: 10000,
|
|
color: '#FEB019'
|
|
}
|
|
],
|
|
|
|
},
|
|
}
|
|
},
|
|
stroke: {
|
|
width: 0
|
|
},
|
|
series: [{
|
|
name: 'volume',
|
|
data: seriesDataLinear
|
|
}],
|
|
xaxis: {
|
|
type: 'datetime',
|
|
axisBorder: {
|
|
offsetX: 13
|
|
}
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
show: false
|
|
}
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#crypto-demo1-bar"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
// cryptodemo2
|
|
var cryptodemo2 = jQuery('#cryptodemo2')
|
|
if (cryptodemo2.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
width: 160,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [3],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#fb0792'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 2, 1, 3, 8, 2, 3]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cryptodemo2"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
// cryptodemo3
|
|
var cryptodemo3 = jQuery('#cryptodemo3')
|
|
if (cryptodemo3.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
width: 160,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [3],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#2bcbba'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 2, 1, 3, 8, 2, 3]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cryptodemo3"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
// cryptodemo4
|
|
var cryptodemo4 = jQuery('#cryptodemo4')
|
|
if (cryptodemo4.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
width: 160,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [3],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#45aaf2'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 2, 1, 3, 8, 2, 3]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cryptodemo4"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
// cryptodemo5
|
|
var cryptodemo5 = jQuery('#cryptodemo5')
|
|
if (cryptodemo5.length > 0) {
|
|
|
|
var options = {
|
|
chart: {
|
|
height: 110,
|
|
width: 160,
|
|
type: 'line',
|
|
toolbar: {
|
|
show: false
|
|
},
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
stroke: {
|
|
width: [3],
|
|
curve: 'smooth',
|
|
dashArray: [0, 4]
|
|
},
|
|
colors: ['#fd9644'],
|
|
series: [{
|
|
name: "Session Duration",
|
|
data: [2, 1, 2, 1, 3, 8, 2, 3]
|
|
},
|
|
],
|
|
markers: {
|
|
size: 0,
|
|
|
|
hover: {
|
|
sizeOffset: 6
|
|
}
|
|
},
|
|
xaxis: {
|
|
lines: {
|
|
show: false
|
|
},
|
|
axisBorder: {
|
|
show: false
|
|
},
|
|
crosshairs: {
|
|
show: false
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
},
|
|
labels: {
|
|
show: false,
|
|
},
|
|
categories: ['01 Jan', '02 Jan', '03 Jan', '04 Jan', '05 Jan', '06 Jan', '07 Jan', '08 Jan'
|
|
],
|
|
},
|
|
tooltip: {
|
|
y: [{
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " (mins)"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val + " per session"
|
|
}
|
|
}
|
|
}, {
|
|
title: {
|
|
formatter: function (val) {
|
|
return val;
|
|
}
|
|
}
|
|
}]
|
|
},
|
|
legend: {
|
|
show: false,
|
|
},
|
|
grid: {
|
|
show: false,
|
|
borderColor: '#f1f1f1',
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cryptodemo5"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
// cryptodemo6
|
|
var cryptodemo6 = jQuery('#cryptodemo6')
|
|
if (cryptodemo6.length > 0) {
|
|
|
|
var randomizeArray = function (arg) {
|
|
var array = arg.slice();
|
|
var currentIndex = array.length,
|
|
temporaryValue, randomIndex;
|
|
|
|
while (0 !== currentIndex) {
|
|
|
|
randomIndex = Math.floor(Math.random() * currentIndex);
|
|
currentIndex -= 1;
|
|
|
|
temporaryValue = array[currentIndex];
|
|
array[currentIndex] = array[randomIndex];
|
|
array[randomIndex] = temporaryValue;
|
|
}
|
|
|
|
return array;
|
|
}
|
|
|
|
// data for the sparklines that appear below header area
|
|
var sparklineData = [47, 45, 54, 38, 56, 45, 30, 31, 37, 39, 62, 30, 35, 41];
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
height: 266,
|
|
width : 410,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
},
|
|
stroke: {
|
|
curve: 'smooth',
|
|
width: 5,
|
|
colors: ['#ce83f2']
|
|
},
|
|
fill: {
|
|
opacity: 0.3,
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 0.1,
|
|
inverseColors: false,
|
|
opacityFrom: 1,
|
|
opacityTo: 0.6,
|
|
stops: [100, 100, 100, 100]
|
|
},
|
|
},
|
|
series: [{
|
|
data: randomizeArray(sparklineData)
|
|
}],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
colors: ['#8300c2'],
|
|
responsive: [{
|
|
breakpoint: 1440,
|
|
options: {
|
|
chart: {
|
|
type: 'area',
|
|
width : 900,
|
|
sparkline: {
|
|
enabled: true,
|
|
},
|
|
},
|
|
|
|
},
|
|
}]
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#cryptodemo6"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
}
|
|
|
|
var cryptodemo7 = jQuery('#cryptodemo7');
|
|
if (cryptodemo7.length > 0) {
|
|
|
|
var optionsDonutTop = {
|
|
chart: {
|
|
height: 140,
|
|
width: 300,
|
|
type: 'donut',
|
|
},
|
|
colors: ['#2bcbba', '#eceef3'],
|
|
labels: ['Active Deal', 'Unconfirmed Deals'],
|
|
series: [456, 128],
|
|
legend: {
|
|
show: false
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
size: 60,
|
|
donut: {
|
|
size: '72%',
|
|
},
|
|
offsetX: 10,
|
|
offsetY: 0,
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
}
|
|
},
|
|
responsive: [{
|
|
breakpoint: 400,
|
|
options: {
|
|
plotOptions: {
|
|
pie: {
|
|
offsetX: -35,
|
|
}
|
|
},
|
|
|
|
},
|
|
}]
|
|
}
|
|
var cryptodemo7 = new ApexCharts(document.querySelector('#cryptodemo7'), optionsDonutTop);
|
|
cryptodemo7.render();
|
|
}
|
|
|
|
// irregular
|
|
var irregular = jQuery('#irregular')
|
|
if (irregular.length > 0) {
|
|
|
|
var dataSeries = [
|
|
[{
|
|
"date": "2014-01-01",
|
|
"value": 20000000
|
|
},
|
|
{
|
|
"date": "2014-01-02",
|
|
"value": 10379978
|
|
},
|
|
{
|
|
"date": "2014-01-03",
|
|
"value": 30493749
|
|
},
|
|
{
|
|
"date": "2014-01-04",
|
|
"value": 10785250
|
|
},
|
|
{
|
|
"date": "2014-01-05",
|
|
"value": 33901904
|
|
},
|
|
{
|
|
"date": "2014-01-06",
|
|
"value": 11576838
|
|
},
|
|
{
|
|
"date": "2014-01-07",
|
|
"value": 14413854
|
|
},
|
|
{
|
|
"date": "2014-01-08",
|
|
"value": 15177211
|
|
},
|
|
{
|
|
"date": "2014-01-09",
|
|
"value": 16622100
|
|
},
|
|
{
|
|
"date": "2014-01-10",
|
|
"value": 17381072
|
|
},
|
|
{
|
|
"date": "2014-01-11",
|
|
"value": 18802310
|
|
},
|
|
{
|
|
"date": "2014-01-12",
|
|
"value": 15531790
|
|
},
|
|
{
|
|
"date": "2014-01-13",
|
|
"value": 15748881
|
|
},
|
|
{
|
|
"date": "2014-01-14",
|
|
"value": 18706437
|
|
},
|
|
{
|
|
"date": "2014-01-15",
|
|
"value": 19752685
|
|
},
|
|
{
|
|
"date": "2014-01-16",
|
|
"value": 21016418
|
|
},
|
|
{
|
|
"date": "2014-01-17",
|
|
"value": 25622924
|
|
},
|
|
{
|
|
"date": "2014-01-18",
|
|
"value": 25337480
|
|
},
|
|
{
|
|
"date": "2014-01-19",
|
|
"value": 22258882
|
|
},
|
|
{
|
|
"date": "2014-01-20",
|
|
"value": 23829538
|
|
},
|
|
{
|
|
"date": "2014-01-21",
|
|
"value": 24245689
|
|
},
|
|
{
|
|
"date": "2014-01-22",
|
|
"value": 26429711
|
|
},
|
|
{
|
|
"date": "2014-01-23",
|
|
"value": 26259017
|
|
},
|
|
{
|
|
"date": "2014-01-24",
|
|
"value": 25396183
|
|
},
|
|
{
|
|
"date": "2014-01-25",
|
|
"value": 23107346
|
|
},
|
|
{
|
|
"date": "2014-01-26",
|
|
"value": 28659852
|
|
},
|
|
{
|
|
"date": "2014-01-27",
|
|
"value": 25270783
|
|
},
|
|
{
|
|
"date": "2014-01-28",
|
|
"value": 26270783
|
|
},
|
|
{
|
|
"date": "2014-01-29",
|
|
"value": 27270783
|
|
},
|
|
{
|
|
"date": "2014-01-30",
|
|
"value": 28270783
|
|
},
|
|
{
|
|
"date": "2014-01-31",
|
|
"value": 29270783
|
|
},
|
|
{
|
|
"date": "2014-02-01",
|
|
"value": 30270783
|
|
},
|
|
{
|
|
"date": "2014-02-02",
|
|
"value": 31270783
|
|
},
|
|
{
|
|
"date": "2014-02-03",
|
|
"value": 32270783
|
|
},
|
|
{
|
|
"date": "2014-02-04",
|
|
"value": 33270783
|
|
},
|
|
{
|
|
"date": "2014-02-05",
|
|
"value": 28270783
|
|
},
|
|
{
|
|
"date": "2014-02-06",
|
|
"value": 27270783
|
|
},
|
|
{
|
|
"date": "2014-02-07",
|
|
"value": 35270783
|
|
},
|
|
{
|
|
"date": "2014-02-08",
|
|
"value": 34270783
|
|
},
|
|
{
|
|
"date": "2014-02-09",
|
|
"value": 28270783
|
|
},
|
|
{
|
|
"date": "2014-02-10",
|
|
"value": 35270783
|
|
},
|
|
{
|
|
"date": "2014-02-11",
|
|
"value": 36270783
|
|
},
|
|
{
|
|
"date": "2014-02-12",
|
|
"value": 34127078
|
|
},
|
|
{
|
|
"date": "2014-02-13",
|
|
"value": 33124078
|
|
},
|
|
{
|
|
"date": "2014-02-14",
|
|
"value": 36227078
|
|
},
|
|
{
|
|
"date": "2014-02-15",
|
|
"value": 37827078
|
|
},
|
|
{
|
|
"date": "2014-02-16",
|
|
"value": 36427073
|
|
},
|
|
{
|
|
"date": "2014-02-17",
|
|
"value": 37570783
|
|
},
|
|
{
|
|
"date": "2014-02-18",
|
|
"value": 38627073
|
|
},
|
|
{
|
|
"date": "2014-02-19",
|
|
"value": 37727078
|
|
},
|
|
{
|
|
"date": "2014-02-20",
|
|
"value": 38827073
|
|
},
|
|
{
|
|
"date": "2014-02-21",
|
|
"value": 40927078
|
|
},
|
|
{
|
|
"date": "2014-02-22",
|
|
"value": 41027078
|
|
},
|
|
{
|
|
"date": "2014-02-23",
|
|
"value": 42127073
|
|
},
|
|
{
|
|
"date": "2014-02-24",
|
|
"value": 43220783
|
|
},
|
|
{
|
|
"date": "2014-02-25",
|
|
"value": 44327078
|
|
},
|
|
{
|
|
"date": "2014-02-26",
|
|
"value": 40427078
|
|
},
|
|
{
|
|
"date": "2014-02-27",
|
|
"value": 41027078
|
|
},
|
|
{
|
|
"date": "2014-02-28",
|
|
"value": 45627078
|
|
},
|
|
{
|
|
"date": "2014-03-01",
|
|
"value": 44727078
|
|
},
|
|
{
|
|
"date": "2014-03-02",
|
|
"value": 44227078
|
|
},
|
|
{
|
|
"date": "2014-03-03",
|
|
"value": 45227078
|
|
},
|
|
{
|
|
"date": "2014-03-04",
|
|
"value": 46027078
|
|
},
|
|
{
|
|
"date": "2014-03-05",
|
|
"value": 46927078
|
|
},
|
|
{
|
|
"date": "2014-03-06",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-07",
|
|
"value": 46227078
|
|
},
|
|
{
|
|
"date": "2014-03-08",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-09",
|
|
"value": 48027078
|
|
},
|
|
{
|
|
"date": "2014-03-10",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-11",
|
|
"value": 47027078
|
|
},
|
|
{
|
|
"date": "2014-03-12",
|
|
"value": 48017078
|
|
},
|
|
{
|
|
"date": "2014-03-13",
|
|
"value": 48077078
|
|
},
|
|
{
|
|
"date": "2014-03-14",
|
|
"value": 48087078
|
|
},
|
|
{
|
|
"date": "2014-03-15",
|
|
"value": 48017078
|
|
},
|
|
{
|
|
"date": "2014-03-16",
|
|
"value": 48047078
|
|
},
|
|
{
|
|
"date": "2014-03-17",
|
|
"value": 48067078
|
|
},
|
|
{
|
|
"date": "2014-03-18",
|
|
"value": 48077078
|
|
},
|
|
{
|
|
"date": "2014-03-19",
|
|
"value": 48027074
|
|
},
|
|
{
|
|
"date": "2014-03-20",
|
|
"value": 48927079
|
|
},
|
|
{
|
|
"date": "2014-03-21",
|
|
"value": 48727071
|
|
},
|
|
{
|
|
"date": "2014-03-22",
|
|
"value": 48127072
|
|
},
|
|
{
|
|
"date": "2014-03-23",
|
|
"value": 48527072
|
|
},
|
|
{
|
|
"date": "2014-03-24",
|
|
"value": 48627027
|
|
},
|
|
{
|
|
"date": "2014-03-25",
|
|
"value": 48027040
|
|
},
|
|
{
|
|
"date": "2014-03-26",
|
|
"value": 48027043
|
|
},
|
|
{
|
|
"date": "2014-03-27",
|
|
"value": 48057022
|
|
},
|
|
{
|
|
"date": "2014-03-28",
|
|
"value": 49057022
|
|
},
|
|
{
|
|
"date": "2014-03-29",
|
|
"value": 50057022
|
|
},
|
|
{
|
|
"date": "2014-03-30",
|
|
"value": 51057022
|
|
},
|
|
{
|
|
"date": "2014-03-31",
|
|
"value": 52057022
|
|
},
|
|
{
|
|
"date": "2014-04-01",
|
|
"value": 53057022
|
|
},
|
|
{
|
|
"date": "2014-04-02",
|
|
"value": 54057022
|
|
},
|
|
{
|
|
"date": "2014-04-03",
|
|
"value": 52057022
|
|
},
|
|
{
|
|
"date": "2014-04-04",
|
|
"value": 55057022
|
|
},
|
|
{
|
|
"date": "2014-04-05",
|
|
"value": 58270783
|
|
},
|
|
{
|
|
"date": "2014-04-06",
|
|
"value": 56270783
|
|
},
|
|
{
|
|
"date": "2014-04-07",
|
|
"value": 55270783
|
|
},
|
|
{
|
|
"date": "2014-04-08",
|
|
"value": 58270783
|
|
},
|
|
{
|
|
"date": "2014-04-09",
|
|
"value": 59270783
|
|
},
|
|
{
|
|
"date": "2014-04-10",
|
|
"value": 60270783
|
|
},
|
|
{
|
|
"date": "2014-04-11",
|
|
"value": 61270783
|
|
},
|
|
{
|
|
"date": "2014-04-12",
|
|
"value": 62270783
|
|
},
|
|
{
|
|
"date": "2014-04-13",
|
|
"value": 63270783
|
|
},
|
|
{
|
|
"date": "2014-04-14",
|
|
"value": 64270783
|
|
},
|
|
{
|
|
"date": "2014-04-15",
|
|
"value": 65270783
|
|
},
|
|
{
|
|
"date": "2014-04-16",
|
|
"value": 66270783
|
|
},
|
|
{
|
|
"date": "2014-04-17",
|
|
"value": 67270783
|
|
},
|
|
{
|
|
"date": "2014-04-18",
|
|
"value": 68270783
|
|
},
|
|
{
|
|
"date": "2014-04-19",
|
|
"value": 69270783
|
|
},
|
|
{
|
|
"date": "2014-04-20",
|
|
"value": 70270783
|
|
},
|
|
{
|
|
"date": "2014-04-21",
|
|
"value": 71270783
|
|
},
|
|
{
|
|
"date": "2014-04-22",
|
|
"value": 72270783
|
|
},
|
|
{
|
|
"date": "2014-04-23",
|
|
"value": 73270783
|
|
},
|
|
{
|
|
"date": "2014-04-24",
|
|
"value": 74270783
|
|
},
|
|
{
|
|
"date": "2014-04-25",
|
|
"value": 75270783
|
|
},
|
|
{
|
|
"date": "2014-04-26",
|
|
"value": 76660783
|
|
},
|
|
{
|
|
"date": "2014-04-27",
|
|
"value": 77270783
|
|
},
|
|
{
|
|
"date": "2014-04-28",
|
|
"value": 78370783
|
|
},
|
|
{
|
|
"date": "2014-04-29",
|
|
"value": 79470783
|
|
},
|
|
{
|
|
"date": "2014-04-30",
|
|
"value": 80170783
|
|
}
|
|
],
|
|
[{
|
|
"date": "2014-01-01",
|
|
"value": 150000000
|
|
},
|
|
{
|
|
"date": "2014-01-02",
|
|
"value": 160379978
|
|
},
|
|
{
|
|
"date": "2014-01-03",
|
|
"value": 170493749
|
|
},
|
|
{
|
|
"date": "2014-01-04",
|
|
"value": 160785250
|
|
},
|
|
{
|
|
"date": "2014-01-05",
|
|
"value": 167391904
|
|
},
|
|
{
|
|
"date": "2014-01-06",
|
|
"value": 161576838
|
|
},
|
|
{
|
|
"date": "2014-01-07",
|
|
"value": 161413854
|
|
},
|
|
{
|
|
"date": "2014-01-08",
|
|
"value": 152177211
|
|
},
|
|
{
|
|
"date": "2014-01-09",
|
|
"value": 143762210
|
|
},
|
|
{
|
|
"date": "2014-01-10",
|
|
"value": 144381072
|
|
},
|
|
{
|
|
"date": "2014-01-11",
|
|
"value": 154352310
|
|
},
|
|
{
|
|
"date": "2014-01-12",
|
|
"value": 165531790
|
|
},
|
|
{
|
|
"date": "2014-01-13",
|
|
"value": 175748881
|
|
},
|
|
{
|
|
"date": "2014-01-14",
|
|
"value": 187064037
|
|
},
|
|
{
|
|
"date": "2014-01-15",
|
|
"value": 197520685
|
|
},
|
|
{
|
|
"date": "2014-01-16",
|
|
"value": 210176418
|
|
},
|
|
{
|
|
"date": "2014-01-17",
|
|
"value": 196122924
|
|
},
|
|
{
|
|
"date": "2014-01-18",
|
|
"value": 207337480
|
|
},
|
|
{
|
|
"date": "2014-01-19",
|
|
"value": 200258882
|
|
},
|
|
{
|
|
"date": "2014-01-20",
|
|
"value": 186829538
|
|
},
|
|
{
|
|
"date": "2014-01-21",
|
|
"value": 192456897
|
|
},
|
|
{
|
|
"date": "2014-01-22",
|
|
"value": 204299711
|
|
},
|
|
{
|
|
"date": "2014-01-23",
|
|
"value": 192759017
|
|
},
|
|
{
|
|
"date": "2014-01-24",
|
|
"value": 203596183
|
|
},
|
|
{
|
|
"date": "2014-01-25",
|
|
"value": 208107346
|
|
},
|
|
{
|
|
"date": "2014-01-26",
|
|
"value": 196359852
|
|
},
|
|
{
|
|
"date": "2014-01-27",
|
|
"value": 192570783
|
|
},
|
|
{
|
|
"date": "2014-01-28",
|
|
"value": 177967768
|
|
},
|
|
{
|
|
"date": "2014-01-29",
|
|
"value": 190632803
|
|
},
|
|
{
|
|
"date": "2014-01-30",
|
|
"value": 203725316
|
|
},
|
|
{
|
|
"date": "2014-01-31",
|
|
"value": 218226177
|
|
},
|
|
{
|
|
"date": "2014-02-01",
|
|
"value": 210698669
|
|
},
|
|
{
|
|
"date": "2014-02-02",
|
|
"value": 217640656
|
|
},
|
|
{
|
|
"date": "2014-02-03",
|
|
"value": 216142362
|
|
},
|
|
{
|
|
"date": "2014-02-04",
|
|
"value": 201410971
|
|
},
|
|
{
|
|
"date": "2014-02-05",
|
|
"value": 196704289
|
|
},
|
|
{
|
|
"date": "2014-02-06",
|
|
"value": 190436945
|
|
},
|
|
{
|
|
"date": "2014-02-07",
|
|
"value": 178891686
|
|
},
|
|
{
|
|
"date": "2014-02-08",
|
|
"value": 171613962
|
|
},
|
|
{
|
|
"date": "2014-02-09",
|
|
"value": 157579773
|
|
},
|
|
{
|
|
"date": "2014-02-10",
|
|
"value": 158677098
|
|
},
|
|
{
|
|
"date": "2014-02-11",
|
|
"value": 147129977
|
|
},
|
|
{
|
|
"date": "2014-02-12",
|
|
"value": 151561876
|
|
},
|
|
{
|
|
"date": "2014-02-13",
|
|
"value": 151627421
|
|
},
|
|
{
|
|
"date": "2014-02-14",
|
|
"value": 143543872
|
|
},
|
|
{
|
|
"date": "2014-02-15",
|
|
"value": 136581057
|
|
},
|
|
{
|
|
"date": "2014-02-16",
|
|
"value": 135560715
|
|
},
|
|
{
|
|
"date": "2014-02-17",
|
|
"value": 122625263
|
|
},
|
|
{
|
|
"date": "2014-02-18",
|
|
"value": 112091484
|
|
},
|
|
{
|
|
"date": "2014-02-19",
|
|
"value": 98810329
|
|
},
|
|
{
|
|
"date": "2014-02-20",
|
|
"value": 99882912
|
|
},
|
|
{
|
|
"date": "2014-02-21",
|
|
"value": 94943095
|
|
},
|
|
{
|
|
"date": "2014-02-22",
|
|
"value": 104875743
|
|
},
|
|
{
|
|
"date": "2014-02-23",
|
|
"value": 116383678
|
|
},
|
|
{
|
|
"date": "2014-02-24",
|
|
"value": 125028841
|
|
},
|
|
{
|
|
"date": "2014-02-25",
|
|
"value": 123967310
|
|
},
|
|
{
|
|
"date": "2014-02-26",
|
|
"value": 133167029
|
|
},
|
|
{
|
|
"date": "2014-02-27",
|
|
"value": 128577263
|
|
},
|
|
{
|
|
"date": "2014-02-28",
|
|
"value": 115836969
|
|
},
|
|
{
|
|
"date": "2014-03-01",
|
|
"value": 119264529
|
|
},
|
|
{
|
|
"date": "2014-03-02",
|
|
"value": 109363374
|
|
},
|
|
{
|
|
"date": "2014-03-03",
|
|
"value": 113985628
|
|
},
|
|
{
|
|
"date": "2014-03-04",
|
|
"value": 114650999
|
|
},
|
|
{
|
|
"date": "2014-03-05",
|
|
"value": 110866108
|
|
},
|
|
{
|
|
"date": "2014-03-06",
|
|
"value": 96473454
|
|
},
|
|
{
|
|
"date": "2014-03-07",
|
|
"value": 104075886
|
|
},
|
|
{
|
|
"date": "2014-03-08",
|
|
"value": 103568384
|
|
},
|
|
{
|
|
"date": "2014-03-09",
|
|
"value": 101534883
|
|
},
|
|
{
|
|
"date": "2014-03-10",
|
|
"value": 115825447
|
|
},
|
|
{
|
|
"date": "2014-03-11",
|
|
"value": 126133916
|
|
},
|
|
{
|
|
"date": "2014-03-12",
|
|
"value": 116502109
|
|
},
|
|
{
|
|
"date": "2014-03-13",
|
|
"value": 130169411
|
|
},
|
|
{
|
|
"date": "2014-03-14",
|
|
"value": 124296886
|
|
},
|
|
{
|
|
"date": "2014-03-15",
|
|
"value": 126347399
|
|
},
|
|
{
|
|
"date": "2014-03-16",
|
|
"value": 131483669
|
|
},
|
|
{
|
|
"date": "2014-03-17",
|
|
"value": 142811333
|
|
},
|
|
{
|
|
"date": "2014-03-18",
|
|
"value": 129675396
|
|
},
|
|
{
|
|
"date": "2014-03-19",
|
|
"value": 115514483
|
|
},
|
|
{
|
|
"date": "2014-03-20",
|
|
"value": 117630630
|
|
},
|
|
{
|
|
"date": "2014-03-21",
|
|
"value": 122340239
|
|
},
|
|
{
|
|
"date": "2014-03-22",
|
|
"value": 132349091
|
|
},
|
|
{
|
|
"date": "2014-03-23",
|
|
"value": 125613305
|
|
},
|
|
{
|
|
"date": "2014-03-24",
|
|
"value": 135592466
|
|
},
|
|
{
|
|
"date": "2014-03-25",
|
|
"value": 123408762
|
|
},
|
|
{
|
|
"date": "2014-03-26",
|
|
"value": 111991454
|
|
},
|
|
{
|
|
"date": "2014-03-27",
|
|
"value": 116123955
|
|
},
|
|
{
|
|
"date": "2014-03-28",
|
|
"value": 112817214
|
|
},
|
|
{
|
|
"date": "2014-03-29",
|
|
"value": 113029590
|
|
},
|
|
{
|
|
"date": "2014-03-30",
|
|
"value": 108753398
|
|
},
|
|
{
|
|
"date": "2014-03-31",
|
|
"value": 99383763
|
|
},
|
|
{
|
|
"date": "2014-04-01",
|
|
"value": 100151737
|
|
},
|
|
{
|
|
"date": "2014-04-02",
|
|
"value": 94985209
|
|
},
|
|
{
|
|
"date": "2014-04-03",
|
|
"value": 82913669
|
|
},
|
|
{
|
|
"date": "2014-04-04",
|
|
"value": 78748268
|
|
},
|
|
{
|
|
"date": "2014-04-05",
|
|
"value": 63829135
|
|
},
|
|
{
|
|
"date": "2014-04-06",
|
|
"value": 78694727
|
|
},
|
|
{
|
|
"date": "2014-04-07",
|
|
"value": 80868994
|
|
},
|
|
{
|
|
"date": "2014-04-08",
|
|
"value": 93799013
|
|
},
|
|
{
|
|
"date": "2014-04-09",
|
|
"value": 99042416
|
|
},
|
|
{
|
|
"date": "2014-04-10",
|
|
"value": 97298692
|
|
},
|
|
{
|
|
"date": "2014-04-11",
|
|
"value": 83353499
|
|
},
|
|
{
|
|
"date": "2014-04-12",
|
|
"value": 71248129
|
|
},
|
|
{
|
|
"date": "2014-04-13",
|
|
"value": 75253744
|
|
},
|
|
{
|
|
"date": "2014-04-14",
|
|
"value": 68976648
|
|
},
|
|
{
|
|
"date": "2014-04-15",
|
|
"value": 71002284
|
|
},
|
|
{
|
|
"date": "2014-04-16",
|
|
"value": 75052401
|
|
},
|
|
{
|
|
"date": "2014-04-17",
|
|
"value": 83894030
|
|
},
|
|
{
|
|
"date": "2014-04-18",
|
|
"value": 90236528
|
|
},
|
|
{
|
|
"date": "2014-04-19",
|
|
"value": 99739114
|
|
},
|
|
{
|
|
"date": "2014-04-20",
|
|
"value": 96407136
|
|
},
|
|
{
|
|
"date": "2014-04-21",
|
|
"value": 108323177
|
|
},
|
|
{
|
|
"date": "2014-04-22",
|
|
"value": 101578914
|
|
},
|
|
{
|
|
"date": "2014-04-23",
|
|
"value": 115877608
|
|
},
|
|
{
|
|
"date": "2014-04-24",
|
|
"value": 112088857
|
|
},
|
|
{
|
|
"date": "2014-04-25",
|
|
"value": 112071353
|
|
},
|
|
{
|
|
"date": "2014-04-26",
|
|
"value": 101790062
|
|
},
|
|
{
|
|
"date": "2014-04-27",
|
|
"value": 115003761
|
|
},
|
|
{
|
|
"date": "2014-04-28",
|
|
"value": 120457727
|
|
},
|
|
{
|
|
"date": "2014-04-29",
|
|
"value": 118253926
|
|
},
|
|
{
|
|
"date": "2014-04-30",
|
|
"value": 117956992
|
|
}
|
|
],
|
|
[{
|
|
"date": "2014-01-01",
|
|
"value": 50000000
|
|
},
|
|
{
|
|
"date": "2014-01-02",
|
|
"value": 60379978
|
|
},
|
|
{
|
|
"date": "2014-01-03",
|
|
"value": 40493749
|
|
},
|
|
{
|
|
"date": "2014-01-04",
|
|
"value": 60785250
|
|
},
|
|
{
|
|
"date": "2014-01-05",
|
|
"value": 67391904
|
|
},
|
|
{
|
|
"date": "2014-01-06",
|
|
"value": 61576838
|
|
},
|
|
{
|
|
"date": "2014-01-07",
|
|
"value": 61413854
|
|
},
|
|
{
|
|
"date": "2014-01-08",
|
|
"value": 82177211
|
|
},
|
|
{
|
|
"date": "2014-01-09",
|
|
"value": 103762210
|
|
},
|
|
{
|
|
"date": "2014-01-10",
|
|
"value": 84381072
|
|
},
|
|
{
|
|
"date": "2014-01-11",
|
|
"value": 54352310
|
|
},
|
|
{
|
|
"date": "2014-01-12",
|
|
"value": 65531790
|
|
},
|
|
{
|
|
"date": "2014-01-13",
|
|
"value": 75748881
|
|
},
|
|
{
|
|
"date": "2014-01-14",
|
|
"value": 47064037
|
|
},
|
|
{
|
|
"date": "2014-01-15",
|
|
"value": 67520685
|
|
},
|
|
{
|
|
"date": "2014-01-16",
|
|
"value": 60176418
|
|
},
|
|
{
|
|
"date": "2014-01-17",
|
|
"value": 66122924
|
|
},
|
|
{
|
|
"date": "2014-01-18",
|
|
"value": 57337480
|
|
},
|
|
{
|
|
"date": "2014-01-19",
|
|
"value": 100258882
|
|
},
|
|
{
|
|
"date": "2014-01-20",
|
|
"value": 46829538
|
|
},
|
|
{
|
|
"date": "2014-01-21",
|
|
"value": 92456897
|
|
},
|
|
{
|
|
"date": "2014-01-22",
|
|
"value": 94299711
|
|
},
|
|
{
|
|
"date": "2014-01-23",
|
|
"value": 62759017
|
|
},
|
|
{
|
|
"date": "2014-01-24",
|
|
"value": 103596183
|
|
},
|
|
{
|
|
"date": "2014-01-25",
|
|
"value": 108107346
|
|
},
|
|
{
|
|
"date": "2014-01-26",
|
|
"value": 66359852
|
|
},
|
|
{
|
|
"date": "2014-01-27",
|
|
"value": 62570783
|
|
},
|
|
{
|
|
"date": "2014-01-28",
|
|
"value": 77967768
|
|
},
|
|
{
|
|
"date": "2014-01-29",
|
|
"value": 60632803
|
|
},
|
|
{
|
|
"date": "2014-01-30",
|
|
"value": 103725316
|
|
},
|
|
{
|
|
"date": "2014-01-31",
|
|
"value": 98226177
|
|
},
|
|
{
|
|
"date": "2014-02-01",
|
|
"value": 60698669
|
|
},
|
|
{
|
|
"date": "2014-02-02",
|
|
"value": 67640656
|
|
},
|
|
{
|
|
"date": "2014-02-03",
|
|
"value": 66142362
|
|
},
|
|
{
|
|
"date": "2014-02-04",
|
|
"value": 101410971
|
|
},
|
|
{
|
|
"date": "2014-02-05",
|
|
"value": 66704289
|
|
},
|
|
{
|
|
"date": "2014-02-06",
|
|
"value": 60436945
|
|
},
|
|
{
|
|
"date": "2014-02-07",
|
|
"value": 78891686
|
|
},
|
|
{
|
|
"date": "2014-02-08",
|
|
"value": 71613962
|
|
},
|
|
{
|
|
"date": "2014-02-09",
|
|
"value": 107579773
|
|
},
|
|
{
|
|
"date": "2014-02-10",
|
|
"value": 58677098
|
|
},
|
|
{
|
|
"date": "2014-02-11",
|
|
"value": 87129977
|
|
},
|
|
{
|
|
"date": "2014-02-12",
|
|
"value": 51561876
|
|
},
|
|
{
|
|
"date": "2014-02-13",
|
|
"value": 51627421
|
|
},
|
|
{
|
|
"date": "2014-02-14",
|
|
"value": 83543872
|
|
},
|
|
{
|
|
"date": "2014-02-15",
|
|
"value": 66581057
|
|
},
|
|
{
|
|
"date": "2014-02-16",
|
|
"value": 65560715
|
|
},
|
|
{
|
|
"date": "2014-02-17",
|
|
"value": 62625263
|
|
},
|
|
{
|
|
"date": "2014-02-18",
|
|
"value": 92091484
|
|
},
|
|
{
|
|
"date": "2014-02-19",
|
|
"value": 48810329
|
|
},
|
|
{
|
|
"date": "2014-02-20",
|
|
"value": 49882912
|
|
},
|
|
{
|
|
"date": "2014-02-21",
|
|
"value": 44943095
|
|
},
|
|
{
|
|
"date": "2014-02-22",
|
|
"value": 104875743
|
|
},
|
|
{
|
|
"date": "2014-02-23",
|
|
"value": 96383678
|
|
},
|
|
{
|
|
"date": "2014-02-24",
|
|
"value": 105028841
|
|
},
|
|
{
|
|
"date": "2014-02-25",
|
|
"value": 63967310
|
|
},
|
|
{
|
|
"date": "2014-02-26",
|
|
"value": 63167029
|
|
},
|
|
{
|
|
"date": "2014-02-27",
|
|
"value": 68577263
|
|
},
|
|
{
|
|
"date": "2014-02-28",
|
|
"value": 95836969
|
|
},
|
|
{
|
|
"date": "2014-03-01",
|
|
"value": 99264529
|
|
},
|
|
{
|
|
"date": "2014-03-02",
|
|
"value": 109363374
|
|
},
|
|
{
|
|
"date": "2014-03-03",
|
|
"value": 93985628
|
|
},
|
|
{
|
|
"date": "2014-03-04",
|
|
"value": 94650999
|
|
},
|
|
{
|
|
"date": "2014-03-05",
|
|
"value": 90866108
|
|
},
|
|
{
|
|
"date": "2014-03-06",
|
|
"value": 46473454
|
|
},
|
|
{
|
|
"date": "2014-03-07",
|
|
"value": 84075886
|
|
},
|
|
{
|
|
"date": "2014-03-08",
|
|
"value": 103568384
|
|
},
|
|
{
|
|
"date": "2014-03-09",
|
|
"value": 101534883
|
|
},
|
|
{
|
|
"date": "2014-03-10",
|
|
"value": 95825447
|
|
},
|
|
{
|
|
"date": "2014-03-11",
|
|
"value": 66133916
|
|
},
|
|
{
|
|
"date": "2014-03-12",
|
|
"value": 96502109
|
|
},
|
|
{
|
|
"date": "2014-03-13",
|
|
"value": 80169411
|
|
},
|
|
{
|
|
"date": "2014-03-14",
|
|
"value": 84296886
|
|
},
|
|
{
|
|
"date": "2014-03-15",
|
|
"value": 86347399
|
|
},
|
|
{
|
|
"date": "2014-03-16",
|
|
"value": 31483669
|
|
},
|
|
{
|
|
"date": "2014-03-17",
|
|
"value": 82811333
|
|
},
|
|
{
|
|
"date": "2014-03-18",
|
|
"value": 89675396
|
|
},
|
|
{
|
|
"date": "2014-03-19",
|
|
"value": 95514483
|
|
},
|
|
{
|
|
"date": "2014-03-20",
|
|
"value": 97630630
|
|
},
|
|
{
|
|
"date": "2014-03-21",
|
|
"value": 62340239
|
|
},
|
|
{
|
|
"date": "2014-03-22",
|
|
"value": 62349091
|
|
},
|
|
{
|
|
"date": "2014-03-23",
|
|
"value": 65613305
|
|
},
|
|
{
|
|
"date": "2014-03-24",
|
|
"value": 65592466
|
|
},
|
|
{
|
|
"date": "2014-03-25",
|
|
"value": 63408762
|
|
},
|
|
{
|
|
"date": "2014-03-26",
|
|
"value": 91991454
|
|
},
|
|
{
|
|
"date": "2014-03-27",
|
|
"value": 96123955
|
|
},
|
|
{
|
|
"date": "2014-03-28",
|
|
"value": 92817214
|
|
},
|
|
{
|
|
"date": "2014-03-29",
|
|
"value": 93029590
|
|
},
|
|
{
|
|
"date": "2014-03-30",
|
|
"value": 108753398
|
|
},
|
|
{
|
|
"date": "2014-03-31",
|
|
"value": 49383763
|
|
},
|
|
{
|
|
"date": "2014-04-01",
|
|
"value": 100151737
|
|
},
|
|
{
|
|
"date": "2014-04-02",
|
|
"value": 44985209
|
|
},
|
|
{
|
|
"date": "2014-04-03",
|
|
"value": 52913669
|
|
},
|
|
{
|
|
"date": "2014-04-04",
|
|
"value": 48748268
|
|
},
|
|
{
|
|
"date": "2014-04-05",
|
|
"value": 23829135
|
|
},
|
|
{
|
|
"date": "2014-04-06",
|
|
"value": 58694727
|
|
},
|
|
{
|
|
"date": "2014-04-07",
|
|
"value": 50868994
|
|
},
|
|
{
|
|
"date": "2014-04-08",
|
|
"value": 43799013
|
|
},
|
|
{
|
|
"date": "2014-04-09",
|
|
"value": 4042416
|
|
},
|
|
{
|
|
"date": "2014-04-10",
|
|
"value": 47298692
|
|
},
|
|
{
|
|
"date": "2014-04-11",
|
|
"value": 53353499
|
|
},
|
|
{
|
|
"date": "2014-04-12",
|
|
"value": 71248129
|
|
},
|
|
{
|
|
"date": "2014-04-13",
|
|
"value": 75253744
|
|
},
|
|
{
|
|
"date": "2014-04-14",
|
|
"value": 68976648
|
|
},
|
|
{
|
|
"date": "2014-04-15",
|
|
"value": 71002284
|
|
},
|
|
{
|
|
"date": "2014-04-16",
|
|
"value": 75052401
|
|
},
|
|
{
|
|
"date": "2014-04-17",
|
|
"value": 83894030
|
|
},
|
|
{
|
|
"date": "2014-04-18",
|
|
"value": 50236528
|
|
},
|
|
{
|
|
"date": "2014-04-19",
|
|
"value": 59739114
|
|
},
|
|
{
|
|
"date": "2014-04-20",
|
|
"value": 56407136
|
|
},
|
|
{
|
|
"date": "2014-04-21",
|
|
"value": 108323177
|
|
},
|
|
{
|
|
"date": "2014-04-22",
|
|
"value": 101578914
|
|
},
|
|
{
|
|
"date": "2014-04-23",
|
|
"value": 95877608
|
|
},
|
|
{
|
|
"date": "2014-04-24",
|
|
"value": 62088857
|
|
},
|
|
{
|
|
"date": "2014-04-25",
|
|
"value": 92071353
|
|
},
|
|
{
|
|
"date": "2014-04-26",
|
|
"value": 81790062
|
|
},
|
|
{
|
|
"date": "2014-04-27",
|
|
"value": 105003761
|
|
},
|
|
{
|
|
"date": "2014-04-28",
|
|
"value": 100457727
|
|
},
|
|
{
|
|
"date": "2014-04-29",
|
|
"value": 98253926
|
|
},
|
|
{
|
|
"date": "2014-04-30",
|
|
"value": 67956992
|
|
}
|
|
]
|
|
]
|
|
var ts1 = 1388534400000;
|
|
var ts2 = 1388620800000;
|
|
var ts3 = 1389052800000;
|
|
|
|
var dataSet = [[],[],[]];
|
|
|
|
for(var i=0; i<12; i++) {
|
|
ts1 = ts1 + 86400000;
|
|
var innerArr = [ts1, dataSeries[2][i].value];
|
|
dataSet[0].push(innerArr)
|
|
}
|
|
for(var i=0; i<18; i++) {
|
|
ts2 = ts2 + 86400000;
|
|
var innerArr = [ts2, dataSeries[1][i].value];
|
|
dataSet[1].push(innerArr)
|
|
}
|
|
for(var i=0; i<12; i++) {
|
|
ts3 = ts3 + 86400000;
|
|
var innerArr = [ts3, dataSeries[0][i].value];
|
|
dataSet[2].push(innerArr)
|
|
}
|
|
|
|
var options = {
|
|
chart: {
|
|
type: 'area',
|
|
stacked: false,
|
|
height: 350,
|
|
zoom: {
|
|
enabled: false
|
|
},
|
|
},
|
|
plotOptions: {
|
|
line: {
|
|
curve: 'smooth',
|
|
}
|
|
},
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
series: [{
|
|
name: 'PRODUCT A',
|
|
data: dataSet[0]
|
|
}, {
|
|
name: 'PRODUCT B',
|
|
data: dataSet[1]
|
|
}, {
|
|
name: 'PRODUCT C',
|
|
data: dataSet[2]
|
|
}],
|
|
markers: {
|
|
size: 0,
|
|
style: 'full',
|
|
},
|
|
fill: {
|
|
gradient: {
|
|
enabled: true,
|
|
shadeIntensity: 1,
|
|
inverseColors: false,
|
|
opacityFrom: 0.45,
|
|
opacityTo: 0.05,
|
|
stops: [20, 100, 100, 100]
|
|
},
|
|
},
|
|
yaxis: {
|
|
labels: {
|
|
style: {
|
|
color: '#8e8da4',
|
|
},
|
|
offsetX: 0,
|
|
formatter: function(val) {
|
|
return (val / 1000000).toFixed(2);
|
|
},
|
|
},
|
|
axisBorder: {
|
|
show: false,
|
|
},
|
|
axisTicks: {
|
|
show: false
|
|
}
|
|
},
|
|
xaxis: {
|
|
type: 'datetime',
|
|
tickAmount: 8,
|
|
min: new Date("01/01/2014").getTime(),
|
|
max: new Date("01/20/2014").getTime(),
|
|
labels: {
|
|
rotate: -15,
|
|
rotateAlways: true,
|
|
formatter: function(val, timestamp) {
|
|
return moment(new Date(timestamp)).format("DD MMM YYYY")
|
|
}
|
|
}
|
|
},
|
|
title: {
|
|
text: 'Irregular Data in Time Series',
|
|
align: 'left',
|
|
offsetX: 14
|
|
},
|
|
tooltip: {
|
|
shared: true
|
|
},
|
|
legend: {
|
|
position: 'top',
|
|
horizontalAlign: 'right',
|
|
offsetX: -10
|
|
}
|
|
}
|
|
|
|
var chart = new ApexCharts(
|
|
document.querySelector("#irregular"),
|
|
options
|
|
);
|
|
|
|
chart.render();
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
$(function(){
|
|
var autonumeric = jQuery(".autonumber");
|
|
if (autonumeric.length > 0) {
|
|
/****** Spanish-numeric ******/
|
|
new AutoNumeric('#Spanish', 'Spanish');
|
|
/****** NorthAmerican-numeric ******/
|
|
new AutoNumeric('#NorthAmerican', 'NorthAmerican');
|
|
/****** British-numeric ******/
|
|
new AutoNumeric('#British', 'British');
|
|
/****** Swiss-numeric ******/
|
|
new AutoNumeric('#Swiss', 'Swiss');
|
|
/****** Japanese-numeric ******/
|
|
new AutoNumeric('#Japanese', 'Japanese');
|
|
/****** Chinese-numeric ******/
|
|
new AutoNumeric('#Chinese', 'Chinese');
|
|
/****** Brazilian-numeric ******/
|
|
new AutoNumeric('#Brazilian', 'Brazilian');
|
|
/****** Turkish-numeric ******/
|
|
new AutoNumeric('#Turkish', 'Turkish');
|
|
/****** DecimalCharCommaSeparator-numeric ******/
|
|
new AutoNumeric('#DecimalCharCommaSeparator', 'dotDecimalCharCommaSeparator');
|
|
/****** commaDecimalCharDotSeparator-numeric ******/
|
|
new AutoNumeric('#commaDecimalCharDotSeparator', 'commaDecimalCharDotSeparator');
|
|
/****** integer-numeric ******/
|
|
new AutoNumeric('#integer', 'integer');
|
|
/****** integerPos-numeric ******/
|
|
new AutoNumeric('#integerPos', 'integerPos');
|
|
/****** integerNeg-numeric ******/
|
|
new AutoNumeric('#integerNeg', 'integerNeg');
|
|
/****** float-numeric ******/
|
|
new AutoNumeric('#float', 'float');
|
|
/****** floatPos-numeric ******/
|
|
new AutoNumeric('#floatPos', 'floatPos');
|
|
/****** floatNeg-numeric ******/
|
|
new AutoNumeric('#floatNeg', 'floatNeg');
|
|
/****** numeric-numeric ******/
|
|
new AutoNumeric('#numeric', 'numeric');
|
|
/****** numericPos-numeric ******/
|
|
new AutoNumeric('#numericPos', 'numericPos');
|
|
/****** numericNeg-numeric ******/
|
|
new AutoNumeric('#numericNeg', 'numericNeg');
|
|
/****** euro-numeric ******/
|
|
new AutoNumeric('#euro', 'euro');
|
|
/****** euroPos-numeric ******/
|
|
new AutoNumeric('#euroPos', 'euroPos');
|
|
/****** euroNeg-numeric ******/
|
|
new AutoNumeric('#euroNeg', 'euroNeg');
|
|
/****** euroSpace-numeric ******/
|
|
new AutoNumeric('#euroSpace', 'euroSpace');
|
|
/****** euroSpacePos-numeric ******/
|
|
new AutoNumeric('#euroSpacePos', 'euroSpacePos');
|
|
/****** euroSpaceNeg-numeric ******/
|
|
new AutoNumeric('#euroSpaceNeg', 'euroSpaceNeg');
|
|
/****** dollar-numeric ******/
|
|
new AutoNumeric('#dollar', 'dollar');
|
|
/****** dollarPos-numeric ******/
|
|
new AutoNumeric('#dollarPos', 'dollarPos');
|
|
/****** dollarNeg-numeric ******/
|
|
new AutoNumeric('#dollarNeg', 'dollarNeg');
|
|
/****** french-numeric ******/
|
|
new AutoNumeric('#percentageEU2dec', 'percentageEU2dec');
|
|
/****** percentageEU2decPos-numeric ******/
|
|
new AutoNumeric('#percentageEU2decPos', 'percentageEU2decPos');
|
|
/****** percentageEU2decNeg-numeric ******/
|
|
new AutoNumeric('#percentageEU2decNeg', 'percentageEU2decNeg');
|
|
/****** percentageUS2dec-numeric ******/
|
|
new AutoNumeric('#percentageUS2dec', 'percentageUS2dec');
|
|
/****** percentageUS3decPos-numeric ******/
|
|
new AutoNumeric('#percentageUS3decPos', 'percentageUS3decPos');
|
|
/****** percentageUS3decNeg-numeric ******/
|
|
new AutoNumeric('#percentageUS3decNeg', 'percentageUS3decNeg');
|
|
}
|
|
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var customfile = jQuery(".custom-file-input");
|
|
if (customfile.length > 0) {
|
|
bsCustomFileInput.init();
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var c3Chart = jQuery(".c3chart-wrapper");
|
|
if (c3Chart.length > 0) {
|
|
var c3demo1 = jQuery("#c3demo1");
|
|
if (c3demo1.length > 0) {
|
|
var chart = c3.generate({
|
|
bindto: '#c3demo1',
|
|
data: {
|
|
columns: [
|
|
['data1', 30, 200, 100, 400, 150, 250],
|
|
['data2', 50, 20, 10, 40, 15, 25]
|
|
],
|
|
colors: {
|
|
data1: '#8E54E9',
|
|
data2: '#4776E6'
|
|
},
|
|
}
|
|
});
|
|
}
|
|
var c3demo2 = jQuery("#c3demo2");
|
|
if (c3demo2.length > 0) {
|
|
var chart = c3.generate({
|
|
bindto: '#c3demo2',
|
|
data: {
|
|
columns: [
|
|
['data1', 300, 350, 300, 0, 0, 0],
|
|
['data2', 130, 100, 140, 200, 150, 50]
|
|
],
|
|
colors: {
|
|
data1: '#8E54E9',
|
|
data2: '#4776E6'
|
|
},
|
|
types: {
|
|
data1: 'area',
|
|
data2: 'area-spline'
|
|
}
|
|
}
|
|
});
|
|
}
|
|
var c3demo3 = jQuery("#c3demo3");
|
|
if (c3demo3.length > 0) {
|
|
var chart = c3.generate({
|
|
bindto: '#c3demo3',
|
|
data: {
|
|
columns: [
|
|
['data1', 30, 200, 100, 400, 150, 250],
|
|
['data2', 130, 100, 140, 200, 150, 50],
|
|
['data3', 130, 150, 200, 300, 200, 100]
|
|
],
|
|
colors: {
|
|
data1: '#8E54E9',
|
|
data2: '#4776E6',
|
|
data3: '#ffbc1d'
|
|
},
|
|
type: 'bar'
|
|
},
|
|
bar: {
|
|
width: {
|
|
ratio: 0.5 // this makes bar width 50% of length between ticks
|
|
}
|
|
}
|
|
});
|
|
}
|
|
var c3demo4 = jQuery("#c3demo4");
|
|
if (c3demo4.length > 0) {
|
|
var chart = c3.generate({
|
|
bindto: '#c3demo4',
|
|
data: {
|
|
columns: [
|
|
['data1', -30, 200, 200, 400, -150, 250],
|
|
['data2', 130, 100, -100, 200, -150, 50],
|
|
['data3', -230, 200, 200, -300, 250, 250],
|
|
['data4', 100, -50, 150, 200, -300, -100]
|
|
],
|
|
type: 'bar',
|
|
colors: {
|
|
data1: '#8E54E9',
|
|
data2: '#4776E6',
|
|
data3: '#ffbc1d',
|
|
data4: '#25d09a'
|
|
},
|
|
groups: [
|
|
['data1', 'data2', 'data3', 'data4']
|
|
]
|
|
},
|
|
grid: {
|
|
y: {
|
|
lines: [{ value: 0 }]
|
|
}
|
|
}
|
|
});
|
|
}
|
|
var c3demo5 = jQuery("#c3demo5");
|
|
if (c3demo5.length > 0) {
|
|
var chart = c3.generate({
|
|
bindto: '#c3demo5',
|
|
data: {
|
|
columns: [
|
|
["setosa", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2],
|
|
["versicolor", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
|
|
["virginica", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8],
|
|
],
|
|
colors: {
|
|
setosa: '#8E54E9',
|
|
versicolor: '#4776E6',
|
|
virginica: '#ffbc1d'
|
|
},
|
|
type: 'pie'
|
|
}
|
|
});
|
|
}
|
|
var c3demo6 = jQuery("#c3demo6");
|
|
if (c3demo6.length > 0) {
|
|
var chart = c3.generate({
|
|
bindto: '#c3demo6',
|
|
data: {
|
|
columns: [
|
|
["desktop", 0.2, 0.2, 0.2, 0.2, 0.2, 0.4, 0.3, 0.2, 0.2, 0.1, 0.2, 0.2, 0.1, 0.1, 0.2, 0.4, 0.4, 0.3, 0.3, 0.3, 0.2, 0.4, 0.2, 0.5, 0.2, 0.2, 0.4, 0.2, 0.2, 0.2, 0.2, 0.4, 0.1, 0.2, 0.2, 0.2, 0.2, 0.1, 0.2, 0.2, 0.3, 0.3, 0.2, 0.6, 0.4, 0.3, 0.2, 0.2, 0.2, 0.2],
|
|
["tablet", 1.4, 1.5, 1.5, 1.3, 1.5, 1.3, 1.6, 1.0, 1.3, 1.4, 1.0, 1.5, 1.0, 1.4, 1.3, 1.4, 1.5, 1.0, 1.5, 1.1, 1.8, 1.3, 1.5, 1.2, 1.3, 1.4, 1.4, 1.7, 1.5, 1.0, 1.1, 1.0, 1.2, 1.6, 1.5, 1.6, 1.5, 1.3, 1.3, 1.3, 1.2, 1.4, 1.2, 1.0, 1.3, 1.2, 1.3, 1.3, 1.1, 1.3],
|
|
["mobile", 2.5, 1.9, 2.1, 1.8, 2.2, 2.1, 1.7, 1.8, 1.8, 2.5, 2.0, 1.9, 2.1, 2.0, 2.4, 2.3, 1.8, 2.2, 2.3, 1.5, 2.3, 2.0, 2.0, 1.8, 2.1, 1.8, 1.8, 1.8, 2.1, 1.6, 1.9, 2.0, 2.2, 1.5, 1.4, 2.3, 2.4, 1.8, 1.8, 2.1, 2.4, 2.3, 1.9, 2.3, 2.5, 2.3, 1.9, 2.0, 2.3, 1.8],
|
|
],
|
|
colors: {
|
|
desktop: '#8E54E9',
|
|
tablet: '#4776E6',
|
|
mobile: '#ffbc1d'
|
|
},
|
|
type: 'donut',
|
|
},
|
|
donut: {
|
|
title: "Browser Statistic"
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery, document.ready);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var chartistChart = jQuery(".chartist-wrapper");
|
|
if (chartistChart.length > 0) {
|
|
|
|
//simple line chart
|
|
var chartistdemo1 = jQuery("#chartistdemo1");
|
|
if (chartistdemo1.length > 0) {
|
|
new Chartist.Line('.ct-chart-line', {
|
|
labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
|
|
series: [
|
|
[12, 9, 7, 8, 5],
|
|
[2, 1, 3.5, 7, 3],
|
|
[1, 3, 4, 5, 6]
|
|
]
|
|
}, {
|
|
fullWidth: true,
|
|
chartPadding: {
|
|
right: 30,
|
|
left:0
|
|
},
|
|
axisY: {
|
|
offset: 30
|
|
},
|
|
});
|
|
|
|
}
|
|
var chartistdemo2 = jQuery("#chartistdemo2");
|
|
if (chartistdemo2.length > 0) {
|
|
new Chartist.Line('.ct-chart-area', {
|
|
labels: [1, 2, 3, 4, 5, 6, 7, 8],
|
|
series: [
|
|
[5, 9, 7, 8, 5, 3, 5, 4]
|
|
]
|
|
}, {
|
|
low: 0,
|
|
showArea: true,
|
|
fullWidth: true,
|
|
axisY: {
|
|
offset: 20
|
|
},
|
|
chartPadding: {
|
|
right: 10,
|
|
left:0
|
|
}
|
|
});
|
|
}
|
|
var chartistdemo3 = jQuery("#chartistdemo3");
|
|
if (chartistdemo3.length > 0) {
|
|
var data = {
|
|
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
series: [
|
|
[6, 4, 8, 7, 6, 4, 8, 7, 6, 4, 8, 7],
|
|
[4, 3, 7, 6.5, 4, 3, 7, 6.5, 4, 3, 7, 6.5],
|
|
[8, 3, 1, 6, 8, 3, 1, 6, 8, 3, 1, 6]
|
|
]
|
|
};
|
|
|
|
var options = {
|
|
seriesBarDistance: 20,
|
|
axisY: {
|
|
offset: 20,
|
|
scaleMinSpace: 15
|
|
},
|
|
};
|
|
|
|
|
|
|
|
var responsiveOptions = [
|
|
['screen and (max-width: 640px)', {
|
|
seriesBarDistance: 0,
|
|
axisX: {
|
|
labelInterpolationFnc: function(value) {
|
|
return value[0];
|
|
}
|
|
}
|
|
}]
|
|
];
|
|
|
|
new Chartist.Bar('.ct-chart-bar', data, options, responsiveOptions);
|
|
}
|
|
var chartistdemo4 = jQuery("#chartistdemo4");
|
|
if (chartistdemo4.length > 0) {
|
|
new Chartist.Bar('.ct-chart-stacked', {
|
|
labels: ['Q1', 'Q2', 'Q3', 'Q4'],
|
|
series: [
|
|
[800000, 1200000, 1400000, 1300000],
|
|
[200000, 400000, 500000, 300000],
|
|
[100000, 200000, 400000, 600000]
|
|
]
|
|
}, {
|
|
stackBars: true,
|
|
axisY: {
|
|
labelInterpolationFnc: function(value) {
|
|
return (value / 1000) + 'k';
|
|
}
|
|
}
|
|
}).on('draw', function(data) {
|
|
if (data.type === 'bar') {
|
|
data.element.attr({
|
|
style: 'stroke-width: 30px'
|
|
});
|
|
}
|
|
});
|
|
}
|
|
var chartistdemo5 = jQuery("#chartistdemo5");
|
|
if (chartistdemo5.length > 0) {
|
|
new Chartist.Bar('.ct-chart-horizontalbar', {
|
|
labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
|
|
series: [
|
|
[5, 4, 3, 7, 5, 10, 3],
|
|
[3, 2, 9, 5, 4, 6, 4]
|
|
]
|
|
}, {
|
|
seriesBarDistance: 10,
|
|
reverseData: true,
|
|
horizontalBars: true,
|
|
axisY: {
|
|
offset: 50
|
|
},
|
|
chartPadding: {
|
|
right: 20,
|
|
left:0
|
|
}
|
|
});
|
|
}
|
|
var chartistdemo6 = jQuery("#chartistdemo6");
|
|
if (chartistdemo6.length > 0) {
|
|
var data = {
|
|
series: [4, 3, 4, 3, 2]
|
|
};
|
|
|
|
var sum = function(a, b) { return a + b };
|
|
|
|
new Chartist.Pie('.ct-chart-pie', data, {
|
|
labelInterpolationFnc: function(value) {
|
|
return Math.round(value / data.series.reduce(sum) * 100) + '%';
|
|
}
|
|
});
|
|
}
|
|
var chartistdemo7 = jQuery("#chartistdemo7");
|
|
if (chartistdemo7.length > 0) {
|
|
new Chartist.Pie('.ct-chart-donut', {
|
|
series: [20, 10, 30, 40]
|
|
}, {
|
|
donut: true,
|
|
donutWidth: 60,
|
|
donutSolid: true,
|
|
startAngle: 270,
|
|
showLabel: true
|
|
});
|
|
}
|
|
var chartistdemo8 = jQuery("#chartistdemo8");
|
|
if (chartistdemo8.length > 0) {
|
|
new Chartist.Pie('.ct-chart-gauge', {
|
|
series: [20, 10, 30, 40]
|
|
}, {
|
|
donut: true,
|
|
donutWidth: 60,
|
|
donutSolid: true,
|
|
startAngle: 270,
|
|
total: 200,
|
|
showLabel: true
|
|
});
|
|
}
|
|
//analytical dashboard chart
|
|
var analytical1 = jQuery("#analytical1");
|
|
if (analytical1.length > 0) {
|
|
var data = {
|
|
series: [
|
|
[6, -5, 7, -6, 4, -3]
|
|
]
|
|
};
|
|
|
|
var options = {
|
|
high: 10,
|
|
low: -10,
|
|
seriesBarDistance: 10,
|
|
fullWidth: true,
|
|
showLabel: false,
|
|
chartPadding: 0,
|
|
axisX: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
},
|
|
axisY: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
}
|
|
};
|
|
|
|
new Chartist.Bar('#analytical1', data, options);
|
|
}
|
|
//analytical dashboard chart
|
|
var analytical2 = jQuery("#analytical2");
|
|
if (analytical2.length > 0) {
|
|
var data = {
|
|
series: [
|
|
[4, -7, 6, -3, 5, -2]
|
|
]
|
|
};
|
|
|
|
var options = {
|
|
high: 10,
|
|
low: -10,
|
|
seriesBarDistance: 10,
|
|
fullWidth: true,
|
|
showLabel: false,
|
|
chartPadding: 0,
|
|
axisX: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
},
|
|
axisY: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
}
|
|
};
|
|
|
|
new Chartist.Bar('#analytical2', data, options);
|
|
}
|
|
//analytical dashboard chart
|
|
var analytical3 = jQuery("#analytical3");
|
|
if (analytical3.length > 0) {
|
|
var data = {
|
|
series: [
|
|
[6, -3, 5, -7, 2, -4]
|
|
]
|
|
};
|
|
|
|
var options = {
|
|
high: 10,
|
|
low: -10,
|
|
seriesBarDistance: 10,
|
|
fullWidth: true,
|
|
showLabel: false,
|
|
chartPadding: 0,
|
|
axisX: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
},
|
|
axisY: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
}
|
|
};
|
|
|
|
new Chartist.Bar('#analytical3', data, options);
|
|
}
|
|
//analytical dashboard chart
|
|
var analytical4 = jQuery("#analytical4");
|
|
if (analytical4.length > 0) {
|
|
var data = {
|
|
series: [
|
|
[5, -3, 6, -8, 3, -5]
|
|
]
|
|
};
|
|
|
|
var options = {
|
|
high: 10,
|
|
low: -10,
|
|
seriesBarDistance: 10,
|
|
fullWidth: true,
|
|
showLabel: false,
|
|
chartPadding: 0,
|
|
axisX: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
},
|
|
axisY: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
}
|
|
};
|
|
|
|
new Chartist.Bar('#analytical4', data, options);
|
|
}
|
|
//analytical dashboard chart
|
|
var analytical5 = jQuery("#analytical5");
|
|
if (analytical5.length > 0) {
|
|
var data = {
|
|
series: [
|
|
[3, -5, 2, -6, 7, -3]
|
|
]
|
|
};
|
|
|
|
var options = {
|
|
high: 10,
|
|
low: -10,
|
|
seriesBarDistance: 10,
|
|
fullWidth: true,
|
|
showLabel: false,
|
|
chartPadding: 0,
|
|
axisX: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
},
|
|
axisY: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
}
|
|
};
|
|
|
|
new Chartist.Bar('#analytical5', data, options);
|
|
}
|
|
//analytical dashboard chart
|
|
var analytical6 = jQuery("#analytical6");
|
|
if (analytical6.length > 0) {
|
|
var data = {
|
|
series: [
|
|
[7, -4, 6, -3, 8, -2]
|
|
]
|
|
};
|
|
|
|
var options = {
|
|
high: 10,
|
|
low: -10,
|
|
seriesBarDistance: 10,
|
|
fullWidth: true,
|
|
showLabel: false,
|
|
chartPadding: 0,
|
|
axisX: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
},
|
|
axisY: {
|
|
showGrid: false,
|
|
showLabel: false,
|
|
offset: 0
|
|
}
|
|
};
|
|
|
|
new Chartist.Bar('#analytical6', data, options);
|
|
}
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var chartJS = jQuery(".chartjs-wrapper");
|
|
if (chartJS.length > 0) {
|
|
/* Utils */
|
|
window.chartColors = {
|
|
red: 'rgb(233, 84, 84)',
|
|
orange: 'rgb(253, 153, 68)',
|
|
yellow: 'rgb(255, 188, 29)',
|
|
green: 'rgb(37, 208, 154)',
|
|
blue: 'rgb(71, 118, 230)',
|
|
purple: 'rgb(142, 84, 233)',
|
|
grey: 'rgb(148, 148, 148)'
|
|
};
|
|
|
|
(function(global) {
|
|
var Months = [
|
|
'January',
|
|
'February',
|
|
'March',
|
|
'April',
|
|
'May',
|
|
'June',
|
|
'July',
|
|
'August',
|
|
'September',
|
|
'October',
|
|
'November',
|
|
'December'
|
|
];
|
|
|
|
var COLORS = [
|
|
'#4dc9f6',
|
|
'#f67019',
|
|
'#f53794',
|
|
'#537bc4',
|
|
'#acc236',
|
|
'#166a8f',
|
|
'#00a950',
|
|
'#58595b',
|
|
'#8549ba'
|
|
];
|
|
|
|
var Samples = global.Samples || (global.Samples = {});
|
|
var Color = global.Color;
|
|
|
|
Samples.utils = {
|
|
// Adapted from http://indiegamr.com/generate-repeatable-random-numbers-in-js/
|
|
srand: function(seed) {
|
|
this._seed = seed;
|
|
},
|
|
|
|
rand: function(min, max) {
|
|
var seed = this._seed;
|
|
min = min === undefined ? 0 : min;
|
|
max = max === undefined ? 1 : max;
|
|
this._seed = (seed * 9301 + 49297) % 233280;
|
|
return min + (this._seed / 233280) * (max - min);
|
|
},
|
|
|
|
numbers: function(config) {
|
|
var cfg = config || {};
|
|
var min = cfg.min || 0;
|
|
var max = cfg.max || 1;
|
|
var from = cfg.from || [];
|
|
var count = cfg.count || 8;
|
|
var decimals = cfg.decimals || 8;
|
|
var continuity = cfg.continuity || 1;
|
|
var dfactor = Math.pow(10, decimals) || 0;
|
|
var data = [];
|
|
var i, value;
|
|
|
|
for (i = 0; i < count; ++i) {
|
|
value = (from[i] || 0) + this.rand(min, max);
|
|
if (this.rand() <= continuity) {
|
|
data.push(Math.round(dfactor * value) / dfactor);
|
|
} else {
|
|
data.push(null);
|
|
}
|
|
}
|
|
|
|
return data;
|
|
},
|
|
|
|
labels: function(config) {
|
|
var cfg = config || {};
|
|
var min = cfg.min || 0;
|
|
var max = cfg.max || 100;
|
|
var count = cfg.count || 8;
|
|
var step = (max - min) / count;
|
|
var decimals = cfg.decimals || 8;
|
|
var dfactor = Math.pow(10, decimals) || 0;
|
|
var prefix = cfg.prefix || '';
|
|
var values = [];
|
|
var i;
|
|
|
|
for (i = min; i < max; i += step) {
|
|
values.push(prefix + Math.round(dfactor * i) / dfactor);
|
|
}
|
|
|
|
return values;
|
|
},
|
|
|
|
months: function(config) {
|
|
var cfg = config || {};
|
|
var count = cfg.count || 12;
|
|
var section = cfg.section;
|
|
var values = [];
|
|
var i, value;
|
|
|
|
for (i = 0; i < count; ++i) {
|
|
value = Months[Math.ceil(i) % 12];
|
|
values.push(value.substring(0, section));
|
|
}
|
|
|
|
return values;
|
|
},
|
|
|
|
color: function(index) {
|
|
return COLORS[index % COLORS.length];
|
|
},
|
|
|
|
transparentize: function(color, opacity) {
|
|
var alpha = opacity === undefined ? 0.5 : 1 - opacity;
|
|
return Color(color).alpha(alpha).rgbString();
|
|
}
|
|
};
|
|
|
|
// DEPRECATED
|
|
window.randomScalingFactor = function() {
|
|
return Math.round(Samples.utils.rand(-100, 100));
|
|
};
|
|
|
|
// INITIALIZATION
|
|
|
|
Samples.utils.srand(Date.now());
|
|
|
|
}(this));
|
|
/*Custom Points*/
|
|
var customTooltips = function(tooltip) {
|
|
$(this._chart.canvas).css("cursor", "pointer");
|
|
var positionY = this._chart.canvas.offsetTop;
|
|
var positionX = this._chart.canvas.offsetLeft;
|
|
$(".chartjs-tooltip").css({
|
|
opacity: 0,
|
|
});
|
|
if (!tooltip || !tooltip.opacity) {
|
|
return;
|
|
}
|
|
if (tooltip.dataPoints.length > 0) {
|
|
tooltip.dataPoints.forEach(function(dataPoint) {
|
|
var content = [dataPoint.xLabel, dataPoint.yLabel].join(": ");
|
|
var $tooltip = $("#tooltip-" + dataPoint.datasetIndex);
|
|
|
|
$tooltip.html(content);
|
|
$tooltip.css({
|
|
opacity: 1,
|
|
top: positionY + dataPoint.y + "px",
|
|
left: positionX + dataPoint.x + "px",
|
|
});
|
|
});
|
|
}
|
|
};
|
|
var color = Chart.helpers.color;
|
|
var lineChartData = {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [{
|
|
label: "My First dataset",
|
|
backgroundColor: color(window.chartColors.purple).alpha(0.2).rgbString(),
|
|
borderColor: window.chartColors.purple,
|
|
pointBackgroundColor: window.chartColors.purple,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
]
|
|
}, {
|
|
label: "My Second dataset",
|
|
backgroundColor: color(window.chartColors.blue).alpha(0.2).rgbString(),
|
|
borderColor: window.chartColors.blue,
|
|
pointBackgroundColor: window.chartColors.blue,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
]
|
|
}]
|
|
};
|
|
//simple line chart
|
|
var chartjsdemo1 = jQuery("#chartjsdemo1");
|
|
if (chartjsdemo1.length > 0) {
|
|
var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
var config = {
|
|
type: 'line',
|
|
data: {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [{
|
|
label: "Facebook",
|
|
borderColor: window.chartColors.blue,
|
|
backgroundColor: window.chartColors.blue,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, {
|
|
label: "Twitter",
|
|
borderColor: window.chartColors.green,
|
|
backgroundColor: window.chartColors.green,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, {
|
|
label: "LinkedIn",
|
|
borderColor: window.chartColors.purple,
|
|
backgroundColor: window.chartColors.purple,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, {
|
|
label: "Google+",
|
|
borderColor: window.chartColors.yellow,
|
|
backgroundColor: window.chartColors.yellow,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
maintainAspectRatio: false,
|
|
title: {
|
|
display: false,
|
|
text: "Line Chart - Stacked Area"
|
|
},
|
|
tooltips: {
|
|
mode: 'index',
|
|
},
|
|
hover: {
|
|
mode: 'index'
|
|
},
|
|
legend: {
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12,
|
|
}
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Month',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12,
|
|
stepSize: 1,
|
|
beginAtZero: true
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
stacked: true,
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Price',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}]
|
|
}
|
|
}
|
|
};
|
|
var ctx1 = document.getElementById("chartjsdemo1").getContext("2d");
|
|
window.myLine1 = new Chart(ctx1, config);
|
|
}
|
|
var chartjsdemo2 = jQuery("#chartjsdemo2");
|
|
if (chartjsdemo2.length > 0) {
|
|
// Line chart
|
|
var config2 = {
|
|
type: 'line',
|
|
data: {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [{
|
|
label: "Unfilled",
|
|
fill: false,
|
|
backgroundColor: window.chartColors.yellow,
|
|
borderColor: window.chartColors.yellow,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, {
|
|
label: "Dashed",
|
|
fill: false,
|
|
backgroundColor: window.chartColors.blue,
|
|
borderColor: window.chartColors.blue,
|
|
borderDash: [5, 5],
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, {
|
|
label: "Filled",
|
|
backgroundColor: window.chartColors.purple,
|
|
borderColor: window.chartColors.purple,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
fill: true,
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
maintainAspectRatio: false,
|
|
title: {
|
|
display: false,
|
|
text: 'Line Chart - Line styles'
|
|
},
|
|
tooltips: {
|
|
mode: 'index',
|
|
intersect: false,
|
|
},
|
|
hover: {
|
|
mode: 'nearest',
|
|
intersect: true
|
|
},
|
|
legend: {
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Month',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12,
|
|
stepSize: 1,
|
|
beginAtZero: true
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Value',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}]
|
|
}
|
|
}
|
|
};
|
|
var ctx2 = document.getElementById("chartjsdemo2").getContext("2d");
|
|
window.myLine2 = new Chart(ctx2, config2);
|
|
}
|
|
var chartjsdemo3 = jQuery("#chartjsdemo3");
|
|
if (chartjsdemo3.length > 0) {
|
|
// Donut chart
|
|
var config3 = {
|
|
type: 'doughnut',
|
|
data: {
|
|
datasets: [{
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
],
|
|
backgroundColor: [
|
|
window.chartColors.red,
|
|
window.chartColors.purple,
|
|
window.chartColors.yellow,
|
|
window.chartColors.green,
|
|
window.chartColors.blue,
|
|
],
|
|
label: 'Dataset 1'
|
|
}],
|
|
labels: [
|
|
"Red",
|
|
"Purple",
|
|
"Yellow",
|
|
"Green",
|
|
"Blue"
|
|
]
|
|
},
|
|
options: {
|
|
responsive: true,
|
|
maintainAspectRatio: false,
|
|
legend: {
|
|
position: 'bottom',
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
title: {
|
|
display: false,
|
|
text: 'Doughnut Chart'
|
|
},
|
|
animation: {
|
|
animateScale: true,
|
|
animateRotate: true
|
|
}
|
|
}
|
|
};
|
|
var ctx3 = document.getElementById("chartjsdemo3").getContext("2d");
|
|
window.myLine3 = new Chart(ctx3, config3);
|
|
}
|
|
var chartjsdemo4 = jQuery("#chartjsdemo4");
|
|
if (chartjsdemo4.length > 0) {
|
|
// Combo
|
|
var timeFormat = 'MM/DD/YYYY HH:mm';
|
|
|
|
function newDateString(days) {
|
|
return moment().add(days, 'd').format(timeFormat);
|
|
}
|
|
var color = Chart.helpers.color;
|
|
var config4 = {
|
|
type: 'bar',
|
|
data: {
|
|
labels: [
|
|
newDateString(0),
|
|
newDateString(1),
|
|
newDateString(2),
|
|
newDateString(3),
|
|
newDateString(4),
|
|
newDateString(5),
|
|
newDateString(6)
|
|
],
|
|
datasets: [{
|
|
type: 'bar',
|
|
label: 'Dataset 1',
|
|
backgroundColor: color(window.chartColors.purple).alpha(1).rgbString(),
|
|
borderColor: window.chartColors.purple,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, {
|
|
type: 'bar',
|
|
label: 'Dataset 2',
|
|
backgroundColor: color(window.chartColors.blue).alpha(1).rgbString(),
|
|
borderColor: window.chartColors.blue,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, {
|
|
type: 'line',
|
|
label: 'Dataset 3',
|
|
backgroundColor: color(window.chartColors.yellow).alpha(1).rgbString(),
|
|
borderColor: window.chartColors.yellow,
|
|
fill: false,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}, ]
|
|
},
|
|
options: {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
title: {
|
|
display: false,
|
|
text: "Combo Time Scale"
|
|
},
|
|
legend: {
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
type: "time",
|
|
display: true,
|
|
time: {
|
|
format: timeFormat
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}]
|
|
},
|
|
}
|
|
};
|
|
var ctx4 = document.getElementById("chartjsdemo4").getContext("2d");
|
|
window.myLine4 = new Chart(ctx4, config4);
|
|
}
|
|
var chartjsdemo5 = jQuery("#chartjsdemo5");
|
|
if (chartjsdemo5.length > 0) {
|
|
var chartEl = document.getElementById("chartjsdemo5");
|
|
var chart = new Chart(chartEl, {
|
|
type: "line",
|
|
data: lineChartData,
|
|
options: {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
title: {
|
|
display: false,
|
|
text: "Custom Tooltips using Data Points"
|
|
},
|
|
legend: {
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
tooltips: {
|
|
enabled: false,
|
|
mode: 'index',
|
|
intersect: false,
|
|
custom: customTooltips
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}]
|
|
},
|
|
}
|
|
});
|
|
}
|
|
var chartjsdemo6 = jQuery("#chartjsdemo6");
|
|
if (chartjsdemo6.length > 0) {
|
|
// chart basic
|
|
var config6 = {
|
|
type: 'line',
|
|
data: {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [{
|
|
label: "My First dataset",
|
|
backgroundColor: window.chartColors.purple,
|
|
borderColor: window.chartColors.purple,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
fill: false,
|
|
}, {
|
|
label: "My Second dataset",
|
|
fill: false,
|
|
backgroundColor: window.chartColors.blue,
|
|
borderColor: window.chartColors.blue,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
}]
|
|
},
|
|
options: {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
title: {
|
|
display: false,
|
|
text: 'Line Chart - Basic'
|
|
},
|
|
tooltips: {
|
|
mode: 'index',
|
|
intersect: false,
|
|
},
|
|
hover: {
|
|
mode: 'nearest',
|
|
intersect: true
|
|
},
|
|
legend: {
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Month',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Value',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}]
|
|
}
|
|
}
|
|
};
|
|
var ctx6 = document.getElementById("chartjsdemo6").getContext("2d");
|
|
window.myLine6 = new Chart(ctx6, config6);
|
|
}
|
|
var chartjsdemo7 = jQuery("#chartjsdemo7");
|
|
if (chartjsdemo7.length > 0) {
|
|
var config7 = {
|
|
type: 'line',
|
|
data: {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [{
|
|
label: "dataset - big points",
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
backgroundColor: window.chartColors.purple,
|
|
borderColor: window.chartColors.purple,
|
|
fill: false,
|
|
borderDash: [5, 5],
|
|
pointRadius: 15,
|
|
pointHoverRadius: 10,
|
|
}, {
|
|
label: "dataset - individual point sizes",
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
backgroundColor: window.chartColors.blue,
|
|
borderColor: window.chartColors.blue,
|
|
fill: false,
|
|
borderDash: [5, 5],
|
|
pointRadius: [2, 4, 6, 18, 0, 12, 20],
|
|
}, {
|
|
label: "dataset - large pointHoverRadius",
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
backgroundColor: window.chartColors.green,
|
|
borderColor: window.chartColors.green,
|
|
fill: false,
|
|
pointHoverRadius: 30,
|
|
}, {
|
|
label: "dataset - large pointHitRadius",
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
],
|
|
backgroundColor: window.chartColors.yellow,
|
|
borderColor: window.chartColors.yellow,
|
|
fill: false,
|
|
pointHitRadius: 20,
|
|
}]
|
|
},
|
|
options: {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
|
|
hover: {
|
|
mode: 'index'
|
|
},
|
|
legend: {
|
|
position: 'bottom',
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Month',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
display: true,
|
|
scaleLabel: {
|
|
display: false,
|
|
labelString: 'Value',
|
|
fontColor: color(window.chartColors.grey).alpha(1).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 14
|
|
},
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}]
|
|
},
|
|
title: {
|
|
display: false,
|
|
text: 'Line Chart - Different point sizes'
|
|
}
|
|
}
|
|
};
|
|
var ctx7 = document.getElementById("chartjsdemo7").getContext("2d");
|
|
window.myLine7 = new Chart(ctx7, config7);
|
|
}
|
|
var chartjsdemo8 = jQuery("#chartjsdemo8");
|
|
if (chartjsdemo8.length > 0) {
|
|
// Stacked bar chart
|
|
var barChartData = {
|
|
labels: ["January", "February", "March", "April", "May", "June", "July"],
|
|
datasets: [{
|
|
label: 'Dataset 1',
|
|
backgroundColor: window.chartColors.purple,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
]
|
|
}, {
|
|
label: 'Dataset 2',
|
|
backgroundColor: window.chartColors.blue,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
]
|
|
}, {
|
|
label: 'Dataset 3',
|
|
backgroundColor: window.chartColors.yellow,
|
|
data: [
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor(),
|
|
randomScalingFactor()
|
|
]
|
|
}]
|
|
};
|
|
var ctx8 = document.getElementById("chartjsdemo8").getContext("2d");
|
|
window.myBar = new Chart(ctx8, {
|
|
type: 'bar',
|
|
data: barChartData,
|
|
options: {
|
|
maintainAspectRatio: false,
|
|
responsive: true,
|
|
title: {
|
|
display: false,
|
|
text: "Bar Chart - Stacked"
|
|
},
|
|
tooltips: {
|
|
mode: 'index',
|
|
intersect: false
|
|
},
|
|
|
|
legend: {
|
|
labels: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
},
|
|
scales: {
|
|
xAxes: [{
|
|
stacked: true,
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}],
|
|
yAxes: [{
|
|
stacked: true,
|
|
ticks: {
|
|
fontColor: color(window.chartColors.grey).alpha(0.8).rgbString(),
|
|
fontFamily: 'Roboto',
|
|
fontSize: 12
|
|
}
|
|
}]
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var comingsoon = $('.comingsoon')
|
|
if (comingsoon.length > 0) {
|
|
var second = 1000,
|
|
minute = second * 60,
|
|
hour = minute * 60,
|
|
day = hour * 24;
|
|
let countDown = new Date('dec 30, 2019 00:00:00').getTime(),
|
|
x = setInterval(function() {
|
|
let now = new Date().getTime(),
|
|
distance = countDown - now;
|
|
document.getElementById('days').innerText = Math.floor(distance / (day)),
|
|
document.getElementById('hours').innerText = Math.floor((distance % (day)) / (hour)),
|
|
document.getElementById('minutes').innerText = Math.floor((distance % (hour)) / (minute)),
|
|
document.getElementById('seconds').innerText = Math.floor((distance % (minute)) / second);
|
|
|
|
}, second)
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var dataTable = jQuery(".datatable-wrapper");
|
|
if (dataTable.length > 0) {
|
|
$('#datatable').DataTable({
|
|
"bLengthChange": false,
|
|
"searching": false,
|
|
"bPaginate":true,
|
|
"bSortable": true
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
$('.date-picker-default').datepicker({
|
|
format: 'mm-dd-yyyy',
|
|
autoclose: true,
|
|
orientation: "bottom",
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
|
|
$('.display-years').datepicker({
|
|
autoclose: true,
|
|
orientation: "bottom",
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
$('.display-months').datepicker({
|
|
format: 'mm-dd',
|
|
autoclose: true,
|
|
orientation: "bottom",
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
|
|
$('#datepicker-inline').datepicker({
|
|
todayHighlight: true,
|
|
autoclose: true,
|
|
orientation: "bottom",
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
|
|
$('#datepicker-action').datepicker({
|
|
todayBtn: "linked",
|
|
clearBtn: true,
|
|
autoclose: true,
|
|
todayHighlight: true,
|
|
orientation: "bottom",
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
|
|
$('#datepicker-top-left').datepicker({
|
|
orientation: "top left",
|
|
todayHighlight: true,
|
|
autoclose: true,
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
$('#datepicker-top-right').datepicker({
|
|
orientation: "top right",
|
|
todayHighlight: true,
|
|
autoclose: true,
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
$('#datepicker-bottom-left').datepicker({
|
|
orientation: "bottom left",
|
|
todayHighlight: true,
|
|
autoclose: true,
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
$('#datepicker-bottom-right').datepicker({
|
|
orientation: "bottom right",
|
|
todayHighlight: true,
|
|
autoclose: true,
|
|
templates: {
|
|
leftArrow: '<i class="fa fa-angle-left"></i>',
|
|
rightArrow: '<i class="fa fa-angle-right"></i>'
|
|
}
|
|
});
|
|
|
|
var checkin = $('.range-from').datepicker({
|
|
onRender: function(date) {
|
|
return date.valueOf() < now.valueOf() ? 'disabled' : '';
|
|
}
|
|
}).on('changeDate', function(ev) {
|
|
if (ev.date.valueOf() > checkout.date.valueOf()) {
|
|
var newDate = new Date(ev.date)
|
|
newDate.setDate(newDate.getDate() + 1);
|
|
checkout.setValue(newDate);
|
|
}
|
|
checkin.hide();
|
|
|
|
$('.range-to')[0].focus();
|
|
}).data('datepicker');
|
|
var checkout = $('.range-to').datepicker({
|
|
onRender: function(date) {
|
|
return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
|
|
}
|
|
}).on('changeDate', function(ev) {
|
|
checkout.hide();
|
|
}).data('datepicker');
|
|
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var dualListBox = jQuery(".duallistbox");
|
|
if (dualListBox.length > 0) {
|
|
$('#duallistbox').bootstrapDualListbox({
|
|
nonSelectedListLabel: 'Non-selected',
|
|
selectedListLabel: 'Selected',
|
|
preserveSelectionOnMove: 'moved',
|
|
moveOnSelect: false
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var dualListBox = jQuery("#tableedit");
|
|
if (dualListBox.length > 0) {
|
|
$('#tableedit').Tabledit({
|
|
deleteButton: false,
|
|
saveButton: false,
|
|
autoFocus: false,
|
|
buttons: {
|
|
edit: {
|
|
class: 'btn btn-sm btn-primary',
|
|
html: '<span class="fa fa-pencil"></span>   EDIT',
|
|
action: 'edit'
|
|
}
|
|
},
|
|
columns: {
|
|
identifier: [0, 'id'],
|
|
editable: [[1, 'car'], [2, 'color']]
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var eventCalendar = jQuery(".event-calendar");
|
|
if (eventCalendar.length > 0) {
|
|
$('#external-events .fc-event').each(function() {
|
|
|
|
// store data so the calendar knows to render an event upon drop
|
|
$(this).data('event', {
|
|
title: $.trim($(this).text()), // use the element's text as the event title
|
|
stick: true, // maintain when user navigates (see docs on the renderEvent method)
|
|
className: $(this).data('color')
|
|
});
|
|
|
|
// make the event draggable using jQuery UI
|
|
$(this).draggable({
|
|
zIndex: 999,
|
|
revert: true, // will cause the event to go back to its
|
|
revertDuration: 0 // original position after the drag
|
|
});
|
|
|
|
});
|
|
|
|
$('#event-calendar').fullCalendar({
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'month,agendaWeek,agendaDay'
|
|
},
|
|
editable: true,
|
|
droppable: true,
|
|
drop: function() {
|
|
// is the "remove after drop" checkbox checked?
|
|
if ($('#drop-remove').is(':checked')) {
|
|
// if so, remove the element from the "Draggable Events" list
|
|
$(this).remove();
|
|
}
|
|
},
|
|
events: [{
|
|
title: 'Simple Event',
|
|
start: '2019-02-22',
|
|
end: '2019-02-25',
|
|
className: 'fc-event-danger'
|
|
},
|
|
{
|
|
title: 'Google',
|
|
url: 'https://www.google.com/',
|
|
start: '2019-02-18',
|
|
className: 'fc-event-success'
|
|
},
|
|
{
|
|
title: 'Family Vacation',
|
|
start: '2019-02-14',
|
|
end: '2019-02-18',
|
|
className: 'fc-event-primary'
|
|
}
|
|
]
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var eventListCalendar = jQuery(".event-list-calendar");
|
|
if (eventListCalendar.length > 0) {
|
|
$('#event-list-calendar').fullCalendar({
|
|
header: {
|
|
left: 'prev,next today',
|
|
center: 'title',
|
|
right: 'listDay,listWeek,month'
|
|
},
|
|
views: {
|
|
listDay: { buttonText: 'list day' },
|
|
listWeek: { buttonText: 'list week' }
|
|
},
|
|
height: 650,
|
|
defaultView: 'listWeek',
|
|
defaultDate: '2018-09-12',
|
|
navLinks: true, // can click day/week names to navigate views
|
|
editable: true,
|
|
eventLimit: true, // allow "more" link when too many events
|
|
events: [{
|
|
title: 'All Day Event',
|
|
start: '2018-09-01'
|
|
},
|
|
{
|
|
title: 'Long Event',
|
|
start: '2018-09-07',
|
|
end: '2018-09-10'
|
|
},
|
|
{
|
|
id: 999,
|
|
title: 'Repeating Event',
|
|
start: '2018-09-09T16:00:00'
|
|
},
|
|
{
|
|
id: 999,
|
|
title: 'Repeating Event',
|
|
start: '2018-09-16T16:00:00'
|
|
},
|
|
{
|
|
title: 'Conference',
|
|
start: '2018-09-11',
|
|
end: '2018-09-13'
|
|
},
|
|
{
|
|
title: 'Meeting',
|
|
start: '2018-09-12T10:30:00',
|
|
end: '2018-09-12T12:30:00'
|
|
},
|
|
{
|
|
title: 'Lunch',
|
|
start: '2018-09-12T12:00:00'
|
|
},
|
|
{
|
|
title: 'Meeting',
|
|
start: '2018-09-12T14:30:00'
|
|
},
|
|
{
|
|
title: 'Happy Hour',
|
|
start: '2018-09-12T17:30:00'
|
|
},
|
|
{
|
|
title: 'Dinner',
|
|
start: '2018-09-12T20:00:00'
|
|
},
|
|
{
|
|
title: 'Birthday Party',
|
|
start: '2018-09-13T07:00:00'
|
|
},
|
|
{
|
|
title: 'Click for Google',
|
|
url: 'http://google.com/',
|
|
start: '2018-09-28'
|
|
}
|
|
]
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var exportTable = jQuery(".export-table-wrapper");
|
|
if (exportTable.length > 0) {
|
|
$("#export-table").tableExport({
|
|
headers: true,
|
|
footers: true,
|
|
formats: ["xlsx", "csv", "txt"],
|
|
bootstrap: true,
|
|
exportButtons: true,
|
|
position: "top"
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var flotChart = jQuery(".flot-chart-wrapper");
|
|
if (flotChart.length > 0) {
|
|
var d1 = [];
|
|
for (var i = 0; i <= 10; i += 1) {
|
|
d1.push([i, parseInt(Math.random() * 30)]);
|
|
}
|
|
|
|
var d2 = [];
|
|
for (var i = 0; i <= 10; i += 1) {
|
|
d2.push([i, parseInt(Math.random() * 30)]);
|
|
}
|
|
|
|
var d3 = [];
|
|
for (var i = 0; i <= 10; i += 1) {
|
|
d3.push([i, parseInt(Math.random() * 30)]);
|
|
}
|
|
|
|
var stack = 0,
|
|
bars = true,
|
|
lines = false,
|
|
steps = false;
|
|
|
|
function plotWithOptions() {
|
|
$.plot("#flot-stacked", [d1, d2, d3], {
|
|
grid: { borderWidth: 0, labelMargin: 5, axisMargin: 0, minBorderMargin: 0 },
|
|
series: {
|
|
stack: stack,
|
|
lines: {
|
|
show: lines,
|
|
fill: true,
|
|
steps: steps
|
|
},
|
|
bars: {
|
|
show: bars,
|
|
barWidth: 0.6,
|
|
align: "center"
|
|
}
|
|
},
|
|
colors: ["#4776E6", "#8E54E9", "#fbaf54"]
|
|
});
|
|
}
|
|
|
|
plotWithOptions();
|
|
|
|
|
|
// flot-real-time
|
|
|
|
var data = [],
|
|
totalPoints = 300;
|
|
|
|
function getRandomData() {
|
|
|
|
if (data.length > 0)
|
|
data = data.slice(1);
|
|
|
|
// Do a random walk
|
|
|
|
while (data.length < totalPoints) {
|
|
|
|
var prev = data.length > 0 ? data[data.length - 1] : 50,
|
|
y = prev + Math.random() * 10 - 5;
|
|
|
|
if (y < 0) {
|
|
y = 0;
|
|
} else if (y > 100) {
|
|
y = 100;
|
|
}
|
|
|
|
data.push(y);
|
|
}
|
|
|
|
// Zip the generated y values with the x values
|
|
|
|
var res = [];
|
|
for (var i = 0; i < data.length; ++i) {
|
|
res.push([i, data[i]])
|
|
}
|
|
|
|
return res;
|
|
}
|
|
|
|
// Set up the control widget
|
|
|
|
var updateInterval = 100;
|
|
$("#flot-real-time").val(updateInterval).change(function() {
|
|
var v = $(this).val();
|
|
if (v && !isNaN(+v)) {
|
|
updateInterval = +v;
|
|
if (updateInterval < 1) {
|
|
updateInterval = 1;
|
|
} else if (updateInterval > 2000) {
|
|
updateInterval = 2000;
|
|
}
|
|
$(this).val("" + updateInterval);
|
|
}
|
|
});
|
|
|
|
var plot = $.plot("#flot-real-time", [getRandomData()], {
|
|
grid: { borderWidth: 0, labelMargin: 0, axisMargin: 0, minBorderMargin: 0 },
|
|
series: {
|
|
shadowSize: 0 // Drawing is faster without shadows
|
|
},
|
|
colors: [" #8E54E9"],
|
|
yaxis: {
|
|
min: 0,
|
|
max: 100
|
|
},
|
|
xaxis: {
|
|
show: false
|
|
}
|
|
});
|
|
|
|
function update() {
|
|
|
|
plot.setData([getRandomData()]);
|
|
|
|
// Since the axes don't change, we don't need to call plot.setupGrid()
|
|
|
|
plot.draw();
|
|
setTimeout(update, updateInterval);
|
|
}
|
|
|
|
update();
|
|
|
|
// Add the Flot version string to the footer
|
|
|
|
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
|
|
|
|
//flot-series-toggle
|
|
|
|
var datasets = {
|
|
"usa": {
|
|
label: "USA",
|
|
data: [
|
|
[1988, 483994],
|
|
[1989, 479060],
|
|
[1990, 457648],
|
|
[1991, 401949],
|
|
[1992, 424705],
|
|
[1993, 402375],
|
|
[1994, 377867],
|
|
[1995, 357382],
|
|
[1996, 337946],
|
|
[1997, 336185],
|
|
[1998, 328611],
|
|
[1999, 329421],
|
|
[2000, 342172],
|
|
[2001, 344932],
|
|
[2002, 387303],
|
|
[2003, 440813],
|
|
[2004, 480451],
|
|
[2005, 504638],
|
|
[2006, 528692]
|
|
]
|
|
},
|
|
"russia": {
|
|
label: "Russia",
|
|
data: [
|
|
[1988, 218000],
|
|
[1989, 203000],
|
|
[1990, 171000],
|
|
[1992, 42500],
|
|
[1993, 37600],
|
|
[1994, 36600],
|
|
[1995, 21700],
|
|
[1996, 19200],
|
|
[1997, 21300],
|
|
[1998, 13600],
|
|
[1999, 14000],
|
|
[2000, 19100],
|
|
[2001, 21300],
|
|
[2002, 23600],
|
|
[2003, 25100],
|
|
[2004, 26100],
|
|
[2005, 31100],
|
|
[2006, 34700]
|
|
]
|
|
},
|
|
"uk": {
|
|
label: "UK",
|
|
data: [
|
|
[1988, 62982],
|
|
[1989, 62027],
|
|
[1990, 60696],
|
|
[1991, 62348],
|
|
[1992, 58560],
|
|
[1993, 56393],
|
|
[1994, 54579],
|
|
[1995, 50818],
|
|
[1996, 50554],
|
|
[1997, 48276],
|
|
[1998, 47691],
|
|
[1999, 47529],
|
|
[2000, 47778],
|
|
[2001, 48760],
|
|
[2002, 50949],
|
|
[2003, 57452],
|
|
[2004, 60234],
|
|
[2005, 60076],
|
|
[2006, 59213]
|
|
]
|
|
},
|
|
"germany": {
|
|
label: "Germany",
|
|
data: [
|
|
[1988, 55627],
|
|
[1989, 55475],
|
|
[1990, 58464],
|
|
[1991, 55134],
|
|
[1992, 52436],
|
|
[1993, 47139],
|
|
[1994, 43962],
|
|
[1995, 43238],
|
|
[1996, 42395],
|
|
[1997, 40854],
|
|
[1998, 40993],
|
|
[1999, 41822],
|
|
[2000, 41147],
|
|
[2001, 40474],
|
|
[2002, 40604],
|
|
[2003, 40044],
|
|
[2004, 38816],
|
|
[2005, 38060],
|
|
[2006, 36984]
|
|
]
|
|
},
|
|
"denmark": {
|
|
label: "Denmark",
|
|
data: [
|
|
[1988, 3813],
|
|
[1989, 3719],
|
|
[1990, 3722],
|
|
[1991, 3789],
|
|
[1992, 3720],
|
|
[1993, 3730],
|
|
[1994, 3636],
|
|
[1995, 3598],
|
|
[1996, 3610],
|
|
[1997, 3655],
|
|
[1998, 3695],
|
|
[1999, 3673],
|
|
[2000, 3553],
|
|
[2001, 3774],
|
|
[2002, 3728],
|
|
[2003, 3618],
|
|
[2004, 3638],
|
|
[2005, 3467],
|
|
[2006, 3770]
|
|
]
|
|
},
|
|
"sweden": {
|
|
label: "Sweden",
|
|
data: [
|
|
[1988, 6402],
|
|
[1989, 6474],
|
|
[1990, 6605],
|
|
[1991, 6209],
|
|
[1992, 6035],
|
|
[1993, 6020],
|
|
[1994, 6000],
|
|
[1995, 6018],
|
|
[1996, 3958],
|
|
[1997, 5780],
|
|
[1998, 5954],
|
|
[1999, 6178],
|
|
[2000, 6411],
|
|
[2001, 5993],
|
|
[2002, 5833],
|
|
[2003, 5791],
|
|
[2004, 5450],
|
|
[2005, 5521],
|
|
[2006, 5271]
|
|
]
|
|
},
|
|
"norway": {
|
|
label: "Norway",
|
|
data: [
|
|
[1988, 4382],
|
|
[1989, 4498],
|
|
[1990, 4535],
|
|
[1991, 4398],
|
|
[1992, 4766],
|
|
[1993, 4441],
|
|
[1994, 4670],
|
|
[1995, 4217],
|
|
[1996, 4275],
|
|
[1997, 4203],
|
|
[1998, 4482],
|
|
[1999, 4506],
|
|
[2000, 4358],
|
|
[2001, 4385],
|
|
[2002, 5269],
|
|
[2003, 5066],
|
|
[2004, 5194],
|
|
[2005, 4887],
|
|
[2006, 4891]
|
|
]
|
|
}
|
|
};
|
|
|
|
// hard-code color indices to prevent them from shifting as
|
|
// countries are turned on/off
|
|
|
|
var i = 0;
|
|
$.each(datasets, function(key, val) {
|
|
val.color = i;
|
|
++i;
|
|
});
|
|
|
|
// insert checkboxes
|
|
var choiceContainer = $("#flot-series-toggle");
|
|
$.each(datasets, function(key, val) {
|
|
choiceContainer.append("<br/><input type='checkbox' name='" + key +
|
|
"' checked='checked' id='id" + key + "'></input>" +
|
|
"<label for='id" + key + "'>" +
|
|
val.label + "</label>");
|
|
});
|
|
|
|
choiceContainer.find("input").click(plotAccordingToChoices);
|
|
|
|
function plotAccordingToChoices() {
|
|
|
|
var data = [];
|
|
|
|
choiceContainer.find("input:checked").each(function() {
|
|
var key = $(this).attr("name");
|
|
if (key && datasets[key]) {
|
|
data.push(datasets[key]);
|
|
}
|
|
});
|
|
|
|
if (data.length > 0) {
|
|
$.plot("#flot-series-toggle", data, {
|
|
grid: { borderWidth: 0, labelMargin: 10, axisMargin: 0, minBorderMargin: 0 },
|
|
colors: ["#f7b731", "#fd9644", "#32b432", "#8E54E9", "#4776E6", "#e3324c", "#fb0792"],
|
|
yaxis: {
|
|
min: 0
|
|
},
|
|
xaxis: {
|
|
tickDecimals: 0
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
plotAccordingToChoices();
|
|
|
|
// Add the Flot version string to the footer
|
|
|
|
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
|
|
var oilprices = [
|
|
[1167692400000, 61.05],
|
|
[1167778800000, 58.32],
|
|
[1167865200000, 57.35],
|
|
[1167951600000, 56.31],
|
|
[1168210800000, 55.55],
|
|
[1168297200000, 55.64],
|
|
[1168383600000, 54.02],
|
|
[1168470000000, 51.88],
|
|
[1168556400000, 52.99],
|
|
[1168815600000, 52.99],
|
|
[1168902000000, 51.21],
|
|
[1168988400000, 52.24],
|
|
[1169074800000, 50.48],
|
|
[1169161200000, 51.99],
|
|
[1169420400000, 51.13],
|
|
[1169506800000, 55.04],
|
|
[1169593200000, 55.37],
|
|
[1169679600000, 54.23],
|
|
[1169766000000, 55.42],
|
|
[1170025200000, 54.01],
|
|
[1170111600000, 56.97],
|
|
[1170198000000, 58.14],
|
|
[1170284400000, 58.14],
|
|
[1170370800000, 59.02],
|
|
[1170630000000, 58.74],
|
|
[1170716400000, 58.88],
|
|
[1170802800000, 57.71],
|
|
[1170889200000, 59.71],
|
|
[1170975600000, 59.89],
|
|
[1171234800000, 57.81],
|
|
[1171321200000, 59.06],
|
|
[1171407600000, 58.00],
|
|
[1171494000000, 57.99],
|
|
[1171580400000, 59.39],
|
|
[1171839600000, 59.39],
|
|
[1171926000000, 58.07],
|
|
[1172012400000, 60.07],
|
|
[1172098800000, 61.14],
|
|
[1172444400000, 61.39],
|
|
[1172530800000, 61.46],
|
|
[1172617200000, 61.79],
|
|
[1172703600000, 62.00],
|
|
[1172790000000, 60.07],
|
|
[1173135600000, 60.69],
|
|
[1173222000000, 61.82],
|
|
[1173308400000, 60.05],
|
|
[1173654000000, 58.91],
|
|
[1173740400000, 57.93],
|
|
[1173826800000, 58.16],
|
|
[1173913200000, 57.55],
|
|
[1173999600000, 57.11],
|
|
[1174258800000, 56.59],
|
|
[1174345200000, 59.61],
|
|
[1174518000000, 61.69],
|
|
[1174604400000, 62.28],
|
|
[1174860000000, 62.91],
|
|
[1174946400000, 62.93],
|
|
[1175032800000, 64.03],
|
|
[1175119200000, 66.03],
|
|
[1175205600000, 65.87],
|
|
[1175464800000, 64.64],
|
|
[1175637600000, 64.38],
|
|
[1175724000000, 64.28],
|
|
[1175810400000, 64.28],
|
|
[1176069600000, 61.51],
|
|
[1176156000000, 61.89],
|
|
[1176242400000, 62.01],
|
|
[1176328800000, 63.85],
|
|
[1176415200000, 63.63],
|
|
[1176674400000, 63.61],
|
|
[1176760800000, 63.10],
|
|
[1176847200000, 63.13],
|
|
[1176933600000, 61.83],
|
|
[1177020000000, 63.38],
|
|
[1177279200000, 64.58],
|
|
[1177452000000, 65.84],
|
|
[1177538400000, 65.06],
|
|
[1177624800000, 66.46],
|
|
[1177884000000, 64.40],
|
|
[1178056800000, 63.68],
|
|
[1178143200000, 63.19],
|
|
[1178229600000, 61.93],
|
|
[1178488800000, 61.47],
|
|
[1178575200000, 61.55],
|
|
[1178748000000, 61.81],
|
|
[1178834400000, 62.37],
|
|
[1179093600000, 62.46],
|
|
[1179180000000, 63.17],
|
|
[1179266400000, 62.55],
|
|
[1179352800000, 64.94],
|
|
[1179698400000, 66.27],
|
|
[1179784800000, 65.50],
|
|
[1179871200000, 65.77],
|
|
[1179957600000, 64.18],
|
|
[1180044000000, 65.20],
|
|
[1180389600000, 63.15],
|
|
[1180476000000, 63.49],
|
|
[1180562400000, 65.08],
|
|
[1180908000000, 66.30],
|
|
[1180994400000, 65.96],
|
|
[1181167200000, 66.93],
|
|
[1181253600000, 65.98],
|
|
[1181599200000, 65.35],
|
|
[1181685600000, 66.26],
|
|
[1181858400000, 68.00],
|
|
[1182117600000, 69.09],
|
|
[1182204000000, 69.10],
|
|
[1182290400000, 68.19],
|
|
[1182376800000, 68.19],
|
|
[1182463200000, 69.14],
|
|
[1182722400000, 68.19],
|
|
[1182808800000, 67.77],
|
|
[1182895200000, 68.97],
|
|
[1182981600000, 69.57],
|
|
[1183068000000, 70.68],
|
|
[1183327200000, 71.09],
|
|
[1183413600000, 70.92],
|
|
[1183586400000, 71.81],
|
|
[1183672800000, 72.81],
|
|
[1183932000000, 72.19],
|
|
[1184018400000, 72.56],
|
|
[1184191200000, 72.50],
|
|
[1184277600000, 74.15],
|
|
[1184623200000, 75.05],
|
|
[1184796000000, 75.92],
|
|
[1184882400000, 75.57],
|
|
[1185141600000, 74.89],
|
|
[1185228000000, 73.56],
|
|
[1185314400000, 75.57],
|
|
[1185400800000, 74.95],
|
|
[1185487200000, 76.83],
|
|
[1185832800000, 78.21],
|
|
[1185919200000, 76.53],
|
|
[1186005600000, 76.86],
|
|
[1186092000000, 76.00],
|
|
[1186437600000, 71.59],
|
|
[1186696800000, 71.47],
|
|
[1186956000000, 71.62],
|
|
[1187042400000, 71.00],
|
|
[1187301600000, 71.98],
|
|
[1187560800000, 71.12],
|
|
[1187647200000, 69.47],
|
|
[1187733600000, 69.26],
|
|
[1187820000000, 69.83],
|
|
[1187906400000, 71.09],
|
|
[1188165600000, 71.73],
|
|
[1188338400000, 73.36],
|
|
[1188511200000, 74.04],
|
|
[1188856800000, 76.30],
|
|
[1189116000000, 77.49],
|
|
[1189461600000, 78.23],
|
|
[1189548000000, 79.91],
|
|
[1189634400000, 80.09],
|
|
[1189720800000, 79.10],
|
|
[1189980000000, 80.57],
|
|
[1190066400000, 81.93],
|
|
[1190239200000, 83.32],
|
|
[1190325600000, 81.62],
|
|
[1190584800000, 80.95],
|
|
[1190671200000, 79.53],
|
|
[1190757600000, 80.30],
|
|
[1190844000000, 82.88],
|
|
[1190930400000, 81.66],
|
|
[1191189600000, 80.24],
|
|
[1191276000000, 80.05],
|
|
[1191362400000, 79.94],
|
|
[1191448800000, 81.44],
|
|
[1191535200000, 81.22],
|
|
[1191794400000, 79.02],
|
|
[1191880800000, 80.26],
|
|
[1191967200000, 80.30],
|
|
[1192053600000, 83.08],
|
|
[1192140000000, 83.69],
|
|
[1192399200000, 86.13],
|
|
[1192485600000, 87.61],
|
|
[1192572000000, 87.40],
|
|
[1192658400000, 89.47],
|
|
[1192744800000, 88.60],
|
|
[1193004000000, 87.56],
|
|
[1193090400000, 87.56],
|
|
[1193176800000, 87.10],
|
|
[1193263200000, 91.86],
|
|
[1193612400000, 93.53],
|
|
[1193698800000, 94.53],
|
|
[1193871600000, 95.93],
|
|
[1194217200000, 93.98],
|
|
[1194303600000, 96.37],
|
|
[1194476400000, 95.46],
|
|
[1194562800000, 96.32],
|
|
[1195081200000, 93.43],
|
|
[1195167600000, 95.10],
|
|
[1195426800000, 94.64],
|
|
[1195513200000, 95.10],
|
|
[1196031600000, 97.70],
|
|
[1196118000000, 94.42],
|
|
[1196204400000, 90.62],
|
|
[1196290800000, 91.01],
|
|
[1196377200000, 88.71],
|
|
[1196636400000, 88.32],
|
|
[1196809200000, 90.23],
|
|
[1196982000000, 88.28],
|
|
[1197241200000, 87.86],
|
|
[1197327600000, 90.02],
|
|
[1197414000000, 92.25],
|
|
[1197586800000, 90.63],
|
|
[1197846000000, 90.63],
|
|
[1197932400000, 90.49],
|
|
[1198018800000, 91.24],
|
|
[1198105200000, 91.06],
|
|
[1198191600000, 90.49],
|
|
[1198710000000, 96.62],
|
|
[1198796400000, 96.00],
|
|
[1199142000000, 99.62],
|
|
[1199314800000, 99.18],
|
|
[1199401200000, 95.09],
|
|
[1199660400000, 96.33],
|
|
[1199833200000, 95.67],
|
|
[1200351600000, 91.90],
|
|
[1200438000000, 90.84],
|
|
[1200524400000, 90.13],
|
|
[1200610800000, 90.57],
|
|
[1200956400000, 89.21],
|
|
[1201042800000, 86.99],
|
|
[1201129200000, 89.85],
|
|
[1201474800000, 90.99],
|
|
[1201561200000, 91.64],
|
|
[1201647600000, 92.33],
|
|
[1201734000000, 91.75],
|
|
[1202079600000, 90.02],
|
|
[1202166000000, 88.41],
|
|
[1202252400000, 87.14],
|
|
[1202338800000, 88.11],
|
|
[1202425200000, 91.77],
|
|
[1202770800000, 92.78],
|
|
[1202857200000, 93.27],
|
|
[1202943600000, 95.46],
|
|
[1203030000000, 95.46],
|
|
[1203289200000, 101.74],
|
|
[1203462000000, 98.81],
|
|
[1203894000000, 100.88],
|
|
[1204066800000, 99.64],
|
|
[1204153200000, 102.59],
|
|
[1204239600000, 101.84],
|
|
[1204498800000, 99.52],
|
|
[1204585200000, 99.52],
|
|
[1204671600000, 104.52],
|
|
[1204758000000, 105.47],
|
|
[1204844400000, 105.15],
|
|
[1205103600000, 108.75],
|
|
[1205276400000, 109.92],
|
|
[1205362800000, 110.33],
|
|
[1205449200000, 110.21],
|
|
[1205708400000, 105.68],
|
|
[1205967600000, 101.84],
|
|
[1206313200000, 100.86],
|
|
[1206399600000, 101.22],
|
|
[1206486000000, 105.90],
|
|
[1206572400000, 107.58],
|
|
[1206658800000, 105.62],
|
|
[1206914400000, 101.58],
|
|
[1207000800000, 100.98],
|
|
[1207173600000, 103.83],
|
|
[1207260000000, 106.23],
|
|
[1207605600000, 108.50],
|
|
[1207778400000, 110.11],
|
|
[1207864800000, 110.14],
|
|
[1208210400000, 113.79],
|
|
[1208296800000, 114.93],
|
|
[1208383200000, 114.86],
|
|
[1208728800000, 117.48],
|
|
[1208815200000, 118.30],
|
|
[1208988000000, 116.06],
|
|
[1209074400000, 118.52],
|
|
[1209333600000, 118.75],
|
|
[1209420000000, 113.46],
|
|
[1209592800000, 112.52],
|
|
[1210024800000, 121.84],
|
|
[1210111200000, 123.53],
|
|
[1210197600000, 123.69],
|
|
[1210543200000, 124.23],
|
|
[1210629600000, 125.80],
|
|
[1210716000000, 126.29],
|
|
[1211148000000, 127.05],
|
|
[1211320800000, 129.07],
|
|
[1211493600000, 132.19],
|
|
[1211839200000, 128.85],
|
|
[1212357600000, 127.76],
|
|
[1212703200000, 138.54],
|
|
[1212962400000, 136.80],
|
|
[1213135200000, 136.38],
|
|
[1213308000000, 134.86],
|
|
[1213653600000, 134.01],
|
|
[1213740000000, 136.68],
|
|
[1213912800000, 135.65],
|
|
[1214172000000, 134.62],
|
|
[1214258400000, 134.62],
|
|
[1214344800000, 134.62],
|
|
[1214431200000, 139.64],
|
|
[1214517600000, 140.21],
|
|
[1214776800000, 140.00],
|
|
[1214863200000, 140.97],
|
|
[1214949600000, 143.57],
|
|
[1215036000000, 145.29],
|
|
[1215381600000, 141.37],
|
|
[1215468000000, 136.04],
|
|
[1215727200000, 146.40],
|
|
[1215986400000, 145.18],
|
|
[1216072800000, 138.74],
|
|
[1216159200000, 134.60],
|
|
[1216245600000, 129.29],
|
|
[1216332000000, 130.65],
|
|
[1216677600000, 127.95],
|
|
[1216850400000, 127.95],
|
|
[1217282400000, 122.19],
|
|
[1217455200000, 124.08],
|
|
[1217541600000, 125.10],
|
|
[1217800800000, 121.41],
|
|
[1217887200000, 119.17],
|
|
[1217973600000, 118.58],
|
|
[1218060000000, 120.02],
|
|
[1218405600000, 114.45],
|
|
[1218492000000, 113.01],
|
|
[1218578400000, 116.00],
|
|
[1218751200000, 113.77],
|
|
[1219010400000, 112.87],
|
|
[1219096800000, 114.53],
|
|
[1219269600000, 114.98],
|
|
[1219356000000, 114.98],
|
|
[1219701600000, 116.27],
|
|
[1219788000000, 118.15],
|
|
[1219874400000, 115.59],
|
|
[1219960800000, 115.46],
|
|
[1220306400000, 109.71],
|
|
[1220392800000, 109.35],
|
|
[1220565600000, 106.23],
|
|
[1220824800000, 106.34]
|
|
];
|
|
|
|
var exchangerates = [
|
|
[1167606000000, 0.7580],
|
|
[1167692400000, 0.7580],
|
|
[1167778800000, 0.75470],
|
|
[1167865200000, 0.75490],
|
|
[1167951600000, 0.76130],
|
|
[1168038000000, 0.76550],
|
|
[1168124400000, 0.76930],
|
|
[1168210800000, 0.76940],
|
|
[1168297200000, 0.76880],
|
|
[1168383600000, 0.76780],
|
|
[1168470000000, 0.77080],
|
|
[1168556400000, 0.77270],
|
|
[1168642800000, 0.77490],
|
|
[1168729200000, 0.77410],
|
|
[1168815600000, 0.77410],
|
|
[1168902000000, 0.77320],
|
|
[1168988400000, 0.77270],
|
|
[1169074800000, 0.77370],
|
|
[1169161200000, 0.77240],
|
|
[1169247600000, 0.77120],
|
|
[1169334000000, 0.7720],
|
|
[1169420400000, 0.77210],
|
|
[1169506800000, 0.77170],
|
|
[1169593200000, 0.77040],
|
|
[1169679600000, 0.7690],
|
|
[1169766000000, 0.77110],
|
|
[1169852400000, 0.7740],
|
|
[1169938800000, 0.77450],
|
|
[1170025200000, 0.77450],
|
|
[1170111600000, 0.7740],
|
|
[1170198000000, 0.77160],
|
|
[1170284400000, 0.77130],
|
|
[1170370800000, 0.76780],
|
|
[1170457200000, 0.76880],
|
|
[1170543600000, 0.77180],
|
|
[1170630000000, 0.77180],
|
|
[1170716400000, 0.77280],
|
|
[1170802800000, 0.77290],
|
|
[1170889200000, 0.76980],
|
|
[1170975600000, 0.76850],
|
|
[1171062000000, 0.76810],
|
|
[1171148400000, 0.7690],
|
|
[1171234800000, 0.7690],
|
|
[1171321200000, 0.76980],
|
|
[1171407600000, 0.76990],
|
|
[1171494000000, 0.76510],
|
|
[1171580400000, 0.76130],
|
|
[1171666800000, 0.76160],
|
|
[1171753200000, 0.76140],
|
|
[1171839600000, 0.76140],
|
|
[1171926000000, 0.76070],
|
|
[1172012400000, 0.76020],
|
|
[1172098800000, 0.76110],
|
|
[1172185200000, 0.76220],
|
|
[1172271600000, 0.76150],
|
|
[1172358000000, 0.75980],
|
|
[1172444400000, 0.75980],
|
|
[1172530800000, 0.75920],
|
|
[1172617200000, 0.75730],
|
|
[1172703600000, 0.75660],
|
|
[1172790000000, 0.75670],
|
|
[1172876400000, 0.75910],
|
|
[1172962800000, 0.75820],
|
|
[1173049200000, 0.75850],
|
|
[1173135600000, 0.76130],
|
|
[1173222000000, 0.76310],
|
|
[1173308400000, 0.76150],
|
|
[1173394800000, 0.760],
|
|
[1173481200000, 0.76130],
|
|
[1173567600000, 0.76270],
|
|
[1173654000000, 0.76270],
|
|
[1173740400000, 0.76080],
|
|
[1173826800000, 0.75830],
|
|
[1173913200000, 0.75750],
|
|
[1173999600000, 0.75620],
|
|
[1174086000000, 0.7520],
|
|
[1174172400000, 0.75120],
|
|
[1174258800000, 0.75120],
|
|
[1174345200000, 0.75170],
|
|
[1174431600000, 0.7520],
|
|
[1174518000000, 0.75110],
|
|
[1174604400000, 0.7480],
|
|
[1174690800000, 0.75090],
|
|
[1174777200000, 0.75310],
|
|
[1174860000000, 0.75310],
|
|
[1174946400000, 0.75270],
|
|
[1175032800000, 0.74980],
|
|
[1175119200000, 0.74930],
|
|
[1175205600000, 0.75040],
|
|
[1175292000000, 0.750],
|
|
[1175378400000, 0.74910],
|
|
[1175464800000, 0.74910],
|
|
[1175551200000, 0.74850],
|
|
[1175637600000, 0.74840],
|
|
[1175724000000, 0.74920],
|
|
[1175810400000, 0.74710],
|
|
[1175896800000, 0.74590],
|
|
[1175983200000, 0.74770],
|
|
[1176069600000, 0.74770],
|
|
[1176156000000, 0.74830],
|
|
[1176242400000, 0.74580],
|
|
[1176328800000, 0.74480],
|
|
[1176415200000, 0.7430],
|
|
[1176501600000, 0.73990],
|
|
[1176588000000, 0.73950],
|
|
[1176674400000, 0.73950],
|
|
[1176760800000, 0.73780],
|
|
[1176847200000, 0.73820],
|
|
[1176933600000, 0.73620],
|
|
[1177020000000, 0.73550],
|
|
[1177106400000, 0.73480],
|
|
[1177192800000, 0.73610],
|
|
[1177279200000, 0.73610],
|
|
[1177365600000, 0.73650],
|
|
[1177452000000, 0.73620],
|
|
[1177538400000, 0.73310],
|
|
[1177624800000, 0.73390],
|
|
[1177711200000, 0.73440],
|
|
[1177797600000, 0.73270],
|
|
[1177884000000, 0.73270],
|
|
[1177970400000, 0.73360],
|
|
[1178056800000, 0.73330],
|
|
[1178143200000, 0.73590],
|
|
[1178229600000, 0.73590],
|
|
[1178316000000, 0.73720],
|
|
[1178402400000, 0.7360],
|
|
[1178488800000, 0.7360],
|
|
[1178575200000, 0.7350],
|
|
[1178661600000, 0.73650],
|
|
[1178748000000, 0.73840],
|
|
[1178834400000, 0.73950],
|
|
[1178920800000, 0.74130],
|
|
[1179007200000, 0.73970],
|
|
[1179093600000, 0.73960],
|
|
[1179180000000, 0.73850],
|
|
[1179266400000, 0.73780],
|
|
[1179352800000, 0.73660],
|
|
[1179439200000, 0.740],
|
|
[1179525600000, 0.74110],
|
|
[1179612000000, 0.74060],
|
|
[1179698400000, 0.74050],
|
|
[1179784800000, 0.74140],
|
|
[1179871200000, 0.74310],
|
|
[1179957600000, 0.74310],
|
|
[1180044000000, 0.74380],
|
|
[1180130400000, 0.74430],
|
|
[1180216800000, 0.74430],
|
|
[1180303200000, 0.74430],
|
|
[1180389600000, 0.74340],
|
|
[1180476000000, 0.74290],
|
|
[1180562400000, 0.74420],
|
|
[1180648800000, 0.7440],
|
|
[1180735200000, 0.74390],
|
|
[1180821600000, 0.74370],
|
|
[1180908000000, 0.74370],
|
|
[1180994400000, 0.74290],
|
|
[1181080800000, 0.74030],
|
|
[1181167200000, 0.73990],
|
|
[1181253600000, 0.74180],
|
|
[1181340000000, 0.74680],
|
|
[1181426400000, 0.7480],
|
|
[1181512800000, 0.7480],
|
|
[1181599200000, 0.7490],
|
|
[1181685600000, 0.74940],
|
|
[1181772000000, 0.75220],
|
|
[1181858400000, 0.75150],
|
|
[1181944800000, 0.75020],
|
|
[1182031200000, 0.74720],
|
|
[1182117600000, 0.74720],
|
|
[1182204000000, 0.74620],
|
|
[1182290400000, 0.74550],
|
|
[1182376800000, 0.74490],
|
|
[1182463200000, 0.74670],
|
|
[1182549600000, 0.74580],
|
|
[1182636000000, 0.74270],
|
|
[1182722400000, 0.74270],
|
|
[1182808800000, 0.7430],
|
|
[1182895200000, 0.74290],
|
|
[1182981600000, 0.7440],
|
|
[1183068000000, 0.7430],
|
|
[1183154400000, 0.74220],
|
|
[1183240800000, 0.73880],
|
|
[1183327200000, 0.73880],
|
|
[1183413600000, 0.73690],
|
|
[1183500000000, 0.73450],
|
|
[1183586400000, 0.73450],
|
|
[1183672800000, 0.73450],
|
|
[1183759200000, 0.73520],
|
|
[1183845600000, 0.73410],
|
|
[1183932000000, 0.73410],
|
|
[1184018400000, 0.7340],
|
|
[1184104800000, 0.73240],
|
|
[1184191200000, 0.72720],
|
|
[1184277600000, 0.72640],
|
|
[1184364000000, 0.72550],
|
|
[1184450400000, 0.72580],
|
|
[1184536800000, 0.72580],
|
|
[1184623200000, 0.72560],
|
|
[1184709600000, 0.72570],
|
|
[1184796000000, 0.72470],
|
|
[1184882400000, 0.72430],
|
|
[1184968800000, 0.72440],
|
|
[1185055200000, 0.72350],
|
|
[1185141600000, 0.72350],
|
|
[1185228000000, 0.72350],
|
|
[1185314400000, 0.72350],
|
|
[1185400800000, 0.72620],
|
|
[1185487200000, 0.72880],
|
|
[1185573600000, 0.73010],
|
|
[1185660000000, 0.73370],
|
|
[1185746400000, 0.73370],
|
|
[1185832800000, 0.73240],
|
|
[1185919200000, 0.72970],
|
|
[1186005600000, 0.73170],
|
|
[1186092000000, 0.73150],
|
|
[1186178400000, 0.72880],
|
|
[1186264800000, 0.72630],
|
|
[1186351200000, 0.72630],
|
|
[1186437600000, 0.72420],
|
|
[1186524000000, 0.72530],
|
|
[1186610400000, 0.72640],
|
|
[1186696800000, 0.7270],
|
|
[1186783200000, 0.73120],
|
|
[1186869600000, 0.73050],
|
|
[1186956000000, 0.73050],
|
|
[1187042400000, 0.73180],
|
|
[1187128800000, 0.73580],
|
|
[1187215200000, 0.74090],
|
|
[1187301600000, 0.74540],
|
|
[1187388000000, 0.74370],
|
|
[1187474400000, 0.74240],
|
|
[1187560800000, 0.74240],
|
|
[1187647200000, 0.74150],
|
|
[1187733600000, 0.74190],
|
|
[1187820000000, 0.74140],
|
|
[1187906400000, 0.73770],
|
|
[1187992800000, 0.73550],
|
|
[1188079200000, 0.73150],
|
|
[1188165600000, 0.73150],
|
|
[1188252000000, 0.7320],
|
|
[1188338400000, 0.73320],
|
|
[1188424800000, 0.73460],
|
|
[1188511200000, 0.73280],
|
|
[1188597600000, 0.73230],
|
|
[1188684000000, 0.7340],
|
|
[1188770400000, 0.7340],
|
|
[1188856800000, 0.73360],
|
|
[1188943200000, 0.73510],
|
|
[1189029600000, 0.73460],
|
|
[1189116000000, 0.73210],
|
|
[1189202400000, 0.72940],
|
|
[1189288800000, 0.72660],
|
|
[1189375200000, 0.72660],
|
|
[1189461600000, 0.72540],
|
|
[1189548000000, 0.72420],
|
|
[1189634400000, 0.72130],
|
|
[1189720800000, 0.71970],
|
|
[1189807200000, 0.72090],
|
|
[1189893600000, 0.7210],
|
|
[1189980000000, 0.7210],
|
|
[1190066400000, 0.7210],
|
|
[1190152800000, 0.72090],
|
|
[1190239200000, 0.71590],
|
|
[1190325600000, 0.71330],
|
|
[1190412000000, 0.71050],
|
|
[1190498400000, 0.70990],
|
|
[1190584800000, 0.70990],
|
|
[1190671200000, 0.70930],
|
|
[1190757600000, 0.70930],
|
|
[1190844000000, 0.70760],
|
|
[1190930400000, 0.7070],
|
|
[1191016800000, 0.70490],
|
|
[1191103200000, 0.70120],
|
|
[1191189600000, 0.70110],
|
|
[1191276000000, 0.70190],
|
|
[1191362400000, 0.70460],
|
|
[1191448800000, 0.70630],
|
|
[1191535200000, 0.70890],
|
|
[1191621600000, 0.70770],
|
|
[1191708000000, 0.70770],
|
|
[1191794400000, 0.70770],
|
|
[1191880800000, 0.70910],
|
|
[1191967200000, 0.71180],
|
|
[1192053600000, 0.70790],
|
|
[1192140000000, 0.70530],
|
|
[1192226400000, 0.7050],
|
|
[1192312800000, 0.70550],
|
|
[1192399200000, 0.70550],
|
|
[1192485600000, 0.70450],
|
|
[1192572000000, 0.70510],
|
|
[1192658400000, 0.70510],
|
|
[1192744800000, 0.70170],
|
|
[1192831200000, 0.70],
|
|
[1192917600000, 0.69950],
|
|
[1193004000000, 0.69940],
|
|
[1193090400000, 0.70140],
|
|
[1193176800000, 0.70360],
|
|
[1193263200000, 0.70210],
|
|
[1193349600000, 0.70020],
|
|
[1193436000000, 0.69670],
|
|
[1193522400000, 0.6950],
|
|
[1193612400000, 0.6950],
|
|
[1193698800000, 0.69390],
|
|
[1193785200000, 0.6940],
|
|
[1193871600000, 0.69220],
|
|
[1193958000000, 0.69190],
|
|
[1194044400000, 0.69140],
|
|
[1194130800000, 0.68940],
|
|
[1194217200000, 0.68910],
|
|
[1194303600000, 0.69040],
|
|
[1194390000000, 0.6890],
|
|
[1194476400000, 0.68340],
|
|
[1194562800000, 0.68230],
|
|
[1194649200000, 0.68070],
|
|
[1194735600000, 0.68150],
|
|
[1194822000000, 0.68150],
|
|
[1194908400000, 0.68470],
|
|
[1194994800000, 0.68590],
|
|
[1195081200000, 0.68220],
|
|
[1195167600000, 0.68270],
|
|
[1195254000000, 0.68370],
|
|
[1195340400000, 0.68230],
|
|
[1195426800000, 0.68220],
|
|
[1195513200000, 0.68220],
|
|
[1195599600000, 0.67920],
|
|
[1195686000000, 0.67460],
|
|
[1195772400000, 0.67350],
|
|
[1195858800000, 0.67310],
|
|
[1195945200000, 0.67420],
|
|
[1196031600000, 0.67440],
|
|
[1196118000000, 0.67390],
|
|
[1196204400000, 0.67310],
|
|
[1196290800000, 0.67610],
|
|
[1196377200000, 0.67610],
|
|
[1196463600000, 0.67850],
|
|
[1196550000000, 0.68180],
|
|
[1196636400000, 0.68360],
|
|
[1196722800000, 0.68230],
|
|
[1196809200000, 0.68050],
|
|
[1196895600000, 0.67930],
|
|
[1196982000000, 0.68490],
|
|
[1197068400000, 0.68330],
|
|
[1197154800000, 0.68250],
|
|
[1197241200000, 0.68250],
|
|
[1197327600000, 0.68160],
|
|
[1197414000000, 0.67990],
|
|
[1197500400000, 0.68130],
|
|
[1197586800000, 0.68090],
|
|
[1197673200000, 0.68680],
|
|
[1197759600000, 0.69330],
|
|
[1197846000000, 0.69330],
|
|
[1197932400000, 0.69450],
|
|
[1198018800000, 0.69440],
|
|
[1198105200000, 0.69460],
|
|
[1198191600000, 0.69640],
|
|
[1198278000000, 0.69650],
|
|
[1198364400000, 0.69560],
|
|
[1198450800000, 0.69560],
|
|
[1198537200000, 0.6950],
|
|
[1198623600000, 0.69480],
|
|
[1198710000000, 0.69280],
|
|
[1198796400000, 0.68870],
|
|
[1198882800000, 0.68240],
|
|
[1198969200000, 0.67940],
|
|
[1199055600000, 0.67940],
|
|
[1199142000000, 0.68030],
|
|
[1199228400000, 0.68550],
|
|
[1199314800000, 0.68240],
|
|
[1199401200000, 0.67910],
|
|
[1199487600000, 0.67830],
|
|
[1199574000000, 0.67850],
|
|
[1199660400000, 0.67850],
|
|
[1199746800000, 0.67970],
|
|
[1199833200000, 0.680],
|
|
[1199919600000, 0.68030],
|
|
[1200006000000, 0.68050],
|
|
[1200092400000, 0.6760],
|
|
[1200178800000, 0.6770],
|
|
[1200265200000, 0.6770],
|
|
[1200351600000, 0.67360],
|
|
[1200438000000, 0.67260],
|
|
[1200524400000, 0.67640],
|
|
[1200610800000, 0.68210],
|
|
[1200697200000, 0.68310],
|
|
[1200783600000, 0.68420],
|
|
[1200870000000, 0.68420],
|
|
[1200956400000, 0.68870],
|
|
[1201042800000, 0.69030],
|
|
[1201129200000, 0.68480],
|
|
[1201215600000, 0.68240],
|
|
[1201302000000, 0.67880],
|
|
[1201388400000, 0.68140],
|
|
[1201474800000, 0.68140],
|
|
[1201561200000, 0.67970],
|
|
[1201647600000, 0.67690],
|
|
[1201734000000, 0.67650],
|
|
[1201820400000, 0.67330],
|
|
[1201906800000, 0.67290],
|
|
[1201993200000, 0.67580],
|
|
[1202079600000, 0.67580],
|
|
[1202166000000, 0.6750],
|
|
[1202252400000, 0.6780],
|
|
[1202338800000, 0.68330],
|
|
[1202425200000, 0.68560],
|
|
[1202511600000, 0.69030],
|
|
[1202598000000, 0.68960],
|
|
[1202684400000, 0.68960],
|
|
[1202770800000, 0.68820],
|
|
[1202857200000, 0.68790],
|
|
[1202943600000, 0.68620],
|
|
[1203030000000, 0.68520],
|
|
[1203116400000, 0.68230],
|
|
[1203202800000, 0.68130],
|
|
[1203289200000, 0.68130],
|
|
[1203375600000, 0.68220],
|
|
[1203462000000, 0.68020],
|
|
[1203548400000, 0.68020],
|
|
[1203634800000, 0.67840],
|
|
[1203721200000, 0.67480],
|
|
[1203807600000, 0.67470],
|
|
[1203894000000, 0.67470],
|
|
[1203980400000, 0.67480],
|
|
[1204066800000, 0.67330],
|
|
[1204153200000, 0.6650],
|
|
[1204239600000, 0.66110],
|
|
[1204326000000, 0.65830],
|
|
[1204412400000, 0.6590],
|
|
[1204498800000, 0.6590],
|
|
[1204585200000, 0.65810],
|
|
[1204671600000, 0.65780],
|
|
[1204758000000, 0.65740],
|
|
[1204844400000, 0.65320],
|
|
[1204930800000, 0.65020],
|
|
[1205017200000, 0.65140],
|
|
[1205103600000, 0.65140],
|
|
[1205190000000, 0.65070],
|
|
[1205276400000, 0.6510],
|
|
[1205362800000, 0.64890],
|
|
[1205449200000, 0.64240],
|
|
[1205535600000, 0.64060],
|
|
[1205622000000, 0.63820],
|
|
[1205708400000, 0.63820],
|
|
[1205794800000, 0.63410],
|
|
[1205881200000, 0.63440],
|
|
[1205967600000, 0.63780],
|
|
[1206054000000, 0.64390],
|
|
[1206140400000, 0.64780],
|
|
[1206226800000, 0.64810],
|
|
[1206313200000, 0.64810],
|
|
[1206399600000, 0.64940],
|
|
[1206486000000, 0.64380],
|
|
[1206572400000, 0.63770],
|
|
[1206658800000, 0.63290],
|
|
[1206745200000, 0.63360],
|
|
[1206831600000, 0.63330],
|
|
[1206914400000, 0.63330],
|
|
[1207000800000, 0.6330],
|
|
[1207087200000, 0.63710],
|
|
[1207173600000, 0.64030],
|
|
[1207260000000, 0.63960],
|
|
[1207346400000, 0.63640],
|
|
[1207432800000, 0.63560],
|
|
[1207519200000, 0.63560],
|
|
[1207605600000, 0.63680],
|
|
[1207692000000, 0.63570],
|
|
[1207778400000, 0.63540],
|
|
[1207864800000, 0.6320],
|
|
[1207951200000, 0.63320],
|
|
[1208037600000, 0.63280],
|
|
[1208124000000, 0.63310],
|
|
[1208210400000, 0.63420],
|
|
[1208296800000, 0.63210],
|
|
[1208383200000, 0.63020],
|
|
[1208469600000, 0.62780],
|
|
[1208556000000, 0.63080],
|
|
[1208642400000, 0.63240],
|
|
[1208728800000, 0.63240],
|
|
[1208815200000, 0.63070],
|
|
[1208901600000, 0.62770],
|
|
[1208988000000, 0.62690],
|
|
[1209074400000, 0.63350],
|
|
[1209160800000, 0.63920],
|
|
[1209247200000, 0.640],
|
|
[1209333600000, 0.64010],
|
|
[1209420000000, 0.63960],
|
|
[1209506400000, 0.64070],
|
|
[1209592800000, 0.64230],
|
|
[1209679200000, 0.64290],
|
|
[1209765600000, 0.64720],
|
|
[1209852000000, 0.64850],
|
|
[1209938400000, 0.64860],
|
|
[1210024800000, 0.64670],
|
|
[1210111200000, 0.64440],
|
|
[1210197600000, 0.64670],
|
|
[1210284000000, 0.65090],
|
|
[1210370400000, 0.64780],
|
|
[1210456800000, 0.64610],
|
|
[1210543200000, 0.64610],
|
|
[1210629600000, 0.64680],
|
|
[1210716000000, 0.64490],
|
|
[1210802400000, 0.6470],
|
|
[1210888800000, 0.64610],
|
|
[1210975200000, 0.64520],
|
|
[1211061600000, 0.64220],
|
|
[1211148000000, 0.64220],
|
|
[1211234400000, 0.64250],
|
|
[1211320800000, 0.64140],
|
|
[1211407200000, 0.63660],
|
|
[1211493600000, 0.63460],
|
|
[1211580000000, 0.6350],
|
|
[1211666400000, 0.63460],
|
|
[1211752800000, 0.63460],
|
|
[1211839200000, 0.63430],
|
|
[1211925600000, 0.63460],
|
|
[1212012000000, 0.63790],
|
|
[1212098400000, 0.64160],
|
|
[1212184800000, 0.64420],
|
|
[1212271200000, 0.64310],
|
|
[1212357600000, 0.64310],
|
|
[1212444000000, 0.64350],
|
|
[1212530400000, 0.6440],
|
|
[1212616800000, 0.64730],
|
|
[1212703200000, 0.64690],
|
|
[1212789600000, 0.63860],
|
|
[1212876000000, 0.63560],
|
|
[1212962400000, 0.6340],
|
|
[1213048800000, 0.63460],
|
|
[1213135200000, 0.6430],
|
|
[1213221600000, 0.64520],
|
|
[1213308000000, 0.64670],
|
|
[1213394400000, 0.65060],
|
|
[1213480800000, 0.65040],
|
|
[1213567200000, 0.65030],
|
|
[1213653600000, 0.64810],
|
|
[1213740000000, 0.64510],
|
|
[1213826400000, 0.6450],
|
|
[1213912800000, 0.64410],
|
|
[1213999200000, 0.64140],
|
|
[1214085600000, 0.64090],
|
|
[1214172000000, 0.64090],
|
|
[1214258400000, 0.64280],
|
|
[1214344800000, 0.64310],
|
|
[1214431200000, 0.64180],
|
|
[1214517600000, 0.63710],
|
|
[1214604000000, 0.63490],
|
|
[1214690400000, 0.63330],
|
|
[1214776800000, 0.63340],
|
|
[1214863200000, 0.63380],
|
|
[1214949600000, 0.63420],
|
|
[1215036000000, 0.6320],
|
|
[1215122400000, 0.63180],
|
|
[1215208800000, 0.6370],
|
|
[1215295200000, 0.63680],
|
|
[1215381600000, 0.63680],
|
|
[1215468000000, 0.63830],
|
|
[1215554400000, 0.63710],
|
|
[1215640800000, 0.63710],
|
|
[1215727200000, 0.63550],
|
|
[1215813600000, 0.6320],
|
|
[1215900000000, 0.62770],
|
|
[1215986400000, 0.62760],
|
|
[1216072800000, 0.62910],
|
|
[1216159200000, 0.62740],
|
|
[1216245600000, 0.62930],
|
|
[1216332000000, 0.63110],
|
|
[1216418400000, 0.6310],
|
|
[1216504800000, 0.63120],
|
|
[1216591200000, 0.63120],
|
|
[1216677600000, 0.63040],
|
|
[1216764000000, 0.62940],
|
|
[1216850400000, 0.63480],
|
|
[1216936800000, 0.63780],
|
|
[1217023200000, 0.63680],
|
|
[1217109600000, 0.63680],
|
|
[1217196000000, 0.63680],
|
|
[1217282400000, 0.6360],
|
|
[1217368800000, 0.6370],
|
|
[1217455200000, 0.64180],
|
|
[1217541600000, 0.64110],
|
|
[1217628000000, 0.64350],
|
|
[1217714400000, 0.64270],
|
|
[1217800800000, 0.64270],
|
|
[1217887200000, 0.64190],
|
|
[1217973600000, 0.64460],
|
|
[1218060000000, 0.64680],
|
|
[1218146400000, 0.64870],
|
|
[1218232800000, 0.65940],
|
|
[1218319200000, 0.66660],
|
|
[1218405600000, 0.66660],
|
|
[1218492000000, 0.66780],
|
|
[1218578400000, 0.67120],
|
|
[1218664800000, 0.67050],
|
|
[1218751200000, 0.67180],
|
|
[1218837600000, 0.67840],
|
|
[1218924000000, 0.68110],
|
|
[1219010400000, 0.68110],
|
|
[1219096800000, 0.67940],
|
|
[1219183200000, 0.68040],
|
|
[1219269600000, 0.67810],
|
|
[1219356000000, 0.67560],
|
|
[1219442400000, 0.67350],
|
|
[1219528800000, 0.67630],
|
|
[1219615200000, 0.67620],
|
|
[1219701600000, 0.67770],
|
|
[1219788000000, 0.68150],
|
|
[1219874400000, 0.68020],
|
|
[1219960800000, 0.6780],
|
|
[1220047200000, 0.67960],
|
|
[1220133600000, 0.68170],
|
|
[1220220000000, 0.68170],
|
|
[1220306400000, 0.68320],
|
|
[1220392800000, 0.68770],
|
|
[1220479200000, 0.69120],
|
|
[1220565600000, 0.69140],
|
|
[1220652000000, 0.70090],
|
|
[1220738400000, 0.70120],
|
|
[1220824800000, 0.7010],
|
|
[1220911200000, 0.70050]
|
|
];
|
|
|
|
function euroFormatter(v, axis) {
|
|
return v.toFixed(axis.tickDecimals) + "€";
|
|
}
|
|
|
|
function doPlot(position) {
|
|
$.plot("#flot-axes", [
|
|
{ data: oilprices, label: "Oil price ($)" },
|
|
{ data: exchangerates, label: "USD/EUR exchange rate", yaxis: 2 }
|
|
], {
|
|
grid: { borderWidth: 0, labelMargin: 10, axisMargin: 0, minBorderMargin: 0 },
|
|
colors: ["#8E54E9", "#32b432"],
|
|
xaxes: [{ mode: "time" }],
|
|
yaxes: [{ min: 0 }, {
|
|
// align if we are to the right
|
|
alignTicksWithAxis: position == "right" ? 1 : null,
|
|
position: position,
|
|
tickFormatter: euroFormatter
|
|
}],
|
|
legend: { position: "sw" }
|
|
});
|
|
}
|
|
|
|
doPlot("right");
|
|
|
|
$("button").click(function() {
|
|
doPlot($(this).text());
|
|
});
|
|
|
|
// Add the Flot version string to the footer
|
|
|
|
$("#footer").prepend("Flot " + $.plot.version + " – ");
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var gmap = jQuery(".gmap");
|
|
if (gmap.length > 0) {
|
|
// Address Marker
|
|
var addressLocation = $('#address');
|
|
if (addressLocation.length > 0) {
|
|
$(addressLocation)
|
|
new GMaps({
|
|
div: '#address',
|
|
lat: -12.043333,
|
|
lng: -77.028333
|
|
});
|
|
}
|
|
// Satellite view
|
|
var satelliteView = $('#events');
|
|
if (satelliteView.length > 0) {
|
|
$(satelliteView)
|
|
var map = new GMaps({
|
|
div: '#events',
|
|
zoom: 16,
|
|
lat: -12.043333,
|
|
lng: -77.028333,
|
|
click: function(e) {
|
|
alert('click');
|
|
},
|
|
dragend: function(e) {
|
|
alert('dragend');
|
|
}
|
|
});
|
|
}
|
|
// Satellite view
|
|
var marker = $('#marker');
|
|
if (marker.length > 0) {
|
|
$(marker)
|
|
var markerevents = new GMaps({
|
|
div: '#marker',
|
|
zoom: 16,
|
|
lat: -12.043333,
|
|
lng: -77.028333
|
|
|
|
});
|
|
|
|
markerevents.addMarker({
|
|
lat: -12.043333,
|
|
lng: -77.03,
|
|
title: 'Lima',
|
|
details: {
|
|
database_id: 42,
|
|
author: 'HPNeo'
|
|
},
|
|
click: function(e){
|
|
if(console.log)
|
|
console.log(e);
|
|
alert('You clicked in this marker');
|
|
}
|
|
});
|
|
markerevents.addMarker({
|
|
lat: -12.042,
|
|
lng: -77.028333,
|
|
title: 'Marker with InfoWindow',
|
|
infoWindow: {
|
|
content: '<p>HTML Content</p>'
|
|
}
|
|
})
|
|
}
|
|
var marker = $('#polygon');
|
|
if (marker.length > 0) {
|
|
$(marker)
|
|
var polygon = new GMaps({
|
|
div: '#polygon',
|
|
zoom: 16,
|
|
lat: -12.043333,
|
|
lng: -77.028333
|
|
|
|
});
|
|
|
|
var path = [[-12.040397656836609,-77.03373871559225], [-12.040248585302038,-77.03993927003302], [-12.050047116528843,-77.02448169303511], [-12.044804866577001,-77.02154422636042]];
|
|
|
|
polygon1 = polygon.drawPolygon({
|
|
paths: path, // pre-defined polygon shape
|
|
strokeColor: '#BBD8E9',
|
|
strokeOpacity: 1,
|
|
strokeWeight: 3,
|
|
fillColor: '#BBD8E9',
|
|
fillOpacity: 0.6
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var jqueryKnob = jQuery(".jqueryknob-wrapper");
|
|
if (jqueryKnob.length > 0) {
|
|
$(".knob").knob({
|
|
change: function(value) {
|
|
//console.log("change : " + value);
|
|
},
|
|
release: function(value) {
|
|
//console.log(this.$.attr('value'));
|
|
console.log("release : " + value);
|
|
},
|
|
cancel: function() {
|
|
console.log("cancel : ", this);
|
|
},
|
|
/*format : function (value) {
|
|
return value + '%';
|
|
},*/
|
|
draw: function() {
|
|
|
|
// "tron" case
|
|
if (this.$.data('skin') == 'tron') {
|
|
|
|
this.cursorExt = 0.3;
|
|
|
|
var a = this.arc(this.cv) // Arc
|
|
,
|
|
pa // Previous arc
|
|
, r = 1;
|
|
|
|
this.g.lineWidth = this.lineWidth;
|
|
|
|
if (this.o.displayPrevious) {
|
|
pa = this.arc(this.v);
|
|
this.g.beginPath();
|
|
this.g.strokeStyle = this.pColor;
|
|
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d);
|
|
this.g.stroke();
|
|
}
|
|
|
|
this.g.beginPath();
|
|
this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
|
|
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d);
|
|
this.g.stroke();
|
|
|
|
this.g.lineWidth = 2;
|
|
this.g.beginPath();
|
|
this.g.strokeStyle = this.o.fgColor;
|
|
this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
|
|
this.g.stroke();
|
|
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var jQVMap = jQuery(".vectormap-wrapper");
|
|
if (jQVMap.length > 0) {
|
|
|
|
//Analytics map
|
|
var world = jQuery('#world')
|
|
if (world.length > 0) {
|
|
|
|
function escapeXml(string) {
|
|
return string.replace(/[<>]/g, function (c) {
|
|
switch (c) {
|
|
case '<': return '\u003c';
|
|
case '>': return '\u003e';
|
|
}
|
|
});
|
|
}
|
|
|
|
var pins = {
|
|
mo: escapeXml('<div class="map-pin red"><span>MO</span></div>'),
|
|
fl: escapeXml('<div class="map-pin blue"><span>FL</span></div>'),
|
|
or: escapeXml('<div class="map-pin purple"><span>OR</span></div>')
|
|
};
|
|
|
|
jQuery(world).vectorMap({
|
|
map: 'world_en',
|
|
backgroundColor: '#ffff',
|
|
pins: pins,
|
|
pinMode: 'content',
|
|
showTooltip: true,
|
|
hoverColor: '#8E54E9',
|
|
borderColor: '#fff',
|
|
selectedColor: ['#8E54E9'],
|
|
color: '#eceef3',
|
|
selectedRegions: ['US', 'AU', 'IN', 'GR'],
|
|
onRegionClick: function(event){
|
|
event.preventDefault();
|
|
}
|
|
});
|
|
}
|
|
// Australia
|
|
var australia = jQuery('#australia')
|
|
if (australia.length > 0) {
|
|
jQuery(australia).vectorMap({
|
|
map: 'australia_en',
|
|
backgroundColor: '#fff',
|
|
selectedColor: '#fbaf54',
|
|
borderColor: '#fff',
|
|
hoverColor: '#fbaf54',
|
|
color: '#e8edf1'
|
|
});
|
|
}
|
|
// Africa
|
|
var africa = jQuery('#africa')
|
|
if (africa.length > 0) {
|
|
jQuery(africa).vectorMap({
|
|
map: 'africa_en',
|
|
backgroundColor: '#fff',
|
|
selectedColor: '#32b432',
|
|
borderColor: '#fff',
|
|
hoverColor: '#32b432',
|
|
color: '#e8edf1'
|
|
});
|
|
}
|
|
// USA
|
|
var usa = jQuery('#usa')
|
|
if (usa.length > 0) {
|
|
jQuery(usa).vectorMap({
|
|
map: 'usa_en',
|
|
backgroundColor: '#fff',
|
|
selectedColor: '#8E54E9',
|
|
hoverColor: '#8E54E9',
|
|
borderColor: '#fff',
|
|
color: '#e8edf1'
|
|
});
|
|
}
|
|
// Canada
|
|
var canada = jQuery('#canada')
|
|
if (canada.length > 0) {
|
|
jQuery(canada).vectorMap({
|
|
map: 'canada_en',
|
|
backgroundColor: '#fff',
|
|
selectedColor: '#fd9644',
|
|
hoverColor: '#fd9644',
|
|
borderColor: '#fff',
|
|
color: '#e8edf1'
|
|
});
|
|
}
|
|
// Europe
|
|
var russia = jQuery('#russia')
|
|
if (russia.length > 0) {
|
|
jQuery(russia).vectorMap({
|
|
map: 'russia_en',
|
|
backgroundColor: '#fff',
|
|
selectedColor: '#e3324c',
|
|
hoverColor: '#e3324c',
|
|
borderColor: '#fff',
|
|
color: '#e8edf1',
|
|
zoom: 5
|
|
});
|
|
}
|
|
// Brazil
|
|
var brazil = jQuery('#brazil')
|
|
if (brazil.length > 0) {
|
|
jQuery(brazil).vectorMap({
|
|
map: 'brazil_br',
|
|
backgroundColor: '#fff',
|
|
selectedColor: '#20bf6b',
|
|
hoverColor: '#20bf6b',
|
|
borderColor: '#fff',
|
|
color: '#e8edf1'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var magnific = jQuery(".magnific-wrapper");
|
|
if (magnific.length > 0) {
|
|
$('.view').magnificPopup({
|
|
type: 'image'
|
|
// other options
|
|
});
|
|
$(document).ready(function() {
|
|
$('.view2').magnificPopup({
|
|
disableOn: 700,
|
|
type: 'iframe',
|
|
mainClass: 'mfp-fade',
|
|
removalDelay: 160,
|
|
preloader: false,
|
|
fixedContentPos: false
|
|
});
|
|
});
|
|
$('.view1').magnificPopup({
|
|
type: 'image',
|
|
gallery: {
|
|
enabled: true
|
|
},
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var mapaelMap = jQuery(".mapaelmap-wrapper");
|
|
if (mapaelMap.length > 0) {
|
|
// World Map
|
|
$(mapaelMap).mapael({
|
|
map: {
|
|
name: "world_countries"
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var morrisJS = jQuery(".morris-wrapper");
|
|
if (morrisJS.length > 0) {
|
|
// morris line chart
|
|
var morrisdemo1 = jQuery("#morrisdemo1");
|
|
if (morrisdemo1.length > 0) {
|
|
Morris.Line({
|
|
element: morrisdemo1,
|
|
data: [
|
|
{ y: '2006', a: 40, b: 30 },
|
|
{ y: '2007', a: 75, b: 65 },
|
|
{ y: '2008', a: 50, b: 40 },
|
|
{ y: '2009', a: 75, b: 65 },
|
|
{ y: '2010', a: 50, b: 40 },
|
|
{ y: '2011', a: 75, b: 65 },
|
|
{ y: '2012', a: 60, b: 50 }
|
|
],
|
|
xkey: 'y',
|
|
ykeys: ['a', 'b'],
|
|
labels: ['Series A', 'Series B'],
|
|
lineColors: ['#4776E6', '#8E54E9'],
|
|
resize: true,
|
|
padding: 20,
|
|
grid: false,
|
|
gridTextFamily: 'Roboto',
|
|
gridTextSize: 10
|
|
});
|
|
}
|
|
// morris line chart
|
|
var morrisdemo2 = jQuery("#morrisdemo2");
|
|
if (morrisdemo2.length > 0) {
|
|
Morris.Area({
|
|
element: morrisdemo2,
|
|
data: [
|
|
{ y: '2006', a: 40, b: 30 },
|
|
{ y: '2007', a: 75, b: 65 },
|
|
{ y: '2008', a: 50, b: 40 },
|
|
{ y: '2009', a: 75, b: 65 },
|
|
{ y: '2010', a: 50, b: 40 },
|
|
{ y: '2011', a: 75, b: 65 },
|
|
{ y: '2012', a: 60, b: 50 }
|
|
],
|
|
xkey: 'y',
|
|
ykeys: ['a', 'b'],
|
|
labels: ['Series A', 'Series B'],
|
|
lineColors: ['#4776E6', '#8E54E9'],
|
|
resize: true,
|
|
fillOpacity: 0.4,
|
|
padding: 20,
|
|
grid: false,
|
|
gridTextFamily: 'Roboto',
|
|
gridTextSize: 10
|
|
});
|
|
}
|
|
// morris bar chart
|
|
var morrisdemo3 = jQuery("#morrisdemo3");
|
|
if (morrisdemo3.length > 0) {
|
|
Morris.Bar({
|
|
element: morrisdemo3,
|
|
data: [
|
|
{ y: '2006', a: 100, b: 90 },
|
|
{ y: '2007', a: 75, b: 65 },
|
|
{ y: '2008', a: 50, b: 40 },
|
|
{ y: '2009', a: 75, b: 65 },
|
|
{ y: '2010', a: 50, b: 40 },
|
|
{ y: '2011', a: 75, b: 65 },
|
|
{ y: '2012', a: 100, b: 90 }
|
|
],
|
|
xkey: 'y',
|
|
ykeys: ['a', 'b'],
|
|
labels: ['Series A', 'Series B'],
|
|
barColors: ['#4776E6', '#8E54E9'],
|
|
resize: true,
|
|
fillOpacity: 0.4,
|
|
padding: 15,
|
|
grid: false,
|
|
gridTextFamily: 'Roboto',
|
|
gridTextSize: 10
|
|
});
|
|
}
|
|
// morris donut chart
|
|
var morrisdemo4 = jQuery("#morrisdemo4");
|
|
if (morrisdemo4.length > 0) {
|
|
Morris.Donut({
|
|
element: morrisdemo4,
|
|
data: [
|
|
{ label: "Direct Visits", value: 12 },
|
|
{ label: "Redirect Visits", value: 30 },
|
|
{ label: "Referral Visits", value: 20 }
|
|
],
|
|
colors: ['#45aaf2', '#e3324c', '#fbaf54']
|
|
});
|
|
}
|
|
// morris stacked bar chart
|
|
var morrisdemo5 = jQuery("#morrisdemo5");
|
|
if (morrisdemo5.length > 0) {
|
|
Morris.Bar({
|
|
element: morrisdemo5,
|
|
data: [
|
|
{ y: '2006', a: 100, b: 90 },
|
|
{ y: '2007', a: 75, b: 65 },
|
|
{ y: '2008', a: 50, b: 40 },
|
|
{ y: '2009', a: 75, b: 65 },
|
|
{ y: '2010', a: 50, b: 40 },
|
|
{ y: '2011', a: 75, b: 65 },
|
|
{ y: '2012', a: 100, b: 90 }
|
|
],
|
|
xkey: 'y',
|
|
ykeys: ['a', 'b'],
|
|
labels: ['Series A', 'Series B'],
|
|
barColors: ['#4776E6', '#8E54E9'],
|
|
resize: true,
|
|
fillOpacity: 0.4,
|
|
padding: 15,
|
|
grid: false,
|
|
gridTextFamily: 'Roboto',
|
|
gridTextSize: 10,
|
|
stacked: true
|
|
});
|
|
}
|
|
// morris donut chart
|
|
var morrisecommerce1 = jQuery("#morrisecommerce1");
|
|
if (morrisecommerce1.length > 0) {
|
|
Morris.Donut({
|
|
element: morrisecommerce1,
|
|
data: [
|
|
{ label: "Total sales", value: 680 },
|
|
{ label: "Open campaign", value: 800 },
|
|
{ label: "Daily sales", value: 500 }
|
|
],
|
|
colors: ['#45aaf2', '#8E54E9', '#eceef3']
|
|
});
|
|
}
|
|
|
|
// morris cardealer1
|
|
var cardealer1 = jQuery("#cardealer1");
|
|
if (cardealer1.length > 0) {
|
|
Morris.Donut({
|
|
element: cardealer1,
|
|
data: [
|
|
{ label: "New cars", value: 680 },
|
|
{ label: "Used cars", value: 800 }
|
|
],
|
|
colors: ['#f7b731', '#2bcbba']
|
|
});
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var nestable = jQuery(".nestable-wrapper");
|
|
if (nestable.length > 0) {
|
|
var updateOutput = function(e) {
|
|
var list = e.length ? e : $(e.target),
|
|
output = list.data('output');
|
|
if (window.JSON) {
|
|
output.val(window.JSON.stringify(list.nestable('serialize'))); //, null, 2));
|
|
} else {
|
|
output.val('JSON browser support required for this demo.');
|
|
}
|
|
};
|
|
|
|
// activate Nestable for list 1
|
|
$('#nestable').nestable({
|
|
group: 1
|
|
})
|
|
.on('change', updateOutput);
|
|
|
|
// activate Nestable for list 2
|
|
$('#nestable2').nestable({
|
|
group: 1
|
|
})
|
|
.on('change', updateOutput);
|
|
|
|
// output initial serialised data
|
|
updateOutput($('#nestable').data('output', $('#nestable-output')));
|
|
updateOutput($('#nestable2').data('output', $('#nestable2-output')));
|
|
|
|
$('#nestable-menu').on('click', function(e) {
|
|
var target = $(e.target),
|
|
action = target.data('action');
|
|
if (action === 'expand-all') {
|
|
$('.dd').nestable('expandAll');
|
|
}
|
|
if (action === 'collapse-all') {
|
|
$('.dd').nestable('collapseAll');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var owlCarousel = jQuery(".owl-wrapper");
|
|
if (owlCarousel.length > 0) {
|
|
var owlslider = $('.owl-carousel');
|
|
owlslider.each(function () {
|
|
var $this = $(this),
|
|
$items = ($this.data('items')) ? $this.data('items') : 1,
|
|
$loop = ($this.attr('data-loop')) ? $this.data('loop') : true,
|
|
$navdots = ($this.data('nav-dots')) ? $this.data('nav-dots') : false,
|
|
$navarrow = ($this.data('nav-arrow')) ? $this.data('nav-arrow') : false,
|
|
$autoplay = ($this.attr('data-autoplay')) ? $this.data('autoplay') : true,
|
|
$autospeed = ($this.attr('data-autospeed')) ? $this.data('autospeed') : 5000,
|
|
$smartspeed = ($this.attr('data-smartspeed')) ? $this.data('smartspeed') : 1000,
|
|
$autohgt = ($this.data('autoheight')) ? $this.data('autoheight') : false,
|
|
$space = ($this.attr('data-space')) ? $this.data('space') : 30;
|
|
|
|
$(this).owlCarousel({
|
|
loop: $loop,
|
|
items: $items,
|
|
responsive: {
|
|
0:{items: $this.data('xx-items') ? $this.data('xx-items') : 1},
|
|
480:{items: $this.data('xs-items') ? $this.data('xs-items') : 1},
|
|
768:{items: $this.data('sm-items') ? $this.data('sm-items') : 2},
|
|
980:{items: $this.data('md-items') ? $this.data('md-items') : 3},
|
|
1200:{items: $this.data('lg-items') ? $this.data('lg-items') : 4},
|
|
1400:{items: $this.data('xl-items') ? $this.data('lg-items') : 5},
|
|
},
|
|
dots: $navdots,
|
|
autoplayTimeout:$autospeed,
|
|
smartSpeed: $smartspeed,
|
|
autoHeight:$autohgt,
|
|
margin:$space,
|
|
nav: $navarrow,
|
|
navText:["<i class='fa fa-angle-left fa-2x'></i>","<i class='fa fa-angle-right fa-2x'></i>"],
|
|
autoplay: $autoplay,
|
|
autoplayHoverPause: true
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var popOvers = jQuery(".popover-wrapper");
|
|
if (popOvers.length > 0) {
|
|
$('[data-toggle="popover"]').popover()
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
jQuery(".loader").fadeOut('slow');
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var quillEditor = jQuery(".quill-editor");
|
|
if (quillEditor.length > 0) {
|
|
var toolbarOptions = [
|
|
['bold', 'italic', 'underline', 'strike'],
|
|
['blockquote', 'code-block'],
|
|
|
|
[{ 'header': 1 }, { 'header': 2 }],
|
|
[{ 'list': 'ordered' }, { 'list': 'bullet' }],
|
|
[{ 'script': 'sub' }, { 'script': 'super' }],
|
|
[{ 'indent': '-1' }, { 'indent': '+1' }],
|
|
[{ 'direction': 'rtl' }],
|
|
];
|
|
var editor = new Quill('#editor', {
|
|
modules: {
|
|
toolbar: toolbarOptions
|
|
},
|
|
theme: 'snow'
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var rangeslider = jQuery(".rangeslider-wrapper");
|
|
if (rangeslider.length > 0) {
|
|
//slider-1
|
|
$("#slider-1").ionRangeSlider();
|
|
//slider-2
|
|
$("#slider-2").ionRangeSlider({
|
|
min: 100,
|
|
max: 1000,
|
|
from: 550
|
|
});
|
|
//slider-3
|
|
$("#slider-3").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
min: 0,
|
|
max: 1000,
|
|
from: 200,
|
|
to: 800,
|
|
prefix: "$"
|
|
});
|
|
//slider-4
|
|
$("#slider-4").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
min: -1000,
|
|
max: 1000,
|
|
from: -500,
|
|
to: 500
|
|
});
|
|
//slider-5
|
|
$("#slider-5").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
min: -1000,
|
|
max: 1000,
|
|
from: -500,
|
|
to: 500,
|
|
step: 250
|
|
});
|
|
//slider-6
|
|
$("#slider-6").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
min: -12.8,
|
|
max: 12.8,
|
|
from: -3.2,
|
|
to: 3.2,
|
|
step: 0.1
|
|
});
|
|
//slider-7
|
|
$("#slider-7").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
from: 1,
|
|
to: 5,
|
|
values: [0, 10, 100, 1000, 10000, 100000, 1000000]
|
|
});
|
|
//slider-8
|
|
$("#slider-8").ionRangeSlider({
|
|
grid: true,
|
|
from: 5,
|
|
values: [
|
|
"zero", "one",
|
|
"two", "three",
|
|
"four", "five",
|
|
"six", "seven",
|
|
"eight", "nine",
|
|
"ten"
|
|
]
|
|
});
|
|
//slider-9
|
|
$("#slider-9").ionRangeSlider({
|
|
grid: true,
|
|
from: 3,
|
|
values: [
|
|
"January", "February", "March",
|
|
"April", "May", "June",
|
|
"July", "August", "September",
|
|
"October", "November", "December"
|
|
]
|
|
});
|
|
//slider-10
|
|
$("#slider-10").ionRangeSlider({
|
|
grid: true,
|
|
min: 1000,
|
|
max: 1000000,
|
|
from: 100000,
|
|
step: 1000,
|
|
prettify_enabled: false
|
|
});
|
|
//slider-11
|
|
$("#slider-11").ionRangeSlider({
|
|
grid: true,
|
|
min: 1000,
|
|
max: 1000000,
|
|
from: 200000,
|
|
step: 1000,
|
|
prettify_enabled: true
|
|
});
|
|
//slider-12
|
|
$("#slider-12").ionRangeSlider({
|
|
grid: true,
|
|
min: 1000,
|
|
max: 1000000,
|
|
from: 300000,
|
|
step: 1000,
|
|
prettify_enabled: true,
|
|
prettify_separator: "."
|
|
});
|
|
//slider-13
|
|
$("#slider-13").ionRangeSlider({
|
|
grid: true,
|
|
min: 1000,
|
|
max: 1000000,
|
|
from: 400000,
|
|
step: 1000,
|
|
prettify_enabled: true,
|
|
prettify: function(num) {
|
|
return (Math.random() * num).toFixed(0);
|
|
}
|
|
});
|
|
//slider-14
|
|
$("#slider-14").ionRangeSlider({
|
|
type: "double",
|
|
grid: true,
|
|
min: 0,
|
|
max: 10000,
|
|
from: 1000,
|
|
step: 9000,
|
|
prefix: "$"
|
|
});
|
|
//slider-15
|
|
$("#slider-15").ionRangeSlider({
|
|
type: "single",
|
|
grid: true,
|
|
min: -90,
|
|
max: 90,
|
|
from: 0,
|
|
postfix: "°"
|
|
});
|
|
//slider-16
|
|
$("#slider-16").ionRangeSlider({
|
|
grid: true,
|
|
min: 18,
|
|
max: 70,
|
|
from: 30,
|
|
prefix: "Age ",
|
|
max_postfix: "+"
|
|
});
|
|
//slider-17
|
|
$("#slider-17").ionRangeSlider({
|
|
type: "double",
|
|
min: 100,
|
|
max: 200,
|
|
from: 145,
|
|
to: 155,
|
|
prefix: "Weight: ",
|
|
postfix: " million pounds",
|
|
decorate_both: true
|
|
});
|
|
//Slider-inter-1
|
|
var $update = $(".js-update-43");
|
|
$("#slider-inter_1").ionRangeSlider({
|
|
type: "single",
|
|
min: 0,
|
|
max: 100,
|
|
from: 50,
|
|
keyboard: true,
|
|
onStart: function(data) {
|
|
console.log("onStart");
|
|
},
|
|
onChange: function(data) {
|
|
console.log("onChange");
|
|
},
|
|
onFinish: function(data) {
|
|
console.log("onFinish");
|
|
},
|
|
onUpdate: function(data) {
|
|
console.log("onUpdate");
|
|
}
|
|
});
|
|
var slider = $("#slider-inter_1").data("ionRangeSlider");
|
|
$update.on("click", function() {
|
|
slider.update({
|
|
from: 10
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var scrollbar = jQuery(".scrollbar");
|
|
if (scrollbar.length > 0) {
|
|
$('.scroll_dark').mCustomScrollbar({
|
|
theme:"minimal-dark",
|
|
setHeight: false,
|
|
mouseWheel: {
|
|
normalizeDelta: true,
|
|
scrollAmount: '200px',
|
|
contentTouchScroll: true,
|
|
deltaFactor: '200px'
|
|
},
|
|
advanced: {
|
|
autoScrollOnFocus: 'a[tabindex]'
|
|
}
|
|
});
|
|
$('.scroll_light').mCustomScrollbar({
|
|
theme:"minimal",
|
|
setHeight: false,
|
|
mouseWheel: {
|
|
normalizeDelta: true,
|
|
scrollAmount: '200px',
|
|
contentTouchScroll: true,
|
|
eltaFactor: '200px'
|
|
},
|
|
advanced: {
|
|
autoScrollOnFocus: 'a[tabindex]'
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var select = jQuery(".select-wrapper");
|
|
if (select.length > 0) {
|
|
$('.js-basic-single').select2();
|
|
$('.js-basic-multiple').select2();
|
|
$(".bs-select-1").val()
|
|
$(".bs-input").tagsinput('items')
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var sidebarNav = jQuery(".sidebar-nav");
|
|
if (sidebarNav.length > 0) {
|
|
$('#sidebarNav').metisMenu();
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var sparkline = jQuery(".sparkline-wrapper");
|
|
if (sparkline.length > 0) {
|
|
function Sparkline() {
|
|
var sparklinedemo1 = jQuery("#sparklinedemo1");
|
|
if (sparklinedemo1.length > 0) {
|
|
$(sparklinedemo1).sparkline([20, 30, 25, 40, 40, 50, 56, 37, 50], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '200',
|
|
lineWidth: 2,
|
|
spotRadius: 0,
|
|
chartRangeMax: 50,
|
|
lineColor: 'rgba(71, 118, 230, 0.5)',
|
|
fillColor: 'rgba(71, 118, 230, 0.3)',
|
|
highlightLineColor: 'rgba(0,0,0,.1)',
|
|
highlightSpotColor: 'rgba(0,0,0,.2)',
|
|
});
|
|
$(sparklinedemo1).sparkline([10, 35, 30, 60, 50, 45, 30, 24, 30], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '200',
|
|
lineWidth: 2,
|
|
spotRadius: 0,
|
|
chartRangeMax: 40,
|
|
lineColor: 'rgba(142, 84, 233, 0.5)',
|
|
fillColor: 'rgba(142, 84, 233, 0.3)',
|
|
composite: true,
|
|
highlightLineColor: 'rgba(0,0,0,.1)',
|
|
highlightSpotColor: 'rgba(0,0,0,.2)',
|
|
});
|
|
}
|
|
var sparklinedemo2 = jQuery("#sparklinedemo2");
|
|
if (sparklinedemo2.length > 0) {
|
|
$(sparklinedemo2).sparkline([20, 30, 25, 40, 40, 50, 56, 37, 50], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '200',
|
|
lineWidth: 2,
|
|
spotRadius: 0,
|
|
chartRangeMax: 50,
|
|
lineColor: 'rgba(71, 118, 230, 1)',
|
|
fillColor: 'transparent',
|
|
highlightLineColor: 'rgba(0,0,0,.1)',
|
|
highlightSpotColor: 'rgba(0,0,0,.2)'
|
|
});
|
|
$(sparklinedemo2).sparkline([10, 35, 30, 60, 50, 45, 30, 24, 30], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '200',
|
|
lineWidth: 2,
|
|
spotRadius: 0,
|
|
chartRangeMax: 40,
|
|
lineColor: 'rgba(142, 84, 233, 1)',
|
|
fillColor: 'transparent',
|
|
composite: true,
|
|
highlightLineColor: 'rgba(0,0,0,1)',
|
|
highlightSpotColor: 'rgba(0,0,0,1)'
|
|
});
|
|
}
|
|
var sparklinedemo3 = jQuery("#sparklinedemo3");
|
|
if (sparklinedemo3.length > 0) {
|
|
$(sparklinedemo3).sparkline([5, 8, 6, 7, 3, 5, 6, 8, 2, 8, 5, 10, 11, 10, 1, 6, 5, 7, 8, 10, 8, 12, 7, 9, 5, 6, 10, 7, 8, 5, 6, 8, 5, 9, 3, 7, 1, 6, 4, 8, 4, 9, 10, 13, 7, 8, 6, 4, 11, 5, 6, 4, 7, 10, 4, 7, 4, 9], {
|
|
type: 'bar',
|
|
height: '200',
|
|
barWidth: '10',
|
|
barSpacing: '3',
|
|
barColor: '#4776E6'
|
|
});
|
|
}
|
|
|
|
//chart widget end
|
|
|
|
var sparklinedemo4 = jQuery("#sparklinedemo4");
|
|
if (sparklinedemo4.length > 0) {
|
|
$(sparklinedemo4).sparkline([5, 8, 6, 7, 3, 5, 6, 8, 4, 8, 5, 10, 11, 10, 5, 6, 5, 7, 8, 10], {
|
|
type: 'line',
|
|
width: '100%',
|
|
height: '200',
|
|
lineColor: 'rgba(142, 84, 233, 0.5)',
|
|
fillColor: 'rgba(142, 84, 233, 0.3)',
|
|
highlightLineColor: 'rgba(0,0,0,.1)',
|
|
highlightSpotColor: 'rgba(0,0,0,.2)'
|
|
});
|
|
$(sparklinedemo4).sparkline([5, 8, 6, 7, 3, 5, 6, 8, 2, 8, 5, 10, 11, 10, 5, 6, 5, 7, 8, 10], {
|
|
type: 'bar',
|
|
height: '200',
|
|
barWidth: '10',
|
|
barSpacing: '5',
|
|
composite: true,
|
|
barColor: '#4776E6'
|
|
});
|
|
}
|
|
var sparklinedemo5 = jQuery("#sparklinedemo5");
|
|
if (sparklinedemo5.length > 0) {
|
|
$(sparklinedemo5).sparkline([40, 30, 20, 10], {
|
|
type: 'pie',
|
|
width: '200',
|
|
height: '165',
|
|
sliceColors: ['#4776E6', '#8E54E9', '#ffbc1d', '#25d09a']
|
|
});
|
|
}
|
|
|
|
};
|
|
|
|
Sparkline();
|
|
|
|
var resize;
|
|
$window.resize(function(e) {
|
|
clearTimeout(resize);
|
|
resize = setTimeout(function() {
|
|
Sparkline();
|
|
|
|
}, 300);
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var summernote = jQuery(".summernote");
|
|
if (summernote.length > 0) {
|
|
$('#summernote').summernote({
|
|
tabsize: 2,
|
|
height: 250
|
|
});
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
$('#sweetalert-01').click(function(e) {
|
|
swal({
|
|
text: 'Any fool can use a computer',
|
|
showCloseButton: false,
|
|
showCancelButton: true,
|
|
})
|
|
});
|
|
|
|
|
|
$('#sweetalert-02').click(function(e) {
|
|
swal(
|
|
'The Internet?',
|
|
'That thing is still around?',
|
|
'question'
|
|
)
|
|
});
|
|
|
|
$('#sweetalert-03').click(function(e) {
|
|
swal({
|
|
type: 'error',
|
|
title: 'Oops...',
|
|
text: 'Something went wrong!',
|
|
footer: '<a href>Why do I have this issue?</a>',
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-04').click(function(e) {
|
|
swal({
|
|
imageUrl: 'assets/img/widget/06.jpg',
|
|
imageHeight: 596,
|
|
imageAlt: 'A tall image'
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-05').click(function(e) {
|
|
swal({
|
|
title: '<i>HTML</i> <u>example</u>',
|
|
type: 'info',
|
|
html: 'You can use <b>bold text</b>, ' +
|
|
'<a href="//github.com">links</a> ' +
|
|
'and other HTML tags',
|
|
showCloseButton: true,
|
|
showCancelButton: true,
|
|
focusConfirm: false,
|
|
confirmButtonText: '<i class="fa fa-thumbs-up"></i> Great!',
|
|
confirmButtonAriaLabel: 'Thumbs up, great!',
|
|
cancelButtonText: '<i class="fa fa-thumbs-down"></i>',
|
|
cancelButtonAriaLabel: 'Thumbs down',
|
|
confirmButtonClass: 'btn btn-success',
|
|
cancelButtonClass: 'btn btn-danger'
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-06').click(function(e) {
|
|
swal({
|
|
position: 'top-end',
|
|
type: 'success',
|
|
title: 'Your work has been saved',
|
|
showConfirmButton: false,
|
|
timer: 1500
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-07').click(function(e) {
|
|
swal({
|
|
title: 'Custom animation with Animate.css',
|
|
animation: false,
|
|
customClass: 'animated tada'
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-08').click(function(e) {
|
|
swal({
|
|
title: 'Are you sure?',
|
|
text: "You won't be able to revert this!",
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonColor: '#3085d6',
|
|
cancelButtonColor: '#d33',
|
|
confirmButtonText: 'Yes, delete it!',
|
|
confirmButtonClass: 'btn btn-success',
|
|
cancelButtonClass: 'btn btn-danger',
|
|
}).then((result) => {
|
|
if (result.value) {
|
|
swal(
|
|
'Deleted!',
|
|
'Your file has been deleted.',
|
|
'success'
|
|
)
|
|
}
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-09').click(function(e) {
|
|
swal({
|
|
title: 'Are you sure?',
|
|
text: "You won't be able to revert this!",
|
|
type: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonColor: '#3085d6',
|
|
cancelButtonColor: '#d33',
|
|
confirmButtonText: 'Yes, delete it!',
|
|
cancelButtonText: 'No, cancel!',
|
|
confirmButtonClass: 'btn btn-success',
|
|
cancelButtonClass: 'btn btn-danger',
|
|
buttonsStyling: true,
|
|
reverseButtons: true
|
|
}).then((result) => {
|
|
if (result.value) {
|
|
swal(
|
|
'Deleted!',
|
|
'Your file has been deleted.',
|
|
'success'
|
|
)
|
|
} else if (
|
|
// Read more about handling dismissals
|
|
result.dismiss === swal.DismissReason.cancel
|
|
) {
|
|
swal(
|
|
'Cancelled',
|
|
'Your imaginary file is safe :)',
|
|
'error'
|
|
)
|
|
}
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-10').click(function(e) {
|
|
swal({
|
|
title: 'Sweet!',
|
|
text: 'Modal with a custom image.',
|
|
imageUrl: 'https://unsplash.it/400/200',
|
|
imageWidth: 400,
|
|
imageHeight: 200,
|
|
imageAlt: 'Custom image',
|
|
animation: false
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-11').click(function(e) {
|
|
swal({
|
|
title: 'Custom width, padding, background.',
|
|
width: 600,
|
|
padding: 100,
|
|
background: '#fff url(../images/trees.png)',
|
|
backdrop: `
|
|
rgba(0,0,123,0.4)
|
|
url("/images/nyan-cat.gif")
|
|
center left
|
|
no-repeat
|
|
`
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-12').click(function(e) {
|
|
swal({
|
|
title: 'Auto close alert!',
|
|
text: 'I will close in 5 seconds.',
|
|
timer: 5000,
|
|
onOpen: () => {
|
|
swal.showLoading()
|
|
}
|
|
}).then((result) => {
|
|
if (
|
|
// Read more about handling dismissals
|
|
result.dismiss === swal.DismissReason.timer
|
|
) {
|
|
console.log('I was closed by the timer')
|
|
}
|
|
})
|
|
});
|
|
|
|
|
|
$('#sweetalert-13').click(function(e) {
|
|
swal({
|
|
title: 'هل تريد الاستمرار؟',
|
|
confirmButtonText: 'نعم',
|
|
cancelButtonText: 'لا',
|
|
showCancelButton: true,
|
|
showCloseButton: true,
|
|
confirmButtonClass: 'btn btn-success',
|
|
cancelButtonClass: 'btn btn-danger',
|
|
target: document.getElementById('rtl-container')
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-14').click(function(e) {
|
|
swal({
|
|
title: 'Submit email to run ajax request',
|
|
input: 'email',
|
|
showCancelButton: true,
|
|
confirmButtonText: 'Submit',
|
|
showLoaderOnConfirm: true,
|
|
preConfirm: (email) => {
|
|
return new Promise((resolve) => {
|
|
setTimeout(() => {
|
|
if (email === 'taken@example.com') {
|
|
swal.showValidationError(
|
|
'This email is already taken.'
|
|
)
|
|
}
|
|
resolve()
|
|
}, 2000)
|
|
})
|
|
},
|
|
allowOutsideClick: () => !swal.isLoading()
|
|
}).then((result) => {
|
|
if (result.value) {
|
|
swal({
|
|
type: 'success',
|
|
title: 'Ajax request finished!',
|
|
html: 'Submitted email: ' + result.value
|
|
})
|
|
}
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-15').click(function(e) {
|
|
swal.setDefaults({
|
|
input: 'text',
|
|
confirmButtonText: 'Next →',
|
|
showCancelButton: true,
|
|
confirmButtonClass: 'btn btn-success',
|
|
cancelButtonClass: 'btn btn-danger',
|
|
progressSteps: ['1', '2', '3']
|
|
})
|
|
|
|
var steps = [{
|
|
title: 'Question 1',
|
|
text: 'Chaining swal2 modals is easy'
|
|
},
|
|
'Question 2',
|
|
'Question 3'
|
|
]
|
|
|
|
swal.queue(steps).then((result) => {
|
|
swal.resetDefaults()
|
|
|
|
if (result.value) {
|
|
swal({
|
|
title: 'All done!',
|
|
html: 'Your answers: <pre>' +
|
|
JSON.stringify(result.value) +
|
|
'</pre>',
|
|
confirmButtonText: 'Lovely!'
|
|
})
|
|
}
|
|
})
|
|
});
|
|
|
|
$('#sweetalert-16').click(function(e) {
|
|
const ipAPI = 'https://api.ipify.org?format=json'
|
|
swal.queue([{
|
|
title: 'Your public IP',
|
|
confirmButtonText: 'Show my public IP',
|
|
text: 'Your public IP will be received ' +
|
|
'via AJAX request',
|
|
showLoaderOnConfirm: true,
|
|
preConfirm: () => {
|
|
return fetch(ipAPI)
|
|
.then(response => response.json())
|
|
.then(data => swal.insertQueueStep(data.ip))
|
|
.catch(() => {
|
|
swal.insertQueueStep({
|
|
type: 'error',
|
|
title: 'Unable to get your public IP'
|
|
})
|
|
})
|
|
}
|
|
}])
|
|
});
|
|
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
$("#checkAll").click(function () {
|
|
$('input:checkbox').not(this).prop('checked', this.checked);
|
|
});
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
$(function () {
|
|
var i = -1;
|
|
var toastCount = 0;
|
|
var $toastlast;
|
|
|
|
var getMessage = function () {
|
|
var msgs = ['My name is Inigo Montoya. You killed my father. Prepare to die!',
|
|
'<div><input class="input-small" value="textbox"/> <a href="http://johnpapa.net" target="_blank">This is a hyperlink</a></div><div><button type="button" id="okBtn" class="btn btn-primary">Close me</button><button type="button" id="surpriseBtn" class="btn" style="margin: 0 8px 0 8px">Surprise me</button></div>',
|
|
'Are you the six fingered man?',
|
|
'Inconceivable!',
|
|
'I do not think that means what you think it means.',
|
|
'Have fun storming the castle!'
|
|
];
|
|
i++;
|
|
if (i === msgs.length) {
|
|
i = 0;
|
|
}
|
|
|
|
return msgs[i];
|
|
};
|
|
|
|
var getMessageWithClearButton = function (msg) {
|
|
msg = msg ? msg : 'Clear itself?';
|
|
msg += '<br /><br /><button type="button" class="btn clear">Yes</button>';
|
|
return msg;
|
|
};
|
|
|
|
$('#closeButton').on("click", function () {
|
|
if($(this).is(':checked')) {
|
|
$('#addBehaviorOnToastCloseClick').prop('disabled', false);
|
|
} else {
|
|
$('#addBehaviorOnToastCloseClick').prop('disabled', true);
|
|
$('#addBehaviorOnToastCloseClick').prop('checked', false);
|
|
}
|
|
});
|
|
|
|
$('#showtoast').on("click", function () {
|
|
var shortCutFunction = $("#toastTypeGroup input:radio:checked").val();
|
|
var msg = $('#message').val();
|
|
var title = $('#title').val() || '';
|
|
var $showDuration = $('#showDuration');
|
|
var $hideDuration = $('#hideDuration');
|
|
var $timeOut = $('#timeOut');
|
|
var $extendedTimeOut = $('#extendedTimeOut');
|
|
var $showEasing = $('#showEasing');
|
|
var $hideEasing = $('#hideEasing');
|
|
var $showMethod = $('#showMethod');
|
|
var $hideMethod = $('#hideMethod');
|
|
var toastIndex = toastCount++;
|
|
var addClear = $('#addClear').prop('checked');
|
|
|
|
toastr.options = {
|
|
closeButton: $('#closeButton').prop('checked'),
|
|
debug: $('#debugInfo').prop('checked'),
|
|
newestOnTop: $('#newestOnTop').prop('checked'),
|
|
progressBar: $('#progressBar').prop('checked'),
|
|
rtl: $('#rtl').prop('checked'),
|
|
positionClass: $('#positionGroup input:radio:checked').val() || 'toast-top-right',
|
|
preventDuplicates: $('#preventDuplicates').prop('checked'),
|
|
onclick: null
|
|
};
|
|
|
|
if ($('#addBehaviorOnToastClick').prop('checked')) {
|
|
toastr.options.onclick = function () {
|
|
alert('You can perform some custom action after a toast goes away');
|
|
};
|
|
}
|
|
|
|
if ($('#addBehaviorOnToastCloseClick').prop('checked')) {
|
|
toastr.options.onCloseClick = function () {
|
|
alert('You can perform some custom action when the close button is clicked');
|
|
};
|
|
}
|
|
|
|
if ($showDuration.val().length) {
|
|
toastr.options.showDuration = parseInt($showDuration.val());
|
|
}
|
|
|
|
if ($hideDuration.val().length) {
|
|
toastr.options.hideDuration = parseInt($hideDuration.val());
|
|
}
|
|
|
|
if ($timeOut.val().length) {
|
|
toastr.options.timeOut = addClear ? 0 : parseInt($timeOut.val());
|
|
}
|
|
|
|
if ($extendedTimeOut.val().length) {
|
|
toastr.options.extendedTimeOut = addClear ? 0 : parseInt($extendedTimeOut.val());
|
|
}
|
|
|
|
if ($showEasing.val().length) {
|
|
toastr.options.showEasing = $showEasing.val();
|
|
}
|
|
|
|
if ($hideEasing.val().length) {
|
|
toastr.options.hideEasing = $hideEasing.val();
|
|
}
|
|
|
|
if ($showMethod.val().length) {
|
|
toastr.options.showMethod = $showMethod.val();
|
|
}
|
|
|
|
if ($hideMethod.val().length) {
|
|
toastr.options.hideMethod = $hideMethod.val();
|
|
}
|
|
|
|
if (addClear) {
|
|
msg = getMessageWithClearButton(msg);
|
|
toastr.options.tapToDismiss = false;
|
|
}
|
|
if (!msg) {
|
|
msg = getMessage();
|
|
}
|
|
|
|
$('#toastrOptions').text('Command: toastr["'
|
|
+ shortCutFunction
|
|
+ '"]("'
|
|
+ msg
|
|
+ (title ? '", "' + title : '')
|
|
+ '")\n\ntoastr.options = '
|
|
+ JSON.stringify(toastr.options, null, 2)
|
|
);
|
|
|
|
var $toast = toastr[shortCutFunction](msg, title); // Wire up an event handler to a button in the toast, if it exists
|
|
$toastlast = $toast;
|
|
|
|
if(typeof $toast === 'undefined'){
|
|
return;
|
|
}
|
|
|
|
if ($toast.find('#okBtn').length) {
|
|
$toast.delegate('#okBtn', 'click', function () {
|
|
alert('you clicked me. i was toast #' + toastIndex + '. goodbye!');
|
|
$toast.remove();
|
|
});
|
|
}
|
|
if ($toast.find('#surpriseBtn').length) {
|
|
$toast.delegate('#surpriseBtn', 'click', function () {
|
|
alert('Surprise! you clicked me. i was toast #' + toastIndex + '. You could perform an action here.');
|
|
});
|
|
}
|
|
if ($toast.find('.clear').length) {
|
|
$toast.delegate('.clear', 'click', function () {
|
|
toastr.clear($toast, { force: true });
|
|
});
|
|
}
|
|
});
|
|
|
|
function getLastToast(){
|
|
return $toastlast;
|
|
}
|
|
$('#clearlasttoast').on("click", function () {
|
|
toastr.clear(getLastToast());
|
|
});
|
|
$('#cleartoasts').on("click", function () {
|
|
toastr.clear();
|
|
});
|
|
})
|
|
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
var tootlTips = jQuery(".tooltip-wrapper");
|
|
if (tootlTips.length > 0) {
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
}
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
$.validator.setDefaults({
|
|
submitHandler: function() {
|
|
alert("submitted!");
|
|
}
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
$("#signupForm").validate({
|
|
rules: {
|
|
fname: "required",
|
|
lname: "required",
|
|
uname: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
upassword: {
|
|
required: true,
|
|
minlength: 5
|
|
},
|
|
uconfirm_password: {
|
|
required: true,
|
|
minlength: 5,
|
|
equalTo: "#password"
|
|
},
|
|
uemail: {
|
|
required: true,
|
|
email: true
|
|
},
|
|
uagree: "required"
|
|
},
|
|
messages: {
|
|
fname: "Please enter your firstname",
|
|
lname: "Please enter your lastname",
|
|
uname: {
|
|
required: "Please enter a username",
|
|
minlength: "Your username must consist of at least 2 characters"
|
|
},
|
|
upassword: {
|
|
required: "Please provide a password",
|
|
minlength: "Your password must be at least 5 characters long"
|
|
},
|
|
uconfirm_password: {
|
|
required: "Please provide a password",
|
|
minlength: "Your password must be at least 5 characters long",
|
|
equalTo: "Please enter the same password as above"
|
|
},
|
|
uemail: "Please enter a valid email address",
|
|
uagree: "Please accept our policy"
|
|
},
|
|
errorElement: "em",
|
|
errorPlacement: function(error, element) {
|
|
// Add the `help-block` class to the error element
|
|
error.addClass("help-block");
|
|
|
|
if (element.prop("type") === "checkbox") {
|
|
error.insertAfter(element.parent("label"));
|
|
} else {
|
|
error.insertAfter(element);
|
|
}
|
|
},
|
|
highlight: function(element, errorClass, validClass) {
|
|
$(element).parents(".col-sm-5").addClass("has-error").removeClass("has-success");
|
|
},
|
|
unhighlight: function(element, errorClass, validClass) {
|
|
$(element).parents(".col-sm-5").addClass("has-success").removeClass("has-error");
|
|
}
|
|
});
|
|
|
|
$("#signupForm1").validate({
|
|
rules: {
|
|
firstname1: "required",
|
|
lastname1: "required",
|
|
username1: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
password1: {
|
|
required: true,
|
|
minlength: 5
|
|
},
|
|
confirm_password1: {
|
|
required: true,
|
|
minlength: 5,
|
|
equalTo: "#password1"
|
|
},
|
|
email1: {
|
|
required: true,
|
|
email: true
|
|
},
|
|
agree1: "required"
|
|
},
|
|
messages: {
|
|
firstname1: "Please enter your firstname",
|
|
lastname1: "Please enter your lastname",
|
|
username1: {
|
|
required: "Please enter a username",
|
|
minlength: "Your username must consist of at least 2 characters"
|
|
},
|
|
password1: {
|
|
required: "Please provide a password",
|
|
minlength: "Your password must be at least 5 characters long"
|
|
},
|
|
confirm_password1: {
|
|
required: "Please provide a password",
|
|
minlength: "Your password must be at least 5 characters long",
|
|
equalTo: "Please enter the same password as above"
|
|
},
|
|
email1: "Please enter a valid email address",
|
|
agree1: "Please accept our policy"
|
|
},
|
|
errorElement: "em",
|
|
errorPlacement: function(error, element) {
|
|
// Add the `help-block` class to the error element
|
|
error.addClass("help-block");
|
|
|
|
// Add `has-feedback` class to the parent div.form-group
|
|
// in order to add icons to inputs
|
|
element.parents(".col-sm-5").addClass("has-feedback");
|
|
|
|
if (element.prop("type") === "checkbox") {
|
|
error.insertAfter(element.parent("label"));
|
|
} else {
|
|
error.insertAfter(element);
|
|
}
|
|
|
|
// Add the span element, if doesn't exists, and apply the icon classes to it.
|
|
if (!element.next("span")[0]) {
|
|
$("<span class='fa fa-times form-control-feedback pr-2'></span>").insertAfter(element);
|
|
}
|
|
},
|
|
|
|
highlight: function(element, errorClass, validClass) {
|
|
$(element).parents(".col-sm-5").addClass("has-error").removeClass("has-success");
|
|
$(element).next("span").addClass("fa fa-times").removeClass("fa fa-check");
|
|
},
|
|
unhighlight: function(element, errorClass, validClass) {
|
|
$(element).parents(".col-sm-5").addClass("has-success").removeClass("has-error");
|
|
($(element)).next("span").addClass("fa fa-check").removeClass("fa fa-times");
|
|
}
|
|
});
|
|
|
|
$("#signupForm3").validate({
|
|
rules: {
|
|
firstname: "required",
|
|
lastname: "required",
|
|
username: {
|
|
required: true,
|
|
minlength: 2
|
|
},
|
|
password: {
|
|
required: true,
|
|
minlength: 5
|
|
},
|
|
confirm_password: {
|
|
required: true,
|
|
minlength: 5,
|
|
equalTo: "#password"
|
|
},
|
|
email: {
|
|
required: true,
|
|
email: true
|
|
},
|
|
agree: "required"
|
|
},
|
|
messages: {
|
|
firstname: "Please enter your firstname",
|
|
lastname: "Please enter your lastname",
|
|
username: {
|
|
required: "Please enter a username",
|
|
minlength: "Your username must consist of at least 2 characters"
|
|
},
|
|
password: {
|
|
required: "Please provide a password",
|
|
minlength: "Your password must be at least 5 characters long"
|
|
},
|
|
confirm_password: {
|
|
required: "Please provide a password",
|
|
minlength: "Your password must be at least 5 characters long",
|
|
equalTo: "Please enter the same password as above"
|
|
},
|
|
email: "Please enter a valid email address",
|
|
agree: "Please accept our policy"
|
|
},
|
|
errorPlacement: function(error, element) {
|
|
error.addClass("ui red pointing label transition");
|
|
error.insertAfter(element.parent());
|
|
},
|
|
highlight: function(element, errorClass, validClass) {
|
|
$(element).parents(".row").addClass(errorClass);
|
|
},
|
|
unhighlight: function(element, errorClass, validClass) {
|
|
$(element).parents(".row").removeClass(errorClass);
|
|
}
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
})(window, document, window.jQuery);
|
|
(function(window, document, $, undefined){
|
|
|
|
$(function(){
|
|
window.addEventListener('load', function() {
|
|
// Fetch all the forms we want to apply custom Bootstrap validation styles to
|
|
var forms = document.getElementsByClassName('needs-validation');
|
|
// Loop over them and prevent submission
|
|
var validation = Array.prototype.filter.call(forms, function(form) {
|
|
form.addEventListener('submit', function(event) {
|
|
if (form.checkValidity() === false) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
}
|
|
form.classList.add('was-validated');
|
|
}, false);
|
|
});
|
|
}, false);
|
|
|
|
getSelectorFromElement: function getSelectorFromElement(element) {
|
|
var selector = element.getAttribute('data-target');
|
|
|
|
if (!selector || selector === '#') {
|
|
selector = element.getAttribute('href') || '';
|
|
}
|
|
|
|
try {
|
|
return document.querySelector(selector) ? selector : null;
|
|
} catch (err) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
$('.mobile-toggle').on('click', function() {
|
|
$('body').toggleClass('sidebar-toggled');
|
|
});
|
|
|
|
$(document).on('click', '.mega-menu.dropdown-menu', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
$('.sidebar-toggle').on('click', function() {
|
|
$('body').toggleClass('sidebar-mini');
|
|
$('.app-navbar').toggleClass('expand');
|
|
});
|
|
|
|
$('.app-navbar').hover(function() {
|
|
if($('body').hasClass('sidebar-mini')) {
|
|
$('.navbar-header').toggleClass('expand');
|
|
}
|
|
});
|
|
|
|
$('.search').on('click', function() {
|
|
$('.search-wrapper').fadeIn(200);
|
|
});
|
|
|
|
//Search Box Close
|
|
$('.close-btn').on('click', function() {
|
|
$('.search-wrapper').fadeOut(200);
|
|
});
|
|
});
|
|
})(window, document, window.jQuery); |