@hatiolab/things-scene 8.0.0-alpha.1 → 8.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/db.sqlite +0 -0
- package/monitor-extension/devtools.html +1 -4
- package/monitor-extension/devtools.js +62 -104
- package/monitor-extension/libs/Chart.min.js +10129 -7
- package/monitor-extension/manifest.json +3 -3
- package/monitor-extension/popup.html +1 -1
- package/monitor-extension/popup.js +23 -10
- package/package.json +1 -1
- package/things-scene.mjs +1 -1
- package/monitor-extension/libs/apexchart.min.js +0 -24151
- package/schema.graphql +0 -4455
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"manifest_version": 3,
|
|
3
|
-
"name": "
|
|
3
|
+
"name": "Scene",
|
|
4
4
|
"version": "1.0",
|
|
5
|
-
"description": "Monitoring extention for
|
|
5
|
+
"description": "Monitoring extention for Things Scene",
|
|
6
6
|
"permissions": ["activeTab", "scripting", "storage"],
|
|
7
7
|
"action": {
|
|
8
8
|
"default_popup": "popup.html",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
],
|
|
25
25
|
"web_accessible_resources": [
|
|
26
26
|
{
|
|
27
|
-
"resources": ["injected.js"],
|
|
27
|
+
"resources": ["injected.js", "lib/chart.min.js"],
|
|
28
28
|
"matches": ["<all_urls>"]
|
|
29
29
|
}
|
|
30
30
|
],
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>Component Residents Monitor</title>
|
|
7
|
-
<script src="libs/
|
|
7
|
+
<script src="libs/chart.min.js"></script>
|
|
8
8
|
<script src="popup.js"></script>
|
|
9
9
|
|
|
10
10
|
<style>
|
|
@@ -15,33 +15,46 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
|
15
15
|
// 차트 생성 함수
|
|
16
16
|
const createChart = (ctx, label) => {
|
|
17
17
|
return new Chart(ctx, {
|
|
18
|
-
type: '
|
|
18
|
+
type: 'bar', // Bar chart
|
|
19
19
|
data: {
|
|
20
|
-
labels: [],
|
|
20
|
+
labels: [], // X축 라벨을 비워둠으로써 시리즈명을 숨김
|
|
21
21
|
datasets: [
|
|
22
22
|
{
|
|
23
|
-
label: label,
|
|
24
|
-
data: [],
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
23
|
+
label: label, // 데이터셋의 레이블 (범례로 표시되지 않음)
|
|
24
|
+
data: [], // 실제 데이터
|
|
25
|
+
backgroundColor: 'rgba(75, 192, 192, 0.5)', // 막대의 색상
|
|
26
|
+
borderColor: 'rgba(75, 192, 192, 1)', // 막대의 테두리 색상
|
|
27
|
+
borderWidth: 1 // 막대의 테두리 두께
|
|
28
28
|
}
|
|
29
29
|
]
|
|
30
30
|
},
|
|
31
31
|
options: {
|
|
32
|
+
animation: false, // 애니메이션 비활성화
|
|
32
33
|
scales: {
|
|
33
34
|
x: {
|
|
34
|
-
display: false,
|
|
35
|
+
display: false, // X축 숨기기 (전체)
|
|
36
|
+
grid: {
|
|
37
|
+
display: false // X축의 격자선 숨기기
|
|
38
|
+
},
|
|
35
39
|
ticks: {
|
|
36
|
-
display: false
|
|
40
|
+
display: false // X축 틱 마크 숨기기
|
|
37
41
|
}
|
|
38
42
|
},
|
|
39
43
|
y: {
|
|
44
|
+
beginAtZero: true, // Y축이 0에서 시작되도록 설정
|
|
40
45
|
title: {
|
|
41
46
|
display: true,
|
|
42
|
-
text: label
|
|
47
|
+
text: label // Y축의 레이블
|
|
48
|
+
},
|
|
49
|
+
ticks: {
|
|
50
|
+
stepSize: 1
|
|
43
51
|
}
|
|
44
52
|
}
|
|
53
|
+
},
|
|
54
|
+
plugins: {
|
|
55
|
+
legend: {
|
|
56
|
+
display: false // 범례 숨기기
|
|
57
|
+
}
|
|
45
58
|
}
|
|
46
59
|
}
|
|
47
60
|
})
|