2016-09-16 45 views
-1

我不明白爲什麼我在使用數據表的Google圖表創建表格時在第二個'action_id'列中獲得NaN。數據表是由我使用csv模塊在Python中轉換的.csv文件創建的。谷歌圖表生成的NaN

這是隻有原始數組樣本的代碼。它太大,不能方便地在這裏發佈。

<html> 
<head> 
<!--Load the AJAX API--> 
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
<script type="text/javascript"> 

    // Load the Visualization API and the controls package. 
    google.charts.load('current', {'packages':['corechart', 'table', 'gauge', 'controls']}); 

    // Set a callback to run when the Google Visualization API is loaded. 
    google.charts.setOnLoadCallback(drawDashboard); 

    // Callback that creates and populates a data table, 
    // instantiates a dashboard, a range slider and a pie chart, 
    // passes in the data and draws it. 
    function drawDashboard() { 

    // Create our data table. 
    var data = google.visualization.arrayToDataTable([['agent_id', 'action_id', 'object_definition_name', 'object_definition_description', 'timestamp', 'readable_result_duration', 'result_response'], ['[email protected]', 'downloaded', 'AF1 Assignment 3 Question1 NIC', 'AF1 Assignment 3 Question1 NIC', '2016-07-29T15:29:50.354Z', '', ''], ['[email protected]', 'earned', 'AF1 Module 2 Assignment', 'AF1 Module 2 Assignment', '2016-07-29T14:24:07.187Z', '', ''], ['[email protected]', 'earned', 'Completed lesson "AF1 Module 2: Capital Gains Tax"', 'Completed lesson "AF1 Module 2: Capital Gains Tax"', '2016-07-29T14:24:07.68Z', '', ''], ['[email protected]', 'completed', 'AF1 Module 2: Capital Gains Tax', 'AF1 Module 2: Capital Gains Tax', '2016-07-29T14:24:06.840Z', '', ''], ['[email protected]', 'earned', 'AF1 Module 2', 'AF1 Module 2', '2016-07-29T14:15:18.14Z', '', ''], ['[email protected]', 'earned', 'Completed quiz \xc3\xa2\xe2\x82\xac\xc5\x93AF1 M2 CGT\xc3\xa2\xe2\x82\xac\xc2\x9d with a score of 80 or higher', 'Completed quiz \xc3\xa2\xe2\x82\xac\xc5\x93AF1 M2 CGT\xc3\xa2\xe2\x82\xac\xc2\x9d with a score of 80 or higher', '2016-07-29T14:15:17.886Z', '', ''], ['[email protected]', 'completed', 'AF1 M2 CGT', 'AF1 M2 CGT', '2016-07-29T14:15:17.616Z', '22min 49sec', ''], ['[email protected]', 'downloaded', 'AF1 Assignment 2 Q&A July 2016', 'AF1 Assignment 2 Q&A July 2016', '2016-07-25T22:25:04.85Z', '', ''], ['[email protected]', 'downloaded', 'AF1 Assignment 2 CGT Question July 2016', 'AF1 Assignment 2 CGT Question July 2016', '2016-07-25T22:00:44.152Z', '', ''], ['[email protected]', 'completed', 'AF1 M2 CGT', 'AF1 M2 CGT', '2016-07-25T21:56:56.648Z', '19min 3sec', ''], ['[email protected]', 'completed', 'AF1 M2 CGT Main reliefs video', '', '2016-07-25T21:37:51.197Z', '18min 36sec', ''], ['[email protected]', 'completed', 'AF1 M2 CGT calculation structure video', '', '2016-07-25T21:14:56.292Z', '24min 7sec', '']]); 

    // Create a dashboard. 
    var dashboard = new google.visualization.Dashboard(
     document.getElementById('dashboard_div')); 


var categoryPicker = new google.visualization.ControlWrapper({ 
    'controlType': 'CategoryFilter', 
     'containerId': 'categoryPicker_div', 
     'options': { 
     'filterColumnIndex': 0, 
    'ui': { 
     'labelStacking': 'vertical', 
     'label': 'Filter:' 
     } 
     } 
    }); 
    var table = new google.visualization.ChartWrapper({ 
     'chartType': 'Table', 
     'containerId': 'table_div', 
     'options': { 
     } 
    }); 
    // Establish dependencies, declaring that 'filter' drives 'pieChart', 
    // so that the pie chart will only display entries that are let through 
    // given the chosen slider range. 
    dashboard.bind(categoryPicker, [pieChart, table]); 

    // Draw the dashboard. 
    dashboard.draw(data); 
    } 
</script> 
</head> 

<body> 
<!--Div that will hold the dashboard--> 
<div id="dashboard_div"> 
    <!--Divs that will hold each control and chart--> 
    <div id="categoryPicker_div"></div> 
    <div id="chart_div"></div> 
    <div id="table_div"></div> 
</div> 
</body> 
</html> 

任何幫助將不勝感激。從問題

+2

沒有人會點擊你的嚇人的外部鏈接。在您的問題中發佈相關代碼。 – WillardSolutions

+0

或者至少,在JSFiddle或Codepen等中重新創建問題。 – WillardSolutions

+0

可能是一個類型爲''number''的列正在接收''string'' – WhiteHat

回答

0

代碼似乎罰款這裏工作......

google.charts.load('current', {'packages':['corechart', 'table', 'gauge', 'controls']}); 
 
google.charts.setOnLoadCallback(drawDashboard); 
 

 
function drawDashboard() { 
 
    var data = google.visualization.arrayToDataTable([['agent_id', 'action_id', 'object_definition_name', 'object_definition_description', 'timestamp', 'readable_result_duration', 'result_response'], ['[email protected]', 'downloaded', 'AF1 Assignment 3 Question1 NIC', 'AF1 Assignment 3 Question1 NIC', '2016-07-29T15:29:50.354Z', '', ''], ['[email protected]', 'earned', 'AF1 Module 2 Assignment', 'AF1 Module 2 Assignment', '2016-07-29T14:24:07.187Z', '', ''], ['[email protected]', 'earned', 'Completed lesson "AF1 Module 2: Capital Gains Tax"', 'Completed lesson "AF1 Module 2: Capital Gains Tax"', '2016-07-29T14:24:07.68Z', '', ''], ['[email protected]', 'completed', 'AF1 Module 2: Capital Gains Tax', 'AF1 Module 2: Capital Gains Tax', '2016-07-29T14:24:06.840Z', '', ''], ['[email protected]', 'earned', 'AF1 Module 2', 'AF1 Module 2', '2016-07-29T14:15:18.14Z', '', ''], ['[email protected]', 'earned', 'Completed quiz \xc3\xa2\xe2\x82\xac\xc5\x93AF1 M2 CGT\xc3\xa2\xe2\x82\xac\xc2\x9d with a score of 80 or higher', 'Completed quiz \xc3\xa2\xe2\x82\xac\xc5\x93AF1 M2 CGT\xc3\xa2\xe2\x82\xac\xc2\x9d with a score of 80 or higher', '2016-07-29T14:15:17.886Z', '', ''], ['[email protected]', 'completed', 'AF1 M2 CGT', 'AF1 M2 CGT', '2016-07-29T14:15:17.616Z', '22min 49sec', ''], ['[email protected]', 'downloaded', 'AF1 Assignment 2 Q&A July 2016', 'AF1 Assignment 2 Q&A July 2016', '2016-07-25T22:25:04.85Z', '', ''], ['[email protected]', 'downloaded', 'AF1 Assignment 2 CGT Question July 2016', 'AF1 Assignment 2 CGT Question July 2016', '2016-07-25T22:00:44.152Z', '', ''], ['[email protected]', 'completed', 'AF1 M2 CGT', 'AF1 M2 CGT', '2016-07-25T21:56:56.648Z', '19min 3sec', ''], ['[email protected]', 'completed', 'AF1 M2 CGT Main reliefs video', '', '2016-07-25T21:37:51.197Z', '18min 36sec', ''], ['[email protected]', 'completed', 'AF1 M2 CGT calculation structure video', '', '2016-07-25T21:14:56.292Z', '24min 7sec', '']]); 
 

 
    var dashboard = new google.visualization.Dashboard(
 
    document.getElementById('dashboard_div') 
 
); 
 

 
    var categoryPicker = new google.visualization.ControlWrapper({ 
 
    controlType: 'CategoryFilter', 
 
    containerId: 'categoryPicker_div', 
 
    options: { 
 
     filterColumnIndex: 0, 
 
     ui: { 
 
     labelStacking: 'vertical', 
 
     label: 'Filter:' 
 
     } 
 
    } 
 
    }); 
 

 
    var table = new google.visualization.ChartWrapper({ 
 
    chartType: 'Table', 
 
    containerId: 'table_div' 
 
    }); 
 

 
    dashboard.bind(categoryPicker, [table]); 
 
    dashboard.draw(data); 
 
}
div { 
 
    padding: 8px; 
 
}
<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="categoryPicker_div"></div> 
 
<div id="table_div"></div>

+0

這有效,但我不確定此代碼和我的代碼之間有什麼區別。我的NaN結果是由錯誤還是其他?我真的很想知道我做錯了什麼。 –

+0

你還能分享什麼,這是整個頁面?我只清理了格式並刪除了評論... – WhiteHat

+0

我編輯了我發佈的代碼以將所有代碼包含在我的文件中。不知道這是否有很大的改變。 –