2017-03-03 6 views
0

Googleタイムライングラフが機能していない、Googleの日付文字列にpythonデータを変換した。グラフ、Googleグラフが表示されず、「無効なデータテーブル形式:3または4データ列が必要です」というHTMLページが表示されます。Googleタイムライングラフが正しく表示されない「無効なデータテーブルフォーマット:3または4データ列が必要」htmlページ

JSONオブジェクト: `以下

<html> 
 
<head> 
 
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
 
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 
 
</head> 
 
<body> 
 
<script type="text/javascript"> 
 
    google.charts.load("current", {packages:["timeline"]}); 
 
    google.charts.setOnLoadCallback(drawChart); 
 
    function drawChart() { 
 

 
    var container = document.getElementById('example3.1'); 
 
    var chart = new google.visualization.Timeline(container); 
 
    // var dataTable = google.visualization.arrayToDataTable(
 
/* 
 
     [ 
 
    ['Category', 'Name', {role: 'style'}, {type: 'date'}, {type: 'date'}], 
 
    //'Date(2000, 8, 5)' 
 
    ['BINGEN', '1', '#FF0000',  'Date(2014, 7, 1,12,01,01)', 'Date(2014, 7, 1,14,03,02)'], 
 
    ['NRT', '1', '#228B22',  'Date(2014, 7, 1,10,10,10)', 'Date(2014, 7, 1,12,10,10)'], 
 
    ['REGRESSION', '1', '#FF0000', 'Date(2014, 7, 1,09,10,12)', 'Date(2014, 7, 1,12,02,01)'], 
 

 
    ['BINGEN', '2', '#FF0000',  'Date(2014, 7, 1,14,30,01)', 'Date(2014, 7, 1,16,03,02)'], 
 
    ['NRT', '2', '#228B22',   'Date(2014, 7, 1,14,10,10)', 'Date(2014, 7, 1,16,10,10)'], 
 
    ['REGRESSION', '2', '#FFFF00', 'Date(2014, 7, 1,14,10,12)', 'Date(2014, 7, 1,20,02,01)'] 
 
]); 
 
*/ 
 

 

 
var jsonData = $.ajax({ 
 
      url: "/jenkins/2017-02-10", 
 
      dataType: "json", 
 
      async: false 
 
      }).responseText; 
 
var my_data = JSON.parse(jsonData); 
 
my_data.splice(0, 0, ['Category', 'Name', {role: 'style'}, {type: 'date'}, {type: 'date'}]); 
 
var dataTable = new google.visualization.DataTable(my_data); 
 
    chart.draw(dataTable); 
 
    } 
 
</script> 
 

 
<div id="example3.1" style="height: 200px;"></div> 
 
</body> 
 
</html>

`

あなたは、単純な配列データを使用している場合にコメントアウト示すように、HTMLページ

答えて

2

です質問

あなたが直接にフィードすることはできません - >google.visualization.DataTable

ではなく、静的メソッドを使用する必要がある - >google.visualization.arrayToDataTable

var dataTable = google.visualization.arrayToDataTable(my_data); 

に直接供給する - >google.visualization.DataTable

必見ここに見つかったjson形式である...

Format of the Constructor's JavaScript Literal data Parameter

関連する問題