###前提・実現したいこと
データーベースにはid、日付、値段、人数が保存してあります。
それらを動的に折れ線グラフを作っていまして、表示までさせることはできましたが30件以上表示させますと下に大量の日付が表示されてしまうので取得してる日付を一定の間隔のような感じに表示したいのですが可能でしょうか?
2016/08/01 2016/08/15 2016/08/30
イメージ的にはこんな感じになります。
今のところ30件すべてに日付が入ってるので邪魔な感じです。
###該当のソースコード
<?php $con = mysqli_connect('host','user','pw','db'); ?> <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawContinuousDateChart); function drawContinuousDateChart() { var data = google.visualization.arrayToDataTable([ ['日付', '値段'], <?php $query = "SELECT * FROM data order by id limit 30"; $exec = mysqli_query($con,$query); while($row = mysqli_fetch_array($exec)){ echo "['".$row['time']."',".$row['nedan']."],"; } ?> ]); //デザイン変更 var options = { title:'値段', width: 950, height: 200, colors: ['#0000FF'], pointSize: 8, lineWidth: 4, pointSize: 6, vAxis: {direction: -1, minValue: 1}, chartArea: {left: 100}, titleTextStyle: { fontSize: 12 }, legend: { position: 'top'}, }; //ここまで var chart = new google.visualization.LineChart(document.getElementById('nedan')); chart.draw(data, options); } </script>
回答1件
あなたの回答
tips
プレビュー