PHP Classes

File: templates/assets/js/line-chart.js

Recommend this page to a friend!
  Classes of Maniruzzaman Akash   Laravel Roles and Permissions   templates/assets/js/line-chart.js   Download  
File: templates/assets/js/line-chart.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Laravel Roles and Permissions
Manage application users' roles and permissions
Author: By
Last change:
Date: 1 year ago
Size: 63,159 bytes
 

Contents

Class file image Download
/*-------------- coin_sales1 start ------------*/ if ($('#coin_sales1').length) { var ctx = document.getElementById("coin_sales1").getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May"], datasets: [{ label: "Sales", backgroundColor: "rgba(117, 19, 246, 0.1)", borderColor: '#0b76b6', data: [18, 41, 86, 49, 20, 35, 20, 50, 49, 30, 45, 25], }] }, // Configuration options go here options: { legend: { display: false }, animation: { easing: "easeInOutBack" }, scales: { yAxes: [{ display: !1, ticks: { fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold", beginAtZero: !0, maxTicksLimit: 5, padding: 0 }, gridLines: { drawTicks: !1, display: !1 } }], xAxes: [{ display: !1, gridLines: { zeroLineColor: "transparent" }, ticks: { padding: 0, fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold" } }] } } }); } /*-------------- coin_sales1 End ------------*/ /*-------------- coin_sales2 start ------------*/ if ($('#coin_sales2').length) { var ctx = document.getElementById("coin_sales2").getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May"], datasets: [{ label: "Sales", backgroundColor: "rgba(240, 180, 26, 0.1)", borderColor: '#F0B41A', data: [18, 41, 86, 49, 20, 65, 64, 50, 49, 30, 45, 25], }] }, // Configuration options go here options: { legend: { display: false }, animation: { easing: "easeInOutBack" }, scales: { yAxes: [{ display: !1, ticks: { fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold", beginAtZero: !0, maxTicksLimit: 5, padding: 0 }, gridLines: { drawTicks: !1, display: !1 } }], xAxes: [{ display: !1, gridLines: { zeroLineColor: "transparent" }, ticks: { padding: 0, fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold" } }] } } }); } /*-------------- coin_sales2 End ------------*/ /*-------------- coin_sales3 start ------------*/ if ($('#coin_sales3').length) { var ctx = document.getElementById("coin_sales3").getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May"], datasets: [{ label: "Sales", backgroundColor: "rgba(247, 163, 58, 0.1)", borderColor: '#fd9d24', fill: true, data: [18, 41, 50, 49, 20, 65, 50, 86, 20, 30, 45, 25], }] }, // Configuration options go here options: { legend: { display: false }, animation: { easing: "easeInOutBack" }, scales: { yAxes: [{ display: !1, ticks: { fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold", beginAtZero: !0, maxTicksLimit: 5, padding: 0 }, gridLines: { drawTicks: !1, display: !1 } }], xAxes: [{ display: !1, gridLines: { zeroLineColor: "transparent" }, ticks: { padding: 0, fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold" } }] } } }); } /*-------------- coin_sales3 End ------------*/ /*-------------- overview-chart start ------------*/ if ($('#verview-shart').length) { var myConfig = { "type": "line", "scale-x": { //X-Axis "labels": ["0", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"], "label": { "font-size": 14, "offset-x": 0, }, "item": { //Scale Items (scale values or labels) "font-size": 10, }, "guide": { //Guides "visible": false, "line-style": "solid", //"solid", "dotted", "dashed", "dashdot" "alpha": 1 } }, "plot": { "aspect": "spline" }, "series": [{ "values": [20, 25, 30, 35, 45, 40, 40, 35, 25, 17, 40, 50], "line-color": "#F0B41A", /* "dotted" | "dashed" */ "line-width": 5 /* in pixels */ , "marker": { /* Marker object */ "background-color": "#D79D3B", /* hexadecimal or RGB value */ "size": 5, /* in pixels */ "border-color": "#D79D3B", /* hexadecimal or RBG value */ } }, { "values": [40, 45, 30, 20, 30, 35, 45, 55, 40, 30, 55, 30], "line-color": "#0884D9", /* "dotted" | "dashed" */ "line-width": 5 /* in pixels */ , "marker": { /* Marker object */ "background-color": "#067dce", /* hexadecimal or RGB value */ "size": 5, /* in pixels */ "border-color": "#067dce", /* hexadecimal or RBG value */ } } ] }; zingchart.render({ id: 'verview-shart', data: myConfig, height: "100%", width: "100%" }); } /*-------------- overview-chart END ------------*/ /*-------------- market status chart start ------------*/ if ($('#mvaluechart').length) { var ctx = document.getElementById('mvaluechart').getContext('2d'); var myLineChart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: "Market Value", backgroundColor: 'transparent', borderColor: '#6e00ff', borderWidth: 2, data: [0, 15, 30, 10, 25, 0, 30], pointBorderColor: "transparent", pointBorderWidth: 10 }] }, // Configuration options go here options: { legend: { display: false }, tooltips: { callbacks: { label: function(tooltipItem) { return tooltipItem.yLabel; } } }, elements: { line: { tension: 0, // disables bezier curves } }, scales: { yAxes: [{ display: !1 }], xAxes: [{ display: !1 }] } } }); } if ($('#mvaluechart2').length) { var ctx = document.getElementById('mvaluechart2').getContext('2d'); var myLineChart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: "Market Value", backgroundColor: 'transparent', borderColor: '#6e00ff', borderWidth: 2, data: [0, 15, 30, 10, 25, 0, 50], pointBorderColor: "transparent", pointBorderWidth: 10 }] }, // Configuration options go here options: { legend: { display: false }, tooltips: { callbacks: { label: function(tooltipItem) { return tooltipItem.yLabel; } } }, elements: { line: { tension: 0, // disables bezier curves } }, scales: { yAxes: [{ display: !1 }], xAxes: [{ display: !1 }] } } }); } if ($('#mvaluechart3').length) { var ctx = document.getElementById('mvaluechart3').getContext('2d'); var myLineChart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "Agut"], datasets: [{ label: "Market Value", backgroundColor: 'transparent', borderColor: '#6e00ff', borderWidth: 2, data: [0, 15, 40, 10, 25, 0, 30, 20], pointBorderColor: "transparent", pointBorderWidth: 10 }] }, // Configuration options go here options: { legend: { display: false }, tooltips: { callbacks: { label: function(tooltipItem) { return tooltipItem.yLabel; } } }, elements: { line: { tension: 0, // disables bezier curves } }, scales: { yAxes: [{ display: !1 }], xAxes: [{ display: !1 }] } } }); } if ($('#mvaluechart4').length) { var ctx = document.getElementById('mvaluechart4').getContext('2d'); var myLineChart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: "Market Value", backgroundColor: 'transparent', borderColor: '#6e00ff', borderWidth: 2, data: [0, 30, 30, 10, 25, 0, 30], pointBorderColor: "transparent", pointBorderWidth: 10 }] }, // Configuration options go here options: { legend: { display: false }, tooltips: { callbacks: { label: function(tooltipItem) { return tooltipItem.yLabel; } } }, elements: { line: { tension: 0, // disables bezier curves } }, scales: { yAxes: [{ display: !1 }], xAxes: [{ display: !1 }] } } }); } /*-------------- market status chart END ------------*/ /*-------------- visitor graph line chart start ------------*/ if ($('#visitor_graph').length) { Highcharts.chart('visitor_graph', { chart: { type: 'areaspline' }, title: false, yAxis: { title: false, gridLineColor: '#fbf7f7', gridLineWidth: 1 }, xAxis: { gridLineColor: '#fbf7f7', gridLineWidth: 1 }, series: [{ name: 'USD', data: [400, 470, 520, 500, 420, 350, 320, 400, 550, 600, 500, 420, 400], fillColor: 'rgba(76, 57, 249, 0.5)', lineColor: 'transparent' }, { name: 'BTC', data: [450, 520, 550, 400, 450, 500, 400, 450, 500, 450, 400, 500, 450], fillColor: 'rgba(103, 13, 251, 0.5)', lineColor: 'transparent' } ] }); } /*-------------- END visitor graph line chart start ------------*/ /*-------------- 1 line chart amchart start ------------*/ if ($('#amlinechart1').length) { var chart = AmCharts.makeChart("amlinechart1", { "type": "serial", "theme": "light", "marginRight": 20, "autoMarginOffset": 20, "dataDateFormat": "YYYY-MM-DD HH:NN", "dataProvider": [{ "date": "2012-01-01", "value": 8 }, { "date": "2012-01-02", "color": "#6e00ff", "value": 10 }, { "date": "2012-01-03", "value": 12 }, { "date": "2012-01-04", "value": 14 }, { "date": "2012-01-05", "value": 11 }, { "date": "2012-01-06", "value": 6 }, { "date": "2012-01-07", "value": 7 }, { "date": "2012-01-08", "value": 9 }, { "date": "2012-01-09", "value": 13 }, { "date": "2012-01-10", "value": 15 }, { "date": "2012-01-11", "color": "#6e00ff", "value": 19 }, { "date": "2012-01-12", "value": 21 }, { "date": "2012-01-13", "value": 22 }, { "date": "2012-01-14", "value": 20 }, { "date": "2012-01-15", "value": 18 }, { "date": "2012-01-16", "value": 14 }, { "date": "2012-01-17", "color": "#6e00ff", "value": 16 }, { "date": "2012-01-18", "value": 18 }, { "date": "2012-01-19", "value": 17 }, { "date": "2012-01-20", "value": 15 }, { "date": "2012-01-21", "value": 12 }, { "date": "2012-01-22", "color": "#6e00ff", "value": 10 }, { "date": "2012-01-23", "value": 8 }], "valueAxes": [{ "axisAlpha": 0, "guides": [{ "fillAlpha": 0.1, "fillColor": "#6e00ff", "lineAlpha": 0, "toValue": 16, "value": 10 }], "position": "left", "tickLength": 0 }], "graphs": [{ "balloonText": "[[category]]<br><b><span style='font-size:14px;'>value:[[value]]</span></b>", "bullet": "round", "dashLength": 3, "colorField": "color", "valueField": "value" }], "trendLines": [{ "finalDate": "2012-01-11 12", "finalValue": 19, "initialDate": "2012-01-02 12", "initialValue": 10, "lineColor": "#6e00ff" }, { "finalDate": "2012-01-22 12", "finalValue": 10, "initialDate": "2012-01-17 12", "initialValue": 16, "lineColor": "#6e00ff" }], "chartScrollbar": { "scrollbarHeight": 2, "offset": -1, "backgroundAlpha": 0.2, "backgroundColor": "#8816FD", "selectedBackgroundColor": "#815FF5", "selectedBackgroundAlpha": 1 }, "chartCursor": { "fullWidth": true, "valueLineEabled": true, "valueLineBalloonEnabled": true, "valueLineAlpha": 0.5, "cursorAlpha": 0 }, "categoryField": "date", "categoryAxis": { "parseDates": true, "axisAlpha": 0, "gridAlpha": 0.1, "minorGridAlpha": 0.1, "minorGridEnabled": true }, "export": { "enabled": false } }); chart.addListener("dataUpdated", zoomChart); function zoomChart() { chart.zoomToDates(new Date(2012, 0, 2), new Date(2012, 0, 13)); } } /*-------------- 1 line chart amchart end ------------*/ /*-------------- 2 line chart amchart start ------------*/ if ($('#amlinechart2').length) { var chart = AmCharts.makeChart("amlinechart2", { "type": "serial", "theme": "light", "marginTop": 0, "marginRight": 20, "dataProvider": [{ "year": "1950", "value": -0.307 }, { "year": "1951", "value": -0.168 }, { "year": "1952", "value": -0.073 }, { "year": "1953", "value": -0.027 }, { "year": "1954", "value": -0.251 }, { "year": "1955", "value": -0.281 }, { "year": "1956", "value": -0.348 }, { "year": "1957", "value": -0.074 }, { "year": "1958", "value": -0.011 }, { "year": "1959", "value": -0.074 }, { "year": "1960", "value": -0.124 }, { "year": "1961", "value": -0.024 }, { "year": "1962", "value": -0.022 }, { "year": "1963", "value": 0 }, { "year": "1964", "value": -0.296 }, { "year": "1965", "value": -0.217 }, { "year": "1966", "value": -0.147 }, { "year": "1967", "value": -0.15 }, { "year": "1968", "value": -0.16 }, { "year": "1969", "value": -0.011 }, { "year": "1970", "value": -0.068 }, { "year": "1971", "value": -0.19 }, { "year": "1972", "value": -0.056 }, { "year": "1973", "value": 0.077 }, { "year": "1974", "value": -0.213 }, { "year": "1975", "value": -0.17 }, { "year": "1976", "value": -0.254 }, { "year": "1977", "value": 0.019 }, { "year": "1978", "value": -0.063 }, { "year": "1979", "value": 0.05 }, { "year": "1980", "value": 0.077 }, { "year": "1981", "value": 0.12 }, { "year": "1982", "value": 0.011 }, { "year": "1983", "value": 0.177 }, { "year": "1984", "value": -0.021 }, { "year": "1985", "value": -0.037 }, { "year": "1986", "value": 0.03 }, { "year": "1987", "value": 0.179 }, { "year": "1988", "value": 0.18 }, { "year": "1989", "value": 0.104 }, { "year": "1990", "value": 0.255 }, { "year": "1991", "value": 0.21 }, { "year": "1992", "value": 0.065 }, { "year": "1993", "value": 0.11 }, { "year": "1994", "value": 0.172 }, { "year": "1995", "value": 0.269 }, { "year": "1996", "value": 0.141 }, { "year": "1997", "value": 0.353 }, { "year": "1998", "value": 0.548 }, { "year": "1999", "value": 0.298 }, { "year": "2000", "value": 0.267 }, { "year": "2001", "value": 0.411 }, { "year": "2002", "value": 0.462 }, { "year": "2003", "value": 0.47 }, { "year": "2004", "value": 0.445 }, { "year": "2005", "value": 0.47 }], "valueAxes": [{ "axisAlpha": 0, "position": "left" }], "graphs": [{ "id": "g1", "balloonText": "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>", "bullet": "round", "bulletSize": 8, "lineColor": "#9656e7", "lineThickness": 2, "negativeLineColor": "#c69cfd", "type": "smoothedLine", "valueField": "value" }], "chartScrollbar": { "graph": "g1", "gridAlpha": 0, "color": "#8816FD", "scrollbarHeight": 55, "backgroundAlpha": 0, "selectedBackgroundAlpha": 0.1, "selectedBackgroundColor": "#8816FD", "graphFillAlpha": 0, "autoGridCount": true, "selectedGraphFillAlpha": 0, "graphLineAlpha": 0.2, "graphLineColor": "#c2c2c2", "selectedGraphLineColor": "#9f46fc", "selectedGraphLineAlpha": 1 }, "chartCursor": { "categoryBalloonDateFormat": "YYYY", "cursorAlpha": 0, "valueLineEnabled": true, "valueLineBalloonEnabled": true, "valueLineAlpha": 0.5, "fullWidth": true }, "dataDateFormat": "YYYY", "categoryField": "year", "categoryAxis": { "minPeriod": "YYYY", "parseDates": true, "minorGridAlpha": 0.1, "minorGridEnabled": true }, "export": { "enabled": false } }); chart.addListener("rendered", zoomChart); if (chart.zoomChart) { chart.zoomChart(); } function zoomChart() { chart.zoomToIndexes(Math.round(chart.dataProvider.length * 0.4), Math.round(chart.dataProvider.length * 0.55)); } } /*-------------- 2 line chart amchart end ------------*/ /*-------------- 3 line chart amchart start ------------*/ if ($('#amlinechart3').length) { var chartData = generateChartData(); var chart = AmCharts.makeChart("amlinechart3", { "type": "serial", "theme": "light", "marginRight": 20, "autoMarginOffset": 20, "marginTop": 7, "dataProvider": chartData, "valueAxes": [{ "axisAlpha": 0.2, "dashLength": 1, "position": "left" }], "mouseWheelZoomEnabled": true, "graphs": [{ "id": "g1", "balloonText": "[[value]]", "bullet": "round", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "hideBulletsCount": 50, "title": "red line", "valueField": "visits", "useLineColorForBulletBorder": true, "balloon": { "drop": true } }], "chartScrollbar": { "autoGridCount": true, "graph": "g1", "scrollbarHeight": 40, "color": "#fff", "selectedBackgroundAlpha": 1, "selectedBackgroundColor": "#815BF6", "selectedGraphFillAlpha": 0, "selectedGraphFillColor": "#8918FE", "graphLineAlpha": 0.2, "graphLineColor": "#c2c2c2", "selectedGraphLineColor": "#fff", "selectedGraphLineAlpha": 1 }, "chartCursor": { "limitToGraph": "g1" }, "categoryField": "date", "categoryAxis": { "parseDates": true, "axisColor": "#DADADA", "dashLength": 1, "minorGridEnabled": true }, "export": { "enabled": false } }); chart.addListener("rendered", zoomChart); zoomChart(); // this method is called when chart is first inited as we listen for "rendered" event function zoomChart() { // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues chart.zoomToIndexes(chartData.length - 40, chartData.length - 1); } // generate some random data, quite different range // generate some random data, quite different range function generateChartData() { var chartData = []; var firstDate = new Date(); firstDate.setDate(firstDate.getDate() - 5); var visits = 1200; for (var i = 0; i < 1000; i++) { // we create date objects here. In your data, you can have date strings // and then set format of your dates using chart.dataDateFormat property, // however when possible, use date objects, as this will speed up chart rendering. var newDate = new Date(firstDate); newDate.setDate(newDate.getDate() + i); visits += Math.round((Math.random() < 0.5 ? 1 : -1) * Math.random() * 10); chartData.push({ date: newDate, visits: visits }); } return chartData; } } /*-------------- 3 line chart amchart end ------------*/ /*-------------- 4 line chart amchart start ------------*/ if ($('#amlinechart4').length) { var chart = AmCharts.makeChart("amlinechart4", { "type": "serial", "theme": "light", "legend": { "useGraphSettings": true }, "dataProvider": [{ "year": 1930, "italy": 1, "germany": 5, "uk": 3 }, { "year": 1934, "italy": 1, "germany": 2, "uk": 6 }, { "year": 1938, "italy": 2, "germany": 3, "uk": 1 }, { "year": 1950, "italy": 3, "germany": 4, "uk": 1 }, { "year": 1954, "italy": 5, "germany": 1, "uk": 2 }, { "year": 1958, "italy": 3, "germany": 2, "uk": 1 }, { "year": 1962, "italy": 1, "germany": 2, "uk": 3 }, { "year": 1966, "italy": 2, "germany": 1, "uk": 5 }, { "year": 1970, "italy": 3, "germany": 5, "uk": 2 }, { "year": 1974, "italy": 4, "germany": 3, "uk": 6 }, { "year": 1978, "italy": 1, "germany": 2, "uk": 4 }], "startDuration": 0.5, "graphs": [{ "balloonText": "place taken by Italy in [[category]]: [[value]]", "bullet": "round", "hidden": true, "title": "Italy", "valueField": "italy", "fillAlphas": 0, "lineColor": "#31ef98", "lineThickness": 2, "negativeLineColor": "#17e285", }, { "balloonText": "place taken by Germany in [[category]]: [[value]]", "bullet": "round", "title": "Germany", "valueField": "germany", "fillAlphas": 0, "lineColor": "#9656e7", "lineThickness": 2, "negativeLineColor": "#c69cfd" }, { "balloonText": "place taken by UK in [[category]]: [[value]]", "bullet": "round", "title": "United Kingdom", "valueField": "uk", "fillAlphas": 0, "lineColor": "#31aeef", "lineThickness": 2, "negativeLineColor": "#31aeef", }], "chartCursor": { "cursorAlpha": 0, "zoomable": false }, "categoryField": "year", "categoryAxis": { "gridPosition": "start", "axisAlpha": 0, "fillAlpha": 0.05, "fillColor": "#000000", "gridAlpha": 0, "position": "top" }, "export": { "enabled": false } }); } /*-------------- 4 line chart amchart end ------------*/ /*-------------- 5 line chart amchart start ------------*/ if ($('#amlinechart5').length) { var chart = AmCharts.makeChart("amlinechart5", { "type": "serial", "theme": "light", "marginRight": 20, "marginTop": 17, "autoMarginOffset": 20, "dataProvider": [{ "date": "2012-03-01", "price": 20 }, { "date": "2012-03-02", "price": 75 }, { "date": "2012-03-03", "price": 15 }, { "date": "2012-03-04", "price": 75 }, { "date": "2012-03-05", "price": 158 }, { "date": "2012-03-06", "price": 57 }, { "date": "2012-03-07", "price": 107 }, { "date": "2012-03-08", "price": 89 }, { "date": "2012-03-09", "price": 75 }, { "date": "2012-03-10", "price": 132 }, { "date": "2012-03-11", "price": 158 }, { "date": "2012-03-12", "price": 56 }, { "date": "2012-03-13", "price": 169 }, { "date": "2012-03-14", "price": 24 }, { "date": "2012-03-15", "price": 147 }], "valueAxes": [{ "logarithmic": true, "dashLength": 1, "guides": [{ "dashLength": 6, "inside": true, "label": "average", "lineAlpha": 1, "value": 90.4 }], "position": "left" }], "graphs": [{ "bullet": "round", "id": "g1", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "bulletSize": 7, "lineThickness": 2, "title": "Price", "type": "smoothedLine", "useLineColorForBulletBorder": true, "valueField": "price" }], "chartScrollbar": {}, "chartCursor": { "valueLineEnabled": true, "valueLineBalloonEnabled": true, "valueLineAlpha": 0.5, "fullWidth": true, "cursorAlpha": 0.05 }, "dataDateFormat": "YYYY-MM-DD", "categoryField": "date", "categoryAxis": { "parseDates": true }, "export": { "enabled": false } }); chart.addListener("dataUpdated", zoomChart); function zoomChart() { chart.zoomToDates(new Date(2012, 2, 2), new Date(2012, 2, 10)); } } /*-------------- 5 line chart amchart end ------------*/ /*-------------- 6 line chart chartjs start ------------*/ if ($('#seolinechart1').length) { var ctx = document.getElementById("seolinechart1").getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May"], datasets: [{ label: "Likes", backgroundColor: "rgba(104, 124, 247, 0.6)", borderColor: '#8596fe', data: [18, 41, 86, 49, 20, 35, 20, 50, 49, 30, 45, 25], }] }, // Configuration options go here options: { legend: { display: false }, animation: { easing: "easeInOutBack" }, scales: { yAxes: [{ display: !1, ticks: { fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold", beginAtZero: !0, maxTicksLimit: 5, padding: 0 }, gridLines: { drawTicks: !1, display: !1 } }], xAxes: [{ display: !1, gridLines: { zeroLineColor: "transparent" }, ticks: { padding: 0, fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold" } }] }, elements: { line: { tension: 0, // disables bezier curves } } } }); } /*-------------- 6 line chart chartjs end ------------*/ /*-------------- 7 line chart chartjs start ------------*/ if ($('#seolinechart2').length) { var ctx = document.getElementById("seolinechart2").getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May"], datasets: [{ label: "Share", backgroundColor: "rgba(96, 241, 205, 0.2)", borderColor: '#3de5bb', data: [18, 41, 86, 49, 20, 35, 20, 50, 49, 30, 45, 25], }] }, // Configuration options go here options: { legend: { display: false }, animation: { easing: "easeInOutBack" }, scales: { yAxes: [{ display: !1, ticks: { fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold", beginAtZero: !0, maxTicksLimit: 5, padding: 0 }, gridLines: { drawTicks: !1, display: !1 } }], xAxes: [{ display: !1, gridLines: { zeroLineColor: "transparent" }, ticks: { padding: 0, fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold" } }] }, elements: { line: { tension: 0, // disables bezier curves } } } }); } /*-------------- 7 line chart chartjs end ------------*/ /*-------------- 8 line chart chartjs start ------------*/ if ($('#seolinechart3').length) { var ctx = document.getElementById("seolinechart3").getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May"], datasets: [{ label: "Share", backgroundColor: "rgba(96, 241, 205, 0)", borderColor: '#fff', data: [18, 41, 86, 49, 20, 35, 20, 50, 49, 30, 45, 25], }] }, // Configuration options go here options: { legend: { display: false }, animation: { easing: "easeInOutBack" }, scales: { yAxes: [{ display: !1, ticks: { fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold", beginAtZero: !0, maxTicksLimit: 5, padding: 0 }, gridLines: { drawTicks: !1, display: !1 } }], xAxes: [{ display: !1, gridLines: { zeroLineColor: "transparent" }, ticks: { padding: 0, fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold" } }] }, elements: { line: { tension: 0, // disables bezier curves } } } }); } /*-------------- 8 line chart chartjs end ------------*/ /*-------------- 9 line chart chartjs start ------------*/ if ($('#seolinechart4').length) { var ctx = document.getElementById("seolinechart4").getContext('2d'); var chart = new Chart(ctx, { // The type of chart we want to create type: 'line', // The data for our dataset data: { labels: ["January", "February", "March", "April", "May", "June", "July", "January", "February", "March", "April", "May"], datasets: [{ label: "New user", backgroundColor: "rgba(96, 241, 205, 0)", borderColor: '#fff', data: [18, 41, 86, 49, 20, 35, 20, 50, 49, 30, 45, 25], }] }, // Configuration options go here options: { legend: { display: false }, animation: { easing: "easeInOutBack" }, scales: { yAxes: [{ display: !1, ticks: { fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold", beginAtZero: !0, maxTicksLimit: 5, padding: 0 }, gridLines: { drawTicks: !1, display: !1 } }], xAxes: [{ display: !1, gridLines: { zeroLineColor: "transparent" }, ticks: { padding: 0, fontColor: "rgba(0,0,0,0.5)", fontStyle: "bold" } }] }, elements: { line: { tension: 0, // disables bezier curves } } } }); } /*-------------- 9 line chart chartjs end ------------*/ /*-------------- 10 line chart amchart start ------------*/ if ($('#user-statistics').length) { var chart = AmCharts.makeChart("user-statistics", { "type": "serial", "theme": "light", "marginRight": 0, "marginLeft": 40, "autoMarginOffset": 20, "dataDateFormat": "YYYY-MM-DD", "valueAxes": [{ "id": "v1", "axisAlpha": 0, "position": "left", "ignoreAxisWidth": true }], "balloon": { "borderThickness": 1, "shadowAlpha": 0 }, "graphs": [{ "id": "g1", "balloon": { "drop": true, "adjustBorderColor": false, "color": "#ffffff", "type": "smoothedLine" }, "fillAlphas": 0.2, "bullet": "round", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "bulletSize": 5, "hideBulletsCount": 50, "lineThickness": 2, "title": "red line", "useLineColorForBulletBorder": true, "valueField": "value", "balloonText": "<span style='font-size:18px;'>[[value]]</span>" }], "chartCursor": { "valueLineEnabled": true, "valueLineBalloonEnabled": true, "cursorAlpha": 0, "zoomable": false, "valueZoomable": true, "valueLineAlpha": 0.5 }, "valueScrollbar": { "autoGridCount": true, "color": "#5E72F3", "scrollbarHeight": 30 }, "categoryField": "date", "categoryAxis": { "parseDates": true, "dashLength": 1, "minorGridEnabled": true }, "export": { "enabled": false }, "dataProvider": [{ "date": "2012-07-27", "value": 13 }, { "date": "2012-07-28", "value": 11 }, { "date": "2012-07-29", "value": 15 }, { "date": "2012-07-30", "value": 16 }, { "date": "2012-07-31", "value": 18 }, { "date": "2012-08-01", "value": 13 }, { "date": "2012-08-02", "value": 22 }, { "date": "2012-08-03", "value": 23 }, { "date": "2012-08-04", "value": 20 }, { "date": "2012-08-05", "value": 17 }, { "date": "2012-08-06", "value": 16 }, { "date": "2012-08-07", "value": 18 }, { "date": "2012-08-08", "value": 21 }, { "date": "2012-08-09", "value": 26 }, { "date": "2012-08-10", "value": 24 }, { "date": "2012-08-11", "value": 29 }, { "date": "2012-08-12", "value": 32 }, { "date": "2012-08-13", "value": 18 }, { "date": "2012-08-14", "value": 24 }, { "date": "2012-08-15", "value": 22 }, { "date": "2012-08-16", "value": 18 }, { "date": "2012-08-17", "value": 19 }, { "date": "2012-08-18", "value": 14 }, { "date": "2012-08-19", "value": 15 }, { "date": "2012-08-20", "value": 12 }, { "date": "2012-08-21", "value": 8 }, { "date": "2012-08-22", "value": 9 }, { "date": "2012-08-23", "value": 8 }, { "date": "2012-08-24", "value": 7 }, { "date": "2012-08-25", "value": 5 }, { "date": "2012-08-26", "value": 11 }, { "date": "2012-08-27", "value": 13 }, { "date": "2012-08-28", "value": 18 }, { "date": "2012-08-29", "value": 20 }, { "date": "2012-08-30", "value": 29 }, { "date": "2012-08-31", "value": 33 }, { "date": "2012-09-01", "value": 42 }, { "date": "2012-09-02", "value": 35 }, { "date": "2012-09-03", "value": 31 }, { "date": "2012-09-04", "value": 47 }, { "date": "2012-09-05", "value": 52 }, { "date": "2012-09-06", "value": 46 }, { "date": "2012-09-07", "value": 41 }, { "date": "2012-09-08", "value": 43 }, { "date": "2012-09-09", "value": 40 }, { "date": "2012-09-10", "value": 39 }, { "date": "2012-09-11", "value": 34 }, { "date": "2012-09-12", "value": 29 }, { "date": "2012-09-13", "value": 34 }, { "date": "2012-09-14", "value": 37 }, { "date": "2012-09-15", "value": 42 }, { "date": "2012-09-16", "value": 49 }, { "date": "2012-09-17", "value": 46 }, { "date": "2012-09-18", "value": 47 }, { "date": "2012-09-19", "value": 55 }, { "date": "2012-09-20", "value": 59 }, { "date": "2012-09-21", "value": 58 }, { "date": "2012-09-22", "value": 57 }, { "date": "2012-09-23", "value": 61 }, { "date": "2012-09-24", "value": 59 }, { "date": "2012-09-25", "value": 67 }, { "date": "2012-09-26", "value": 65 }, { "date": "2012-09-27", "value": 61 }, { "date": "2012-09-28", "value": 66 }, { "date": "2012-09-29", "value": 69 }, { "date": "2012-09-30", "value": 71 }, { "date": "2012-10-01", "value": 67 }, { "date": "2012-10-02", "value": 63 }, { "date": "2012-10-03", "value": 46 }, { "date": "2012-10-04", "value": 32 }, { "date": "2012-10-05", "value": 21 }, { "date": "2012-10-06", "value": 18 }, { "date": "2012-10-07", "value": 21 }, { "date": "2012-10-08", "value": 28 }, { "date": "2012-10-09", "value": 27 }, { "date": "2012-10-10", "value": 36 }, { "date": "2012-10-11", "value": 33 }, { "date": "2012-10-12", "value": 31 }, { "date": "2012-10-13", "value": 30 }, { "date": "2012-10-14", "value": 34 }, { "date": "2012-10-15", "value": 38 }, { "date": "2012-10-16", "value": 37 }, { "date": "2012-10-17", "value": 44 }, { "date": "2012-10-18", "value": 49 }, { "date": "2012-10-19", "value": 53 }, { "date": "2012-10-20", "value": 57 }, { "date": "2012-10-21", "value": 60 }, { "date": "2012-10-22", "value": 61 }, { "date": "2012-10-23", "value": 69 }, { "date": "2012-10-24", "value": 67 }, { "date": "2012-10-25", "value": 72 }, { "date": "2012-10-26", "value": 77 }, { "date": "2012-10-27", "value": 75 }, { "date": "2012-10-28", "value": 70 }, { "date": "2012-10-29", "value": 72 }, { "date": "2012-10-30", "value": 70 }, { "date": "2012-10-31", "value": 72 }, { "date": "2012-11-01", "value": 73 }, { "date": "2012-11-02", "value": 67 }, { "date": "2012-11-03", "value": 68 }, { "date": "2012-11-04", "value": 65 }, { "date": "2012-11-05", "value": 71 }, { "date": "2012-11-06", "value": 75 }, { "date": "2012-11-07", "value": 74 }, { "date": "2012-11-08", "value": 71 }, { "date": "2012-11-09", "value": 76 }, { "date": "2012-11-10", "value": 77 }, { "date": "2012-11-11", "value": 81 }, { "date": "2012-11-12", "value": 83 }, { "date": "2012-11-13", "value": 80 }, { "date": "2012-11-14", "value": 81 }, { "date": "2012-11-15", "value": 87 }, { "date": "2012-11-16", "value": 82 }, { "date": "2012-11-17", "value": 86 }, { "date": "2012-11-18", "value": 80 }, { "date": "2012-11-19", "value": 87 }, { "date": "2012-11-20", "value": 83 }, { "date": "2012-11-21", "value": 85 }, { "date": "2012-11-22", "value": 84 }, { "date": "2012-11-23", "value": 82 }, { "date": "2012-11-24", "value": 73 }, { "date": "2012-11-25", "value": 71 }, { "date": "2012-11-26", "value": 75 }, { "date": "2012-11-27", "value": 79 }, { "date": "2012-11-28", "value": 70 }, { "date": "2012-11-29", "value": 73 }, { "date": "2012-11-30", "value": 61 }, { "date": "2012-12-01", "value": 62 }, { "date": "2012-12-02", "value": 66 }, { "date": "2012-12-03", "value": 65 }, { "date": "2012-12-04", "value": 73 }, { "date": "2012-12-05", "value": 79 }, { "date": "2012-12-06", "value": 78 }, { "date": "2012-12-07", "value": 78 }, { "date": "2012-12-08", "value": 78 }, { "date": "2012-12-09", "value": 74 }, { "date": "2012-12-10", "value": 73 }, { "date": "2012-12-11", "value": 75 }, { "date": "2012-12-12", "value": 70 }, { "date": "2012-12-13", "value": 77 }, { "date": "2012-12-14", "value": 67 }, { "date": "2012-12-15", "value": 62 }, { "date": "2012-12-16", "value": 64 }, { "date": "2012-12-17", "value": 61 }, { "date": "2012-12-18", "value": 59 }, { "date": "2012-12-19", "value": 53 }, { "date": "2012-12-20", "value": 54 }, { "date": "2012-12-21", "value": 56 }, { "date": "2012-12-22", "value": 59 }, { "date": "2012-12-23", "value": 58 }, { "date": "2012-12-24", "value": 55 }, { "date": "2012-12-25", "value": 52 }, { "date": "2012-12-26", "value": 54 }, { "date": "2012-12-27", "value": 50 }, { "date": "2012-12-28", "value": 50 }, { "date": "2012-12-29", "value": 51 }, { "date": "2012-12-30", "value": 52 }, { "date": "2012-12-31", "value": 58 }, { "date": "2013-01-01", "value": 60 }, { "date": "2013-01-02", "value": 67 }, { "date": "2013-01-03", "value": 64 }, { "date": "2013-01-04", "value": 66 }, { "date": "2013-01-05", "value": 60 }, { "date": "2013-01-06", "value": 63 }, { "date": "2013-01-07", "value": 61 }, { "date": "2013-01-08", "value": 60 }, { "date": "2013-01-09", "value": 65 }, { "date": "2013-01-10", "value": 75 }, { "date": "2013-01-11", "value": 77 }, { "date": "2013-01-12", "value": 78 }, { "date": "2013-01-13", "value": 70 }, { "date": "2013-01-14", "value": 70 }, { "date": "2013-01-15", "value": 73 }, { "date": "2013-01-16", "value": 71 }, { "date": "2013-01-17", "value": 74 }, { "date": "2013-01-18", "value": 78 }, { "date": "2013-01-19", "value": 85 }, { "date": "2013-01-20", "value": 82 }, { "date": "2013-01-21", "value": 83 }, { "date": "2013-01-22", "value": 88 }, { "date": "2013-01-23", "value": 85 }, { "date": "2013-01-24", "value": 85 }, { "date": "2013-01-25", "value": 80 }, { "date": "2013-01-26", "value": 87 }, { "date": "2013-01-27", "value": 84 }, { "date": "2013-01-28", "value": 83 }, { "date": "2013-01-29", "value": 84 }, { "date": "2013-01-30", "value": 81 }] }); } /*-------------- 10 line chart amchart end ------------*/ /*-------------- 11 line chart amchart start ------------*/ if ($('#salesanalytic').length) { var chart = AmCharts.makeChart("salesanalytic", { "type": "serial", "theme": "light", "dataDateFormat": "YYYY-MM-DD", "precision": 2, "valueAxes": [{ "id": "v1", "title": "Sales", "position": "left", "autoGridCount": false, "labelFunction": function(value) { return "$" + Math.round(value) + "M"; } }, { "id": "v2", "title": "Duration", "gridAlpha": 0, "position": "right", "autoGridCount": false }], "graphs": [{ "id": "g3", "valueAxis": "v1", "lineColor": "#F3F8FB", "fillColors": "#F3F8FB", "fillAlphas": 1, "type": "column", "title": "Actual Sales", "valueField": "sales2", "clustered": false, "columnWidth": 0.5, "legendValueText": "$[[value]]M", "balloonText": "[[title]]<br /><small style='font-size: 130%'>$[[value]]M</small>" }, { "id": "g4", "valueAxis": "v1", "lineColor": "#5C6DF4", "fillColors": "#5C6DF4", "fillAlphas": 1, "type": "column", "title": "Target Sales", "valueField": "sales1", "clustered": false, "columnWidth": 0.3, "legendValueText": "$[[value]]M", "balloonText": "[[title]]<br /><small style='font-size: 130%'>$[[value]]M</small>" }, { "id": "g1", "valueAxis": "v2", "bullet": "round", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "bulletSize": 5, "hideBulletsCount": 50, "lineThickness": 2, "lineColor": "#815FF6", "type": "smoothedLine", "title": "Duration", "useLineColorForBulletBorder": true, "valueField": "market1", "balloonText": "[[title]]<br /><small style='font-size: 130%'>[[value]]</small>" }, { "id": "g2", "valueAxis": "v2", "bullet": "round", "bulletBorderAlpha": 1, "bulletColor": "#FFFFFF", "bulletSize": 5, "hideBulletsCount": 50, "lineThickness": 2, "lineColor": "#ffe598", "type": "smoothedLine", "dashLength": 5, "title": "Market Days ALL", "useLineColorForBulletBorder": true, "valueField": "market2", "balloonText": "[[title]]<br /><small style='font-size: 130%'>[[value]]</small>" }], "chartScrollbar": { "graph": "g1", "oppositeAxis": false, "offset": 50, "scrollbarHeight": 45, "backgroundAlpha": 0, "selectedBackgroundAlpha": 0.5, "selectedBackgroundColor": "#f9f9f9", "graphFillAlpha": 0.1, "graphLineAlpha": 0.4, "selectedGraphFillAlpha": 0, "selectedGraphLineAlpha": 1, "autoGridCount": true, "color": "#95a1f9" }, "chartCursor": { "pan": true, "valueLineEnabled": true, "valueLineBalloonEnabled": true, "cursorAlpha": 0, "valueLineAlpha": 0.2 }, "categoryField": "date", "categoryAxis": { "parseDates": true, "dashLength": 1, "minorGridEnabled": true, "color": "#5C6DF4" }, "legend": { "useGraphSettings": true, "position": "top" }, "balloon": { "borderThickness": 1, "shadowAlpha": 0 }, "export": { "enabled": false }, "dataProvider": [{ "date": "2013-01-16", "market1": 51, "market2": 55, "sales1": 5, "sales2": 8 }, { "date": "2013-01-17", "market1": 64, "market2": 70, "sales1": 5, "sales2": 6 }, { "date": "2013-01-18", "market1": 65, "market2": 45, "sales1": 8, "sales2": 12 }, { "date": "2013-01-19", "market1": 73, "market2": 75, "sales1": 7, "sales2": 8 }, { "date": "2013-01-20", "market1": 65, "market2": 70, "sales1": 7, "sales2": 10 }, { "date": "2013-01-21", "market1": 65, "market2": 55, "sales1": 9, "sales2": 12 }, { "date": "2013-01-22", "market1": 68, "market2": 62, "sales1": 5, "sales2": 7 }, { "date": "2013-01-23", "market1": 75, "market2": 80, "sales1": 7, "sales2": 10 }, { "date": "2013-01-24", "market1": 75, "market2": 65, "sales1": 7, "sales2": 9 }, { "date": "2013-01-25", "market1": 75, "market2": 69, "sales1": 8, "sales2": 10 }, { "date": "2013-01-26", "market1": 55, "market2": 68, "sales1": 6, "sales2": 7 }, { "date": "2013-01-27", "market1": 67, "market2": 70, "sales1": 3, "sales2": 4 }, { "date": "2013-01-28", "market1": 62, "market2": 59, "sales1": 5, "sales2": 7 }, { "date": "2013-01-29", "market1": 62, "market2": 56, "sales1": 5, "sales2": 8 }, { "date": "2013-01-30", "market1": 71, "market2": 69, "sales1": 4, "sales2": 7 }] }); } //------------echarts2 /*-------------- 11 line chart amchart end ------------*/