123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352 |
- $(function () {
- 'use strict'
-
-
-
-
-
- var salesChartCanvas = $('#salesChart').get(0).getContext('2d')
-
- var salesChart = new Chart(salesChartCanvas)
- var salesChartData = {
- labels : ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
- datasets: [
- {
- label : 'Electronics',
- fillColor : '#dee2e6',
- strokeColor : '#ced4da',
- pointColor : '#ced4da',
- pointStrokeColor : '#c1c7d1',
- pointHighlightFill : '#fff',
- pointHighlightStroke: 'rgb(220,220,220)',
- data : [65, 59, 80, 81, 56, 55, 40]
- },
- {
- label : 'Digital Goods',
- fillColor : 'rgba(0, 123, 255, 0.9)',
- strokeColor : 'rgba(0, 123, 255, 1)',
- pointColor : '#3b8bba',
- pointStrokeColor : 'rgba(0, 123, 255, 1)',
- pointHighlightFill : '#fff',
- pointHighlightStroke: 'rgba(0, 123, 255, 1)',
- data : [28, 48, 40, 19, 86, 27, 90]
- }
- ]
- }
- var salesChartOptions = {
-
- showScale : true,
-
- scaleShowGridLines : false,
-
- scaleGridLineColor : 'rgba(0,0,0,.05)',
-
- scaleGridLineWidth : 1,
-
- scaleShowHorizontalLines: true,
-
- scaleShowVerticalLines : true,
-
- bezierCurve : true,
-
- bezierCurveTension : 0.3,
-
- pointDot : false,
-
- pointDotRadius : 4,
-
- pointDotStrokeWidth : 1,
-
- pointHitDetectionRadius : 20,
-
- datasetStroke : true,
-
- datasetStrokeWidth : 2,
-
- datasetFill : true,
-
- legendTemplate : '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<datasets.length; i++){%><li><span style="background-color:<%=datasets[i].lineColor%>"></span><%=datasets[i].label%></li><%}%></ul>',
-
- maintainAspectRatio : false,
-
- responsive : true
- }
-
- salesChart.Line(salesChartData, salesChartOptions)
-
-
-
-
-
-
-
- var pieChartCanvas = $('#pieChart').get(0).getContext('2d')
- var pieChart = new Chart(pieChartCanvas)
- var PieData = [
- {
- value : 700,
- color : '#dc3545',
- highlight: '#dc3545',
- label : 'Chrome'
- },
- {
- value : 500,
- color : '#28a745',
- highlight: '#28a745',
- label : 'IE'
- },
- {
- value : 400,
- color : '#ffc107',
- highlight: '#ffc107',
- label : 'FireFox'
- },
- {
- value : 600,
- color : '#17a2b8',
- highlight: '#17a2b8',
- label : 'Safari'
- },
- {
- value : 300,
- color : '#007bff',
- highlight: '#007bff',
- label : 'Opera'
- },
- {
- value : 100,
- color : '#6c757d',
- highlight: '#6c757d',
- label : 'Navigator'
- }
- ]
- var pieOptions = {
-
- segmentShowStroke : true,
-
- segmentStrokeColor : '#fff',
-
- segmentStrokeWidth : 1,
-
- percentageInnerCutout: 50,
-
- animationSteps : 100,
-
- animationEasing : 'easeOutBounce',
-
- animateRotate : true,
-
- animateScale : false,
-
- responsive : true,
-
- maintainAspectRatio : false,
-
- legendTemplate : '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li><span style="background-color:<%=segments[i].fillColor%>"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>',
-
- tooltipTemplate : '<%=value %> <%=label%> users'
- }
-
-
- pieChart.Doughnut(PieData, pieOptions)
-
-
-
-
- $('#world-map-markers').vectorMap({
- map : 'world_mill_en',
- normalizeFunction: 'polynomial',
- hoverOpacity : 0.7,
- hoverColor : false,
- backgroundColor : 'transparent',
- regionStyle : {
- initial : {
- fill : 'rgba(210, 214, 222, 1)',
- 'fill-opacity' : 1,
- stroke : 'none',
- 'stroke-width' : 0,
- 'stroke-opacity': 1
- },
- hover : {
- 'fill-opacity': 0.7,
- cursor : 'pointer'
- },
- selected : {
- fill: 'yellow'
- },
- selectedHover: {}
- },
- markerStyle : {
- initial: {
- fill : '#00a65a',
- stroke: '#111'
- }
- },
- markers : [
- {
- latLng: [41.90, 12.45],
- name : 'Vatican City'
- },
- {
- latLng: [43.73, 7.41],
- name : 'Monaco'
- },
- {
- latLng: [-0.52, 166.93],
- name : 'Nauru'
- },
- {
- latLng: [-8.51, 179.21],
- name : 'Tuvalu'
- },
- {
- latLng: [43.93, 12.46],
- name : 'San Marino'
- },
- {
- latLng: [47.14, 9.52],
- name : 'Liechtenstein'
- },
- {
- latLng: [7.11, 171.06],
- name : 'Marshall Islands'
- },
- {
- latLng: [17.3, -62.73],
- name : 'Saint Kitts and Nevis'
- },
- {
- latLng: [3.2, 73.22],
- name : 'Maldives'
- },
- {
- latLng: [35.88, 14.5],
- name : 'Malta'
- },
- {
- latLng: [12.05, -61.75],
- name : 'Grenada'
- },
- {
- latLng: [13.16, -61.23],
- name : 'Saint Vincent and the Grenadines'
- },
- {
- latLng: [13.16, -59.55],
- name : 'Barbados'
- },
- {
- latLng: [17.11, -61.85],
- name : 'Antigua and Barbuda'
- },
- {
- latLng: [-4.61, 55.45],
- name : 'Seychelles'
- },
- {
- latLng: [7.35, 134.46],
- name : 'Palau'
- },
- {
- latLng: [42.5, 1.51],
- name : 'Andorra'
- },
- {
- latLng: [14.01, -60.98],
- name : 'Saint Lucia'
- },
- {
- latLng: [6.91, 158.18],
- name : 'Federated States of Micronesia'
- },
- {
- latLng: [1.3, 103.8],
- name : 'Singapore'
- },
- {
- latLng: [1.46, 173.03],
- name : 'Kiribati'
- },
- {
- latLng: [-21.13, -175.2],
- name : 'Tonga'
- },
- {
- latLng: [15.3, -61.38],
- name : 'Dominica'
- },
- {
- latLng: [-20.2, 57.5],
- name : 'Mauritius'
- },
- {
- latLng: [26.02, 50.55],
- name : 'Bahrain'
- },
- {
- latLng: [0.33, 6.73],
- name : 'São Tomé and Príncipe'
- }
- ]
- })
-
-
-
-
- $('.sparkbar').each(function () {
- var $this = $(this)
- $this.sparkline('html', {
- type : 'bar',
- height : $this.data('height') ? $this.data('height') : '30',
- barColor: $this.data('color')
- })
- })
-
-
-
- $('.sparkpie').each(function () {
- var $this = $(this)
- $this.sparkline('html', {
- type : 'pie',
- height : $this.data('height') ? $this.data('height') : '90',
- sliceColors: $this.data('color')
- })
- })
-
-
-
- $('.sparkline').each(function () {
- var $this = $(this)
- $this.sparkline('html', {
- type : 'line',
- height : $this.data('height') ? $this.data('height') : '90',
- width : '100%',
- lineColor: $this.data('linecolor'),
- fillColor: $this.data('fillcolor'),
- spotColor: $this.data('spotcolor')
- })
- })
- })
|