質問編集履歴

2

2020/10/21 03:05

投稿

yaa_
yaa_

スコア0

test CHANGED
File without changes
test CHANGED
@@ -29,6 +29,8 @@
29
29
  https://teratail.com/questions/93985
30
30
 
31
31
 
32
+
33
+ ```ここに言語を入力
32
34
 
33
35
  <html lang="ja">
34
36
 
@@ -133,3 +135,5 @@
133
135
  </body>
134
136
 
135
137
  </html>
138
+
139
+ ```

1

2020/10/21 03:05

投稿

yaa_
yaa_

スコア0

test CHANGED
File without changes
test CHANGED
@@ -27,3 +27,109 @@
27
27
  申し訳ございませんが、教えて頂けると幸いです。
28
28
 
29
29
  https://teratail.com/questions/93985
30
+
31
+
32
+
33
+ <html lang="ja">
34
+
35
+
36
+
37
+ <head>
38
+
39
+ <title>グラフ</title>
40
+
41
+ </head>
42
+
43
+ <body>
44
+
45
+ <canvas id="myRaderChart"></canvas>
46
+
47
+ <!-- CDN -->
48
+
49
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.js"></script>
50
+
51
+ <script>
52
+
53
+ var ctx = document.getElementById("myRaderChart");
54
+
55
+ var myRadarChart = new Chart(ctx, {
56
+
57
+ type: 'radar',
58
+
59
+ data: {
60
+
61
+ labels: ["test1", "test2", ["test", "3"]],
62
+
63
+ datasets: [{
64
+
65
+ label: 'てすと',
66
+
67
+ data: [92, 72, 86],
68
+
69
+ backgroundColor: 'RGBA(225,95,150, 0.5)',
70
+
71
+ borderColor: 'RGBA(225,95,150, 1)',
72
+
73
+ borderWidth: 1,
74
+
75
+ pointBackgroundColor: 'RGB(46,106,177)'
76
+
77
+ }]
78
+
79
+ },
80
+
81
+ options: {
82
+
83
+ legend: {
84
+
85
+ display: false
86
+
87
+ },
88
+
89
+ title: {
90
+
91
+ display: true,
92
+
93
+ text: '診断結果'
94
+
95
+ },
96
+
97
+ tooltips: {
98
+
99
+
100
+
101
+ },
102
+
103
+ scale:{
104
+
105
+ ticks:{
106
+
107
+ suggestedMin: 10,
108
+
109
+ suggestedMax: 100,
110
+
111
+ stepSize: 10,
112
+
113
+ callback: function( index, values){
114
+
115
+ return ''
116
+
117
+ }
118
+
119
+ }
120
+
121
+ }
122
+
123
+ }
124
+
125
+
126
+
127
+ });
128
+
129
+
130
+
131
+ </script>
132
+
133
+ </body>
134
+
135
+ </html>