(function ($) {
"use strict"; // Start of use strict
//amchart
var chart = AmCharts.makeChart("combined-bullet", {
"type": "serial",
"theme": "dark",
"dataDateFormat": "YYYY-MM-DD",
"precision": 2,
"color": "#FFFFFF",
"valueAxes": [{
"id": "v1",
"title": "Sales",
"position": "left",
"autoGridCount": false,
"labelFunction": function (value) {
return "$" + Math.round(value) + "M";
}
}, {
"id": "v2",
"title": "Market Days",
"gridAlpha": 0,
"position": "right",
"autoGridCount": false
}],
"graphs": [{
"id": "g3",
"valueAxis": "v1",
"lineColor": "#e1ede9",
"fillColors": "#e1ede9",
"fillAlphas": 1,
"type": "column",
"title": "Actual Sales",
"valueField": "sales2",
"clustered": false,
"columnWidth": 0.5,
"legendValueText": "$[[value]]M",
"balloonText": "[[title]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
}, {
"id": "g4",
"valueAxis": "v1",
"lineColor": "#03A9F5",
"fillColors": "#03A9F5",
"fillAlphas": 1,
"type": "column",
"title": "Target Sales",
"valueField": "sales1",
"clustered": false,
"columnWidth": 0.3,
"legendValueText": "$[[value]]M",
"balloonText": "[[title]]<br /><b style='font-size: 130%'>$[[value]]M</b>"
}, {
"id": "g1",
"valueAxis": "v2",
"bullet": "round",
"bulletBorderAlpha": 1,
"bulletColor": "#FFFFFF",
"bulletSize": 5,
"hideBulletsCount": 50,
"lineThickness": 2,
"lineColor": "#0000FF",
"type": "smoothedLine",
"title": "Market Days",
"useLineColorForBulletBorder": true,
"valueField": "market1",
"balloonText": "[[title]]<br /><b style='font-size: 130%'>[[value]]</b>"
}, {
"id": "g2",
"valueAxis": "v2",
"bullet": "round",
"bulletBorderAlpha": 1,
"bulletColor": "#FFFFFF",
"bulletSize": 5,
"hideBulletsCount": 50,
"lineThickness": 2,
"lineColor": "#F44336",
"type": "smoothedLine",
"dashLength": 5,
"title": "Market Days ALL",
"useLineColorForBulletBorder": true,
"valueField": "market2",
"balloonText": "[[title]]<br /><b style='font-size: 130%'>[[value]]</b>"
}],
"chartScrollbar": {
"graph": "g1",
"oppositeAxis": false,
"offset": 30,
"scrollbarHeight": 50,
"backgroundAlpha": 0,
"selectedBackgroundAlpha": 0.9,
"selectedBackgroundColor": "#ffffff",
"graphFillAlpha": 0,
"graphLineAlpha": 0.5,
"selectedGraphFillAlpha": 0,
"selectedGraphLineAlpha": 1,
"autoGridCount": true,
"color": "#AAAAAA"
},
"chartCursor": {
"pan": true,
"valueLineEnabled": true,
"valueLineBalloonEnabled": true,
"cursorAlpha": 0,
"valueLineAlpha": 0.2
},
"categoryField": "date",
"categoryAxis": {
"parseDates": true,
"dashLength": 1,
"minorGridEnabled": true
},
"legend": {
"useGraphSettings": true,
"color": "#FFFFFF",
"position": "top"
},
"balloon": {
"borderThickness": 1,
"shadowAlpha": 0
},
"export": {
"enabled": true
},
"dataProvider": [{
"date": "2013-01-16",
"market1": 71,
"market2": 75,
"sales1": 5,
"sales2": 8
}, {
"date": "2013-01-17",
"market1": 74,
"market2": 78,
"sales1": 4,
"sales2": 6
}, {
"date": "2013-01-18",
"market1": 78,
"market2": 88,
"sales1": 5,
"sales2": 2
}, {
"date": "2013-01-19",
"market1": 80,
"market2": 89,
"sales1": 8,
"sales2": 9
}, {
"date": "2013-01-20",
"market1": 82,
"market2": 90,
"sales1": 9,
"sales2": 6
}, {
"date": "2013-01-21",
"market1": 83,
"market2": 91,
"sales1": 3,
"sales2": 5
}, {
"date": "2013-01-22",
"market1": 88,
"market2": 92,
"sales1": 5,
"sales2": 7
}, {
"date": "2013-01-23",
"market1": 90,
"market2": 93,
"sales1": 7,
"sales2": 6
}, {
"date": "2013-01-24",
"market1": 85,
"market2": 95,
"sales1": 9,
"sales2": 5
}, {
"date": "2013-01-25",
"market1": 80,
"market2": 86,
"sales1": 5,
"sales2": 8
}, {
"date": "2013-01-26",
"market1": 87,
"market2": 97,
"sales1": 4,
"sales2": 8
}, {
"date": "2013-01-27",
"market1": 84,
"market2": 98,
"sales1": 3,
"sales2": 4
}, {
"date": "2013-01-28",
"market1": 83,
"market2": 99,
"sales1": 5,
"sales2": 7
}, {
"date": "2013-01-29",
"market1": 84,
"market2": 101,
"sales1": 5,
"sales2": 8
}, {
"date": "2013-01-30",
"market1": 81,
"market2": 105,
"sales1": 4,
"sales2": 7
}]
});
var chartData = [{
"date": "2017-01-01",
"distance": 250,
"townName": "New York",
"townName2": "New York",
"townSize": 25,
"latitude": 40.71,
"duration": 408
}, {
"date": "2017-01-02",
"distance": 371,
"townName": "Washington",
"townSize": 14,
"latitude": 38.89,
"duration": 482
}, {
"date": "2017-01-03",
"distance": 433,
"townName": "Wilmington",
"townSize": 6,
"latitude": 34.22,
"duration": 562
}, {
"date": "2017-01-04",
"distance": 345,
"townName": "Jacksonville",
"townSize": 7,
"latitude": 30.35,
"duration": 379
}, {
"date": "2017-01-05",
"distance": 480,
"townName": "Miami",
"townName2": "Miami",
"townSize": 10,
"latitude": 25.83,
"duration": 501
}, {
"date": "2017-01-06",
"distance": 386,
"townName": "Tallahassee",
"townSize": 7,
"latitude": 30.46,
"duration": 443
}, {
"date": "2017-01-07",
"distance": 348,
"townName": "New Orleans",
"townSize": 10,
"latitude": 29.94,
"duration": 405
}, {
"date": "2017-01-08",
"distance": 238,
"townName": "Houston",
"townName2": "Houston",
"townSize": 16,
"latitude": 29.76,
"duration": 309
}, {
"date": "2017-01-09",
"distance": 218,
"townName": "Dalas",
"townSize": 17,
"latitude": 32.8,
"duration": 287
}, {
"date": "2017-01-10",
"distance": 349,
"townName": "Oklahoma City",
"townSize": 11,
"latitude": 35.49,
"duration": 485
}, {
"date": "2017-01-11",
"distance": 603,
"townName": "Kansas City",
"townSize": 10,
"latitude": 39.1,
"duration": 890
}, {
"date": "2017-01-12",
"distance": 534,
"townName": "Denver",
"townName2": "Denver",
"townSize": 18,
"latitude": 39.74,
"duration": 810
}, {
"date": "2017-01-13",
"townName": "Salt Lake City",
"townSize": 12,
"distance": 425,
"duration": 670,
"latitude": 40.75,
"alpha": 0.4
}, {
"date": "2017-01-14",
"latitude": 36.1,
"duration": 470,
"townName": "Las Vegas",
"townName2": "Las Vegas",
"bulletClass": "lastBullet"
}, {
"date": "2017-01-15",
"townName": "Salt Lake City",
"townSize": 12,
"distance": 425,
"duration": 670,
"latitude": 40.75,
"alpha": 0.4
}, {
"date": "2017-01-16",
"townName": "Salt Lake City",
"townSize": 12,
"distance": 425,
"duration": 670,
"latitude": 40.75,
"alpha": 0.4
}];
var chart = AmCharts.makeChart("duration-value-axis", {
"type": "serial",
"theme": "dark",
"dataDateFormat": "YYYY-MM-DD",
"dataProvider": chartData,
"addClassNames": true,
"startDuration": 1,
"color": "#2E3442",
"marginLeft": 0,
"categoryField": "date",
"categoryAxis": {
"parseDates": true,
"minPeriod": "DD",
"autoGridCount": false,
"gridCount": 50,
"gridAlpha": 0.1,
"gridColor": "#FFFFFF",
"axisColor": "#ddd",
"dateFormats": [{
"period": 'DD',
"format": 'DD'
}, {
"period": 'WW',
"format": 'MMM DD'
}, {
"period": 'MM',
"format": 'MMM'
}, {
"period": 'YYYY',
"format": 'YYYY'
}]
},
"valueAxes": [{
"id": "a1",
"title": "distance",
"gridAlpha": 0,
"axisAlpha": 0
}, {
"id": "a2",
"position": "right",
"gridAlpha": 0,
"axisAlpha": 0,
"labelsEnabled": false
}, {
"id": "a3",
"title": "duration",
"position": "right",
"gridAlpha": 1,
"axisAlpha": 0,
"inside": true,
"duration": "mm",
"durationUnits": {
"DD": "d. ",
"hh": "h ",
"mm": "min",
"ss": ""
},
"gridColor": "#ddd"
}],
"graphs": [{
"id": "g1",
"valueField": "distance",
"title": "distance",
"type": "column",
"fillAlphas": 0.9,
"valueAxis": "a1",
"balloonText": "[[value]] miles",
"legendValueText": "[[value]] mi",
"legendPeriodValueText": "total: [[value.sum]] mi",
"lineColor": "#3AA6B4",
"alphaField": "alpha"
}, {
"id": "g3",
"title": "duration",
"valueField": "duration",
"type": "line",
"valueAxis": "a3",
"lineColor": "#FF852A",
"balloonText": "[[value]]",
"lineThickness": 3,
"legendValueText": "[[value]]",
"bullet": "circle",
"bulletBorderColor": "#FF852A",
"bulletBorderThickness": 2,
// "bulletBorderAlpha": 1,
"dashLengthField": "dashLength",
"animationPlayed": true
}],
"chartCursor": {
"zoomable": false,
"categoryBalloonDateFormat": "DD",
"cursorAlpha": 0,
"valueBalloonsEnabled": false
},
"legend": {
"bulletType": "round",
"equalWidths": false,
"valueWidth": 120,
"useGraphSettings": true,
"color": "#FFFFFF"
}
});
var chart = AmCharts.makeChart("revenue-chart", {
"type": "serial",
"theme": "dark",
"dataDateFormat": "YYYY-MM-DD",
"dataProvider": chartData,
"addClassNames": true,
"startDuration": 1,
"color": "#FFFFFF",
"marginLeft": 0,
"categoryField": "date",
"categoryAxis": {
"parseDates": true,
"minPeriod": "DD",
"autoGridCount": false,
"gridCount": 50,
"gridAlpha": 0.1,
// "gridColor": "#FFFFFF",
"axisColor": "#555555",
"dateFormats": [{
"period": 'DD',
"format": 'DD'
}, {
"period": 'WW',
"format": 'MMM DD'
}, {
"period": 'MM',
"format": 'MMM'
}, {
"period": 'YYYY',
"format": 'YYYY'
}]
},
"valueAxes": [{
"id": "a1",
"title": "distance",
"gridAlpha": 0,
"axisAlpha": 0
}, {
"id": "a2",
"position": "right",
"gridAlpha": 0,
"axisAlpha": 0,
"labelsEnabled": false
}, {
"id": "a3",
"title": "duration",
"position": "right",
"gridAlpha": 0,
"axisAlpha": 0,
"inside": true,
"duration": "mm",
"durationUnits": {
"DD": "d. ",
"hh": "h ",
"mm": "min",
"ss": ""
}
}],
"graphs": [{
"id": "g1",
"valueField": "distance",
"title": "distance",
"type": "column",
"fillAlphas": 0.9,
"valueAxis": "a1",
"balloonText": "[[value]] miles",
"legendValueText": "[[value]] mi",
"legendPeriodValueText": "total: [[value.sum]] mi",
"lineColor": "#73629B",
"alphaField": "alpha"
}, {
"id": "g2",
"valueField": "latitude",
"classNameField": "bulletClass",
"title": "latitude/city",
"type": "line",
"valueAxis": "a2",
"lineColor": "#03A9F5",
"lineThickness": 1,
"legendValueText": "[[value]]/[[description]]",
"descriptionField": "townName",
"bullet": "round",
"bulletSizeField": "townSize",
"bulletBorderColor": "#0000FF",
"bulletBorderAlpha": 1,
"bulletBorderThickness": 2,
"bulletColor": "#00A2FF",
"labelText": "[[townName2]]",
"labelPosition": "right",
"balloonText": "latitude:[[value]]",
"showBalloon": true,
"animationPlayed": true
}, {
"id": "g3",
"title": "duration",
"valueField": "duration",
"type": "line",
"valueAxis": "a3",
"lineColor": "#F44336",
"balloonText": "[[value]]",
"lineThickness": 1,
"legendValueText": "[[value]]",
"bullet": "square",
"bulletBorderColor": "#F44336",
"bulletBorderThickness": 1,
"bulletBorderAlpha": 1,
"dashLengthField": "dashLength",
"animationPlayed": true
}],
"chartCursor": {
"zoomable": false,
"categoryBalloonDateFormat": "DD",
"cursorAlpha": 0,
"valueBalloonsEnabled": false
},
"legend": {
"bulletType": "round",
"equalWidths": false,
"valueWidth": 120,
"useGraphSettings": true,
"color": "#FFFFFF"
}
});
/**
* SVG path for target icon
*/
var targetSVG = "M9,0C4.029,0,0,4.029,0,9s4.029,9,9,9s9-4.029,9-9S13.971,0,9,0z M9,15.93 c-3.83,0-6.93-3.1-6.93-6.93S5.17,2.07,9,2.07s6.93,3.1,6.93,6.93S12.83,15.93,9,15.93 M12.5,9c0,1.933-1.567,3.5-3.5,3.5S5.5,10.933,5.5,9S7.067,5.5,9,5.5 S12.5,7.067,12.5,9z";
/**
* SVG path for plane icon
*/
var planeSVG = "m2,106h28l24,30h72l-44,-133h35l80,132h98c21,0 21,34 0,34l-98,0 -80,134h-35l43,-133h-71l-24,30h-28l15,-47";
/**
* Create the map
*/
var map = AmCharts.makeChart("chartMap", {
"type": "map",
"theme": "light",
"projection": "winkel3",
"dataProvider": {
"map": "worldLow",
"lines": [{
"id": "line1",
"arc": -0.85,
"alpha": 0.3,
"latitudes": [23.684994, 48.8567, 43.8163, 34.3, 23, 61.524010, 20.593684, 33.223191],
"longitudes": [90.356331, 2.3510, -79.4287, -118.15, -82, 105.318756, 78.962880, 43.679291]
}, {
"id": "line2",
"alpha": 0,
"color": "#F44336",
"latitudes": [23.684994, 48.8567, 43.8163, 34.3, 23, 61.524010, 20.593684, 33.223191],
"longitudes": [90.356331, 2.3510, -79.4287, -118.15, -82, 105.318756, 78.962880, 43.679291]
}],
"images": [{
"svgPath": targetSVG,
"title": "Bangladesh",
"latitude": 23.684994,
"longitude": 90.356331
}, {
"svgPath": targetSVG,
"title": "Paris",
"latitude": 48.8567,
"longitude": 2.3510
}, {
"svgPath": targetSVG,
"title": "Toronto",
"latitude": 43.8163,
"longitude": -79.4287
}, {
"svgPath": targetSVG,
"title": "Los Angeles",
"latitude": 34.3,
"longitude": -118.15
}, {
"svgPath": targetSVG,
"title": "Havana",
"latitude": 23,
"longitude": -82
}, {}, {
"svgPath": targetSVG,
"title": "Russia",
"latitude": 61.524010,
"longitude": 105.318756
}, {}, {
"svgPath": targetSVG,
"title": "India",
"latitude": 20.593684,
"longitude": 78.962880
}, {}, {
"svgPath": targetSVG,
"title": "Iraq",
"latitude": 33.223191,
"longitude": 43.679291
}, {
"svgPath": planeSVG,
"positionOnLine": 0,
"color": "#0000FF",
"alpha": 0.1,
"animateAlongLine": true,
"lineId": "line2",
"flipDirection": true,
"loop": true,
"scale": 0.03,
"positionScale": 1.3
}, {
"svgPath": planeSVG,
"positionOnLine": 0,
"color": "#0000FF",
"animateAlongLine": true,
"lineId": "line1",
"flipDirection": true,
"loop": true,
"scale": 0.03,
"positionScale": 1.8
}]
},
"areasSettings": {
"unlistedAreasColor": "#00A2FF"
},
"imagesSettings": {
"color": "#E5343D",
"rollOverColor": "#E5343D",
"selectedColor": "#E5343D",
"pauseDuration": 0.2,
"animationDuration": 4,
"adjustAnimationSpeed": true
},
"linesSettings": {
"color": "#E5343D",
"alpha": 0.4
},
"export": {
"enabled": true
}
});
})(jQuery); |