簡単すぎるぞ~
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 | <?php $data = file( 'nikkei225.csv' , FILE_IGNORE_NEW_LINES); unset( $data [0], $data [-1]); function cut( $item ){ return explode ( ',' , $item ); } $data = array_map ( "cut" , $data ); foreach ( $data as $value ){ $days [] = $value [0]; $high [] = $value [3]; $low [] = $value [4]; } /* $php_day = json_encode($days); $php_json = json_encode($low);*/ ?> <html> <head> </head> <body> <p><?php echo $php_json ; ?></p> <canvas id= "stage" ></canvas> </body> <script type= "text/javascript" > var array = <?php echo json_encode( $days , JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT); ?>; console.log( array ); var array2 = <?php echo json_encode( $high , JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT); ?>; console.log(array2); var ctx = document.getElementById( "stage" ); var myLineChart = new Chart(ctx, { //グラフの種類 type: 'line' , //データの設定 data: { //データ項目のラベル labels: array , //データセット datasets: [{ //凡例 label: "日経平均株価" , //背景色 backgroundColor: "rgba(75,192,192,0.4)" , //枠線の色 borderColor: "rgba(75,192,192,1)" , //グラフのデータ data: array2 }] }, //オプションの設定 options: { scales: { //縦軸の設定 yAxes: [{ ticks: { //最小値を0にする beginAtZero: true } }] } } }); </script> </html> |