0
私は現在、私たちのサイトでライブデータを表示する方法としてGoogleのチャートを利用しようとしています。私は、CSVデータファイルをチャートにロードして3本のラインを表示できるようにしたいと考えています。Google Chart with CSV Data：Columns error
私はこれだけの形式のように私のCSVのデータの2つの列を持っていたときに動作するコードを持っている：私は試してみて、二つ以上で私のチャートをロードする際に
year,daily
2008,26.541
2009,24.748
2010,24.803
2011,25.483
2012,24.729
2013,24.413
2014,24.879
私の問題は、ここでは、発生したおおよそです私は（Thornton.M2.csv）をしたいフォーマット：
ID,Value,HighValue,LowValue
1,376,386,366
2,386,396,376
3,396,406,386
4,406,416,396
5,416,426,406
私がしようとすると、この形式で実行すると、私はGoogleのチャートエラーに
を取得ここで私のHTMLコードは、スクリプトがデータテーブルで使用するために配列文字列を2次元配列に変えます。
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<title>Google Graph and CSV</title>
<meta name="description" content="test">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="jquery.csv.min.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript"> // load the visualisation API
google.load('visualization', '1', { packages: ['corechart', 'controls'] });
</script>
<script type="text/javascript">
function drawVisualization() {
$.get("Thornton.M2.csv", function(csvString) {
// transform the CSV string into a 2-dimensional array
var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});
// this new DataTable object holds all the data
var data = new google.visualization.arrayToDataTable(arrayData);
// CAPACITY - En-route ATFM delay - YY - CHART
var crt_ertdlyYY = new google.visualization.ChartWrapper({
chartType: 'LineChart',
containerId: 'crt_ertdlyYY',
dataTable: data,
options:{
width: 450, height: 160,
title: 'EU-wide en-route ATFM delays (year to date)',
titleTextStyle : {color: 'grey', fontSize: 11},
}
});
crt_ertdlyYY.draw();
});
}
google.setOnLoadCallback(drawVisualization)
</script>
</head>
<body>
<div id="crt_ertdlyYY"></div>
</body>
</html>
誰もが、私はそれを感謝正しい方向に私を指すことができます場合は、列の数は、今私にエラーを与えている理由を私は理解しトラブルを抱えています！私は、私はここに同じ構文を使用して、エントリの2行目を解析されてきた二つのパラメータ
var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});
を有していると私はまだCSV文字列を解析しようとしていたが実現