1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| <script type="text/javascript">
| google.charts.load('current', {'packages':['line']});
| google.charts.setOnLoadCallback(drawChart);
|
| function drawChart() {
|
| var data = new google.visualization.DataTable();
| data.addColumn('number', '날짜');
| data.addColumn('number', '홈페이지 변조 탐지');
| data.addColumn('number', '경유지 탐지');
| data.addColumn('number', '일감 조회');
|
| data.addRows([
| [1, 37.8, 80.8, 41.8],
| [2, 30.9, 69.5, 32.4],
| [3, 25.4, 57, 25.7],
| [4, 11.7, 18.8, 10.5],
| [5, 11.9, 17.6, 10.4],
| [6, 8.8, 13.6, 7.7],
| [7, 7.6, 12.3, 9.6],
| [8, 12.3, 29.2, 10.6],
| [9, 16.9, 42.9, 14.8],
| [10, 12.8, 30.9, 11.6],
| [11, 5.3, 7.9, 4.7],
| [12, 6.6, 8.4, 5.2],
| [13, 4.8, 6.3, 3.6],
| [14, 4.2, 6.2, 3.4]
| ]);
|
| var options = {
| chart: {
| title: '일감 유형별 API 사용 현황',
| subtitle: '최근 15일'
| },
| width: 900,
| height: 500
| };
|
| var chart = new google.charts.Line(document.getElementById('linechart_material'));
|
| chart.draw(data, google.charts.Line.convertOptions(options));
| }
| </script>
|
| <div class="row">
| <div class="col-sm-12">
| <div class="element-wrapper">
| <div class="element-actions" ng-if="$root.checkMngPermission('USER_PERMISSION_MNG_ISSUE_STATUS')">
| </div>
| <h6 class="element-header" translate="api.monitor">
| 모니터링
| </h6>
|
| <div class="element-box">
| <div id="linechart_material"></div>
| </div>
| </div>
| </div>
| </div>
|
|
