-
Notifications
You must be signed in to change notification settings - Fork 61
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
114 additions
and
196 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,103 @@ | ||
|
|
||
| "use strict"; | ||
|
|
||
| $(function () { | ||
|
|
||
| //----------------------- | ||
| //- Dashboard > Authentication Requests Chart - | ||
| //----------------------- | ||
|
|
||
| // Get context with jQuery - using jQuery's .get() method. | ||
| var authenticationRequestsChartCanvas = $("#authenticationRequestsChart").get(0).getContext("2d"); | ||
| // This will get the first returned node in the jQuery collection. | ||
| var authenticationRequestsChart = new Chart(authenticationRequestsChartCanvas); | ||
|
|
||
| var successJson = JSON.parse($("#successJson").val()); | ||
| var failedJson = JSON.parse($("#failedJson").val()); | ||
| console.log(failedJson); | ||
| console.log(successJson); | ||
| var successLabels = []; | ||
| var successValue = []; | ||
| for (var field in successJson) { | ||
| console.log("field:"+field+",value:"+successJson[field]); | ||
| successLabels.push(field); | ||
| successValue.push(successJson[field]); | ||
| } | ||
|
|
||
| var failedLabels = []; | ||
| var failedValue = []; | ||
| for (var field in failedJson) { | ||
| console.log("field:"+field+",value:"+failedJson[field]); | ||
| failedLabels.push(field); | ||
| failedValue.push(failedJson[field]); | ||
| } | ||
| var authenticationRequestsChartData = { | ||
| labels: successLabels, | ||
| datasets: [ | ||
| { | ||
| label: "Successful Login", | ||
| fillColor: "rgb(210, 214, 222)", | ||
| strokeColor: "rgb(210, 214, 222)", | ||
| pointColor: "rgb(210, 214, 222)", | ||
| pointStrokeColor: "#c1c7d1", | ||
| pointHighlightFill: "#fff", | ||
| pointHighlightStroke: "rgb(220,220,220)", | ||
| data: successValue | ||
| }, | ||
| { | ||
| label: "Failed Attempts", | ||
| fillColor: "rgba(60,141,188,0.9)", | ||
| strokeColor: "rgba(60,141,188,0.8)", | ||
| pointColor: "#3b8bba", | ||
| pointStrokeColor: "rgba(60,141,188,1)", | ||
| pointHighlightFill: "#fff", | ||
| pointHighlightStroke: "rgba(60,141,188,1)", | ||
| data: failedValue | ||
| } | ||
| ] | ||
| }; | ||
|
|
||
| var authenticationRequestsChartOptions = { | ||
| //Boolean - If we should show the scale at all | ||
| showScale: true, | ||
| //Boolean - Whether grid lines are shown across the chart | ||
| scaleShowGridLines: false, | ||
| //String - Colour of the grid lines | ||
| scaleGridLineColor: "rgba(0,0,0,.05)", | ||
| //Number - Width of the grid lines | ||
| scaleGridLineWidth: 1, | ||
| //Boolean - Whether to show horizontal lines (except X axis) | ||
| scaleShowHorizontalLines: true, | ||
| //Boolean - Whether to show vertical lines (except Y axis) | ||
| scaleShowVerticalLines: true, | ||
| //Boolean - Whether the line is curved between points | ||
| bezierCurve: true, | ||
| //Number - Tension of the bezier curve between points | ||
| bezierCurveTension: 0.3, | ||
| //Boolean - Whether to show a dot for each point | ||
| pointDot: false, | ||
| //Number - Radius of each point dot in pixels | ||
| pointDotRadius: 4, | ||
| //Number - Pixel width of point dot stroke | ||
| pointDotStrokeWidth: 1, | ||
| //Number - amount extra to add to the radius to cater for hit detection outside the drawn point | ||
| pointHitDetectionRadius: 20, | ||
| //Boolean - Whether to show a stroke for datasets | ||
| datasetStroke: true, | ||
| //Number - Pixel width of dataset stroke | ||
| datasetStrokeWidth: 2, | ||
| //Boolean - Whether to fill the dataset with a color | ||
| datasetFill: true, | ||
| //String - A legend template | ||
| legendTemplate: "<ul class=\"rahat\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].lineColor%>\"></span><%=datasets[i].label%></li><%}%></ul>", | ||
| //Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container | ||
| maintainAspectRatio: false, | ||
| //Boolean - whether to make the chart responsive to window resizing | ||
| responsive: true | ||
| }; | ||
|
|
||
| //Create the line chart | ||
| authenticationRequestsChart.Line(authenticationRequestsChartData, authenticationRequestsChartOptions); | ||
|
|
||
|
|
||
| }); |