ここや他のウェブサイトで複数の質問/回答を既に読んだことがありますが、うまくいきません。
Date と Count を含むデータベースがあります。PHPを使用して、エンコードすると有効なjsonになるネストされた配列を構築しました。少なくともhttp://jsonlint.com/によると。json (私が見る限り) はhttps://google-developers.appspot.com/chart/interactive/docs/php_exampleのもののように見えます。
私がしようとしている唯一のことは、Google API を使用して縦棒グラフを作成することです (それほど難しいことではありません)... Y 軸にカウント (数量) を、X 軸に日付を表示します。
以下は、json の出力例の 1 つです (いくつか試したことがあると思います)。
{"cols":[{"id":"","label":"Date","type":"date"},{"id":"","label":"Count","type" :"数"}],"行":[{"c":[{"v":"2013-02-08"},{"v":"13"}]},{"c":[ {"v":"2013-02-09"},{"v":"80"}]},{"c":[{"v":"2013-02-10"},{"v" :"2021"}]},{"c":[{"v":"2013-02-11"},{"v":"18"}]},{"c":[{"v" :"2013-02-12"},{"v":"8"}]},{"c":[{"v":"2013-02-13"},{"v":"4" }]}、{"c":[{"v":"2013-02-14"}、{"v":"687"}]}、{"c":[{"v":"2013-02-15"},{"v":"6674"}]},{"c":[{"v":"2013-02-16" },{"v":"656"}]},{"c":[{"v":"2013-02-17"},{"v":"646"}]},{"c" :[{"v":"2013-02-18"},{"v":"672"}]},{"c":[{"v":"2013-02-19"},{" v":"656"}]},{"c":[{"v":"2013-02-20"},{"v":"653"}]},{"c":[{" v":"2013-02-21"},{"v":"697"}]},{"c":[{"v":"2013-02-22"},{"v":" 696"}]},{"c":[{"v":"2013-02-23"},{"v":"679"}]},{"c":[{"v":" 2013 年 2 月 24 日"}、{"v":"647"}]},{"c":[{"v":"2013-02-25"},{"v":"638"}]},{"c":[ {"v":"2013-02-26"},{"v":"636"}]},{"c":[{"v":"2013-02-27"},{"v" :"629"}]},{"c":[{"v":"2013-02-28"},{"v":"644"}]},{"c":[{"v" :"2013-03-01"},{"v":"5648"}]},{"c":[{"v":"2013-03-02"},{"v":"4378" }]},{"c":[{"v":"2013-03-03"},{"v":"664"}]},{"c":[{"v":"2013- 03-04"},{"v":"663"}]},{"c":[{"v":"2013-03-05"},{"v":"630"}]}, {"c":[{"v":"2013-03-06"},{"v":"640"}]},{"c":[{"v":"2013-03-07"},{"v":" 16"}]},{"c":[{"v":"2013-03-08"},{"v":"25"}]},{"c":[{"v":" 2013-03-09"},{"v":"31"}]},{"c":[{"v":"2013-03-10"},{"v":"324"}] },{"c":[{"v":"2013-03-11"},{"v":"9"}]},{"c":[{"v":"2013-03- 12"},{"v":"22"}]},{"c":[{"v":"2013-03-13"},{"v":"23"}]},{" c":[{"v":"2013-03-14"},{"v":"31"}]},{"c":[{"v":"2013-03-15"}, {"v":"29"}]}、{"c":[{"v":"2013-03-16"},{"v":"40"}]},{"c":[{"v":"2013-03-17" },{"v":"15"}]},{"c":[{"v":"2013-03-18"},{"v":"5"}]},{"c" :[{"v":"2013-03-19"},{"v":"13"}]},{"c":[{"v":"2013-03-20"},{" v":"24"}]},{"c":[{"v":"2013-03-21"},{"v":"53"}]},{"c":[{" v":"2013-03-22"},{"v":"808"}]},{"c":[{"v":"2013-03-23"},{"v":" 59"}]},{"c":[{"v":"2013-03-24"},{"v":"24"}]},{"c":[{"v":" 2013-03-25"}、{"v":"2"}]},{"c":[{"v":"2013-03-26"},{"v":"16"}]},{"c":[{" v":"2013-03-27"},{"v":"1546"}]},{"c":[{"v":"2013-03-28"},{"v":" 1554"}]},{"c":[{"v":"2013-03-29"},{"v":"1587"}]},{"c":[{"v":" 2013-03-30"},{"v":"1570"}]},{"c":[{"v":"2013-03-31"},{"v":"1552"}] },{"c":[{"v":"2013-04-01"},{"v":"1559"}]},{"c":[{"v":"2013-04- 02"},{"v":"1568"}]},{"c":[{"v":"2013-04-03"},{"v":"1566"}]},{" c":[{"v":"2013-04-04"},{"v":"1574"}]},{"c":[{"v":"2013-04-05"},{"v":" 1558"}]},{"c":[{"v":"2013-04-06"},{"v":"1626"}]},{"c":[{"v":" 2013-04-07"},{"v":"1562"}]},{"c":[{"v":"2013-04-08"},{"v":"1536"}] },{"c":[{"v":"2013-04-09"},{"v":"1565"}]},{"c":[{"v":"2013-04- 10"},{"v":"1551"}]},{"c":[{"v":"2013-04-11"},{"v":"1547"}]},{" c":[{"v":"2013-04-12"},{"v":"1628"}]},{"c":[{"v":"2013-04-13"}, {"v":"1541"}]},{"c":[{"v":"2013-04-14"},{"v":"1515"}]},{"c":[{"v": "2013-04-15"},{"v":"1537"}]},{"c":[{"v":"2013-04-16"},{"v":"1536"} ]}]}
そしてAPIスクリプト
// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
function drawChart() {
var jsonData = $.ajax({
url: "chartjson.php",
dataType:"json",
async: false
}).responseText;
// Create our data table out of JSON data loaded from server.
var data = new google.visualization.DataTable(jsonData);
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240});
}
エクセルでグラフを作って、スクリーンショットを毎日アップロードしようと真剣に考えているところです。
これを解決する方法についてのアイデアはありますか? 私も近いですか（意地悪しないでください）？
どんな助けでも大歓迎です！