teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問CanvasJSでグラフがうまく表示できない

編集履歴

質問編集履歴

1

ソースコードのインデント修正しました。

2018/06/22 06:58

投稿

Otazoman
Otazoman

スコア44

title CHANGED
File without changes
body CHANGED
@@ -24,35 +24,36 @@
24
24
 
25
25
  ```JavaScript
26
26
  //データ生成用のfunction
27
- 　　　　 var graphData = new Array(); //(1)
27
+ var graphData = new Array(); //(1)
28
- function getCalcResult() {
28
+ function getCalcResult() {
29
+ for (var i= Number(tlife[rFlg][0]) ; i < dethYear ; i++) {
29
- //　～計算ロジック類～：今回の不具合とは関係ない
30
+ //　～計算ロジック類～：今回の不具合とは関係ない
30
- oHtml=oHtml+'</tr>'
31
+ oHtml=oHtml+'</tr>'
31
- var tGdata = '{label:' + i + ', y:' + bl +'}';
32
+ var tGdata = '{label:' + i + ', y:' + bl +'}';
32
- graphData.push(tGdata);
33
+ graphData.push(tGdata);
33
- }
34
+ }
34
- var oHtml= oHtml + '</table>'
35
+ var oHtml= oHtml + '</table>'
35
- elm.innerHTML = oHtml;
36
+ elm.innerHTML = oHtml;
36
- renderGraph(graphData);　//(2)
37
+ renderGraph(graphData);　//(2)
37
- }
38
+ }
38
39
 
39
40
  //グラフ描画用のfunction
40
- graphData = [];　//(3)
41
+ graphData = [];　//(3)
41
- function renderGraph(graphData){
42
+ function renderGraph(graphData){
42
- //gDataは配列でなければいけない。
43
+ //gDataは配列でなければいけない。
43
- console.log(graphData);　　//(4)
44
+ console.log(graphData);　　//(4)
44
- var chart = new CanvasJS.Chart("chartContainer", {
45
+ var chart = new CanvasJS.Chart("chartContainer", {
45
- animationEnabled: true,
46
+ animationEnabled: true,
46
- theme: "light2",
47
+ theme: "light2",
47
- data: [{
48
+ data: [{
48
- // グラフの種類を設定する
49
+ // グラフの種類を設定する
49
- type: 'column',
50
+ type: 'column',
50
- // グラフに描画するデータを設定する
51
+ // グラフに描画するデータを設定する
51
- dataPoints:[graphData]　//(5)
52
+ dataPoints:[graphData]　//(5)
52
- }]
53
+ }]
53
- });
54
+ });
54
- chart.render();
55
+ chart.render();
55
- }
56
+ }
56
57
  ```
57
58
 
58
59
  ### 試したこと