Uncaught SyntaxError: Неожиданный конец ввода Google Charts

Question

Я пытаюсь вызвать таблицу с помощью панели Google Chart Dashboard, но я получаю эту ошибку. Не уверен, что с этим не так. Несмотря на то, что код похож на мои предыдущие диаграммы. Что-нибудь другое с Table Chart?

HTML

<div id="dashboard3_div"> 

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

JS (Создаваемые с помощью C#)

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 на столе выглядит прочь, он должен соответствовать id в виде div ...

попытка ->'containerId': 'chart3_div'

вместо ->'containerId': 'Assignee'

, наконец, chartType должен соответствовать имени класса диаграммы
около того 'table' потребности быть капитализированы ->'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>