回答編集履歴

5

2021/05/19 23:28

投稿

退会済みユーザー
test CHANGED
@@ -48,9 +48,7 @@
48
48
 
49
49
  stacked: true, //積み上げ棒グラフにする設定
50
50
 
51
- categoryPercentage: 0.4, //棒グラフの太さ //
51
+ categoryPercentage: 0.4, //棒グラフの太さ 修正
52
-
53
- 修正
54
52
 
55
53
  //軸ラベル表示
56
54
 

4

ategoryPercentage => categoryPercentage に修正

2021/05/19 23:28

投稿

退会済みユーザー
test CHANGED
@@ -48,7 +48,9 @@
48
48
 
49
49
  stacked: true, //積み上げ棒グラフにする設定
50
50
 
51
- ategoryPercentage: 0.4, //棒グラフの太さ
51
+ categoryPercentage: 0.4, //棒グラフの太さ //
52
+
53
+ 修正
52
54
 
53
55
  //軸ラベル表示
54
56
 

3

コメント位置修正

2021/05/19 23:27

投稿

退会済みユーザー
test CHANGED
@@ -80,9 +80,9 @@
80
80
 
81
81
  },
82
82
 
83
+ // 下記追加
84
+
83
85
  ticks: {
84
-
85
- // 下記追加
86
86
 
87
87
  callback: function (value, index, values) {
88
88
 

2

縦軸を00:00表示にする方法を追加

2021/05/19 23:14

投稿

退会済みユーザー
test CHANGED
@@ -27,3 +27,87 @@
27
27
  適用例:
28
28
 
29
29
  ![イメージ説明](fc4e1b0cf43a88ffdac463958383a2f2.png)
30
+
31
+
32
+
33
+
34
+
35
+
36
+
37
+ -------
38
+
39
+ 縦軸を「00:00」表記にするには下記のようにします。
40
+
41
+ ```
42
+
43
+ scales: {
44
+
45
+ //X軸
46
+
47
+ xAxes: [{
48
+
49
+ stacked: true, //積み上げ棒グラフにする設定
50
+
51
+ ategoryPercentage: 0.4, //棒グラフの太さ
52
+
53
+ //軸ラベル表示
54
+
55
+ scaleLabel: {
56
+
57
+ display: true,
58
+
59
+ labelString: '日付' // 修正
60
+
61
+ }
62
+
63
+
64
+
65
+ }],
66
+
67
+ //Y軸
68
+
69
+ yAxes: [{
70
+
71
+ stacked: true, //積み上げ棒グラフにする設定
72
+
73
+ //軸ラベル表示
74
+
75
+ scaleLabel: {
76
+
77
+ display: true,
78
+
79
+ labelString: '時間' // 修正
80
+
81
+ },
82
+
83
+ ticks: {
84
+
85
+ // 下記追加
86
+
87
+ callback: function (value, index, values) {
88
+
89
+ var h = Math.round(value / 60)
90
+
91
+ var m = value % 60
92
+
93
+ var hh = h < 10 ? "0" + h : h
94
+
95
+ var mm = m < 10 ? "0" + m : m
96
+
97
+ return `${hh}:${mm}`;
98
+
99
+ },
100
+
101
+ max: 720,
102
+
103
+ min: 0,
104
+
105
+ stepSize: 60
106
+
107
+ }
108
+
109
+ }]
110
+
111
+ }
112
+
113
+ ```

1

2021/05/19 23:12

投稿

退会済みユーザー
test CHANGED
@@ -1,4 +1,4 @@
1
- (質問のコードで積み上げ棒グラフが表示できているので、Chart.jsのバージョンが2系であるとの前提です 2.9.3で確認しています。)
1
+ (質問のコードで積み上げ棒グラフが表示できているので、Chart.jsのバージョンが2系であるとの前提です 。Chart.js ver 2.9.3で確認しています。)
2
2
 
3
3
 
4
4