teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

参考コード追加

2016/01/09 08:54

投稿

coba-coba
coba-coba

スコア1409

answer CHANGED
@@ -4,4 +4,81 @@
4
4
  すみません、ご質問をよく読んでいませんでした。
5
5
  それだとだめなんですよね・・・
6
6
 
7
- しかし、最低でも関数名は重複しないようにする必要はあると思います。
7
+ しかし、最低でも関数名は重複しないようにする必要はあると思います。
8
+
9
+
10
+ 追記2:
11
+ 参考コード(コピペしてhtmlファイルに貼り付けるだけで確認できるはずです。)
12
+
13
+ ```HTML
14
+ <html>
15
+ <head>
16
+ <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
17
+ <script type="text/javascript">
18
+ google.charts.load('current', {'packages':['corechart']});
19
+ google.charts.setOnLoadCallback(drawChart);
20
+
21
+ <!-- 追記1 ここから-->
22
+ google.charts.setOnLoadCallback(drawChart2);
23
+ <!-- 追記1 ここまで-->
24
+
25
+
26
+ function drawChart() {
27
+ var data = google.visualization.arrayToDataTable([
28
+ ['Year', 'Sales', 'Expenses'],
29
+ ['2004', 1000, 400],
30
+ ['2005', 1170, 460],
31
+ ['2006', 660, 1120],
32
+ ['2007', 1030, 540]
33
+ ]);
34
+
35
+ var options = {
36
+ title: 'Company Performance',
37
+ curveType: 'function',
38
+ legend: { position: 'bottom' }
39
+ };
40
+
41
+ var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
42
+
43
+ chart.draw(data, options);
44
+ }
45
+
46
+ <!-- 追記2 ここから-->
47
+ function drawChart2() {
48
+ var data = google.visualization.arrayToDataTable([
49
+ ['Year', 'Sales', 'Expenses'],
50
+ ['2004', 1000, 400],
51
+ ['2005', 1170, 460],
52
+ ['2006', 660, 1120],
53
+ ['2007', 1030, 540]
54
+ ]);
55
+
56
+ var options = {
57
+ title: 'Company Performance',
58
+ curveType: 'function',
59
+ legend: { position: 'bottom' }
60
+ };
61
+
62
+ <!-- 編集1 ここから-->
63
+ var chart = new google.visualization.LineChart(document.getElementById('curve_chart2'));
64
+ <!-- 編集2 ここまで-->
65
+
66
+ chart.draw(data, options);
67
+ }
68
+ <!-- 追記2 ここまで-->
69
+
70
+ </script>
71
+
72
+ </head>
73
+ <body>
74
+ <div id="curve_chart" style="width: 900px; height: 500px"></div>
75
+
76
+ <!-- 追記3 ここから-->
77
+ <div id="curve_chart2" style="width: 900px; height: 500px"></div>
78
+ <!-- 追記3 ここまで-->
79
+
80
+
81
+ </body>
82
+ </html>
83
+
84
+ ```

2

追記

2016/01/09 08:54

投稿

coba-coba
coba-coba

スコア1409

answer CHANGED
@@ -2,4 +2,6 @@
2
2
 
3
3
  追記:
4
4
  すみません、ご質問をよく読んでいませんでした。
5
- それだとだめなんですよね・・・
5
+ それだとだめなんですよね・・・
6
+
7
+ しかし、最低でも関数名は重複しないようにする必要はあると思います。

1

追記

2016/01/08 13:39

投稿

coba-coba
coba-coba

スコア1409

answer CHANGED
@@ -1,1 +1,5 @@
1
- drawChartという関数名が重複しているのが原因だと思います。
1
+ drawChartという関数名が重複しているのが原因だと思います。
2
+
3
+ 追記:
4
+ すみません、ご質問をよく読んでいませんでした。
5
+ それだとだめなんですよね・・・