質問編集履歴
2
情報の修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
JavaScriptおすすめのライブラリを教えてください。
|
test
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
出来るだけ簡単で使いやすいのが良いです。
|
|
2
2
|
|
|
3
|
-
ツールチップではなく、グラフに直接数値をするとこまでは出来たのですが、データの個数が増えると数値が重なってしまい、見えずらくなってしまします。
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
D3.jsやc3.jsは試しましたが、google chartはまだです。
|
1
情報の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,51 +1,5 @@
|
|
|
1
1
|
chart.jsを使い円グラフを作成しました。
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
ツールチップではなく、グラフに直接数値をするとこまでは出来たのですが、データの個数が増えると数値が重なってしまい、見えずらくなってしまします。
|
|
4
|
-
|
|
5
|
-
|
|
6
4
|
|
|
7
5
|
そこでグラフ上に線を引っ張り、下記画像のようにその先に数値とラベルを表示したいのですが、上手くいきません。
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
お手数かけて申し訳ないのですが、得意な方がいましたらアドバイスお願いしたいです。よろしくお願いします。
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
```html
|
|
16
|
-
|
|
17
|
-
<canvas id='CircleChart'</canvas>
|
|
18
|
-
|
|
19
|
-
<script>
|
|
20
|
-
|
|
21
|
-
var ctx = document.getElementById("CircleChart");
|
|
22
|
-
|
|
23
|
-
var CircleChart = new Chart(ctx, {
|
|
24
|
-
|
|
25
|
-
type: 'pie',
|
|
26
|
-
|
|
27
|
-
data: {
|
|
28
|
-
|
|
29
|
-
labels: ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T"],
|
|
30
|
-
|
|
31
|
-
datasets: [{
|
|
32
|
-
|
|
33
|
-
data: [38, 31, 21, 10, 38, 31, 21, 10, 3, 31, 21, 10, 38, 31, 21, 10, 1, 10, 38, 31]
|
|
34
|
-
|
|
35
|
-
}]
|
|
36
|
-
|
|
37
|
-
},
|
|
38
|
-
|
|
39
|
-
options: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
</script>
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
```
|