Uncaught SyntaxError：予期せぬ入力のGoogle Charts

Question

Google Chart Dashboardを使用してテーブルチャートを呼び出そうとしていますが、このエラーが発生しています。これに何が間違っているか分かりません。コードは以前のチャートと似ていますが。 Table Chartと異なるものはありますか？ （C＃のを介して生成）

HTML

<div id="dashboard3_div"> 

       <div id="filter3_div"></div> 
       <br /> 
       <div id="chart3_div"></div> 
      </div> 

JS

google.charts.setOnLoadCallback(drawDashboard); 

    function drawDashboard() { 
     var data = google.visualization.arrayToDataTable([ 
      ['ID', 'Time', 'Status', 'Assignee', 'DTime'], 
// My data here 

     ]); 
     var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard3_div')); 
     var slider = new google.visualization.ControlWrapper({ 
      'controlType': 'CategoryFilter', 
      'containerId': 'filter3_div', 
      'options': { 
       'filterColumnLabel': 'Assignee', 
       'ui': { 
        'allowTyping': true, 
        'allowMultiple': false, 
        'allowNone': false, 
        'sortValues': false, 
       } 
      } 
     }); 
     var table= new google.visualization.ChartWrapper({ 
      'chartType': 'table', 
      'containerId': 'Assignee', 
     }); 

     dashboard.bind(slider, table); 

     // Draw the dashboard. 
     dashboard.draw(data); 

Uncaught SyntaxError: Unexpected end of input

ライン92は、私はあなただけのカップルの誤植を持っていると思うdashboard.draw(data);

Answer 1

..です。

まず、あなたが'table'パッケージを含めていることを確認してください（質問には示されていない）
packages: ['controls', 'table']

次、テーブルの上にcontainerIdがオフに見える、それはdivのidと一致する必要があります...

試み - >'containerId': 'chart3_div'

代わりに - >'containerId': 'Assignee'

最後に、そう'table'ニーズ大文字にするチャートのクラス名
と一致するように、chartTypeニーズ - >'Table'

が作業スニペット以下を参照してくださいが...

あなたは

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['ID', 'Time', 'Status', 'Assignee', 'DTime'], 
 
     [0, '7:47 am', 'Testing', 'WhiteHat', '8:00 am'] 
 
    ]); 
 
    var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard3_div')); 
 
    var slider = new google.visualization.ControlWrapper({ 
 
     'controlType': 'CategoryFilter', 
 
     'containerId': 'filter3_div', 
 
     'options': { 
 
      'filterColumnLabel': 'Assignee', 
 
      'ui': { 
 
       'allowTyping': true, 
 
       'allowMultiple': false, 
 
       'allowNone': false, 
 
       'sortValues': false, 
 
      } 
 
     } 
 
    }); 
 
    var table= new google.visualization.ChartWrapper({ 
 
     'chartType': 'Table', 
 
     'containerId': 'chart3_div', 
 
    }); 
 

 
    dashboard.bind(slider, table); 
 

 
    // Draw the dashboard. 
 
    dashboard.draw(data); 
 
    }, 
 
    packages: ['controls', 'table'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="dashboard3_div"> 
 
    <div id="filter3_div"></div> 
 
    <br /> 
 
    <div id="chart3_div"></div> 
 
</div>