Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么这段代码在呈现两个不同的google图表时抛出语法错误_Javascript_Google Visualization - Fatal编程技术网

Javascript 为什么这段代码在呈现两个不同的google图表时抛出语法错误

Javascript 为什么这段代码在呈现两个不同的google图表时抛出语法错误,javascript,google-visualization,Javascript,Google Visualization,有人能帮我弄清楚为什么我打电话时会出现语法错误吗 <div id='chart_div_org'></div> 在html部分。我可以更早地呈现第一个图表,但是当我在脚本中添加另一个google图表时出现了这个错误。我想我可能犯了一些错误 当两者结合时,有人能告诉我错误吗 <script type="text/javascript" src="https://www.google.com/jsapi"></script>

有人能帮我弄清楚为什么我打电话时会出现语法错误吗

        <div id='chart_div_org'></div>  
在html部分。我可以更早地呈现第一个图表,但是当我在脚本中添加另一个google图表时出现了这个错误。我想我可能犯了一些错误 当两者结合时,有人能告诉我错误吗

 <script type="text/javascript" src="https://www.google.com/jsapi"></script>
         <script type="text/javascript">
         // Load the Visualization API and the orgchart package.
  google.load("visualization", "1.0", {packages:["corechart",'orgchart']});
   // Set a callback to run when the Google Visualization API is loaded.
  google.setOnLoadCallback(drawChart);

  // Callback that creates and populates a data table,
      // instantiates the org chart, passes in the data and
      // draws it.

  function drawChart() {
    var data1 = google.visualization.arrayToDataTable([
      ['PROGRAM', 'SUCCESSFUL STEPS',{ role: 'annotation' } ,'ERRORS',{ role:   
      'annotation' },'WARNINGS', { role: 'annotation' } ],
      ['Curian',  10, 'Completed ', 1,'Errors', 4, 'Warnings'],
      ['Pershing',  11, 'Completed ', 2, 'Errors',   4, 'Warnings'],
      ['DBTCA',  6, 'Completed'  , 3, 'Errors',  1, 'Warnings'],
      ['DBTCA',  1, 'Completed',  4, 'Errors',  5,  'Warnings']
    ]);

    var options1 = {
      title: 'CHECKLIST STEPS EXECUTION PROGRESS',
      hAxis: {title: 'PROGRAM', titleTextStyle: {color: 'red'}}
    };

    var chart1 = new 
    google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart1.draw(data1, options1);


    var data2 = new google.visualization.DataTable();
    data2.addColumn('string', 'Name');
    data2.addColumn('string', 'Location');

    data2.addRows([

      [{v:'FTP LOG', f:'FTP LOG'<div style="color:red; font-style:italic">FTP 
      LOG</div>'}, '', 'The type of log'],
      ['\\inf-ftp01-pri\Log\', 'FTP LOG', ''],
      ['\\inf-ftp02-pri\Log\', 'FTP LOG', ''],

    ]);
    var chart2 = new 
         google.visualization.OrgChart(document.getElementById('chart_div_org'));
    chart2.draw(data2, {allowHtml:true});
  }
</script>

我发现了无效的JSON:

data2.addRows([
    [{v:'FTP LOG', f:'FTP LOG'<div style="color:red; font-style:italic">FTP LOG</div>'}, '', 'The type of log'],
                             ^--closing quote---------------one more closing quote --^
    ['\\inf-ftp02-pri\Log\', 'FTP LOG', ''], <----- remove this comma..
]
还要更正代码


由@user3630022给出-json中有3列,但只有2列addColu

您得到的语法错误是什么?请添加更多有助于调试您的问题的详细信息。您有两个具有不同ID的div吗?是的,我有两个具有不同div ID的div。感谢您的输入。这肯定是一个错误点。我将其更正为[{v:'FTP LOG',f:'FTP LOGFTP LOG'},'日志类型'],但它仍在下一行抛出语法错误['\\inf-ftp01-pri\Log\','FTP Log',],是的…也删除了…但在第二个仍然是一个错误line@user3630022然后是斜杠的问题,它们是转义字符。这也有帮助。但现在我得到了一个不同的错误。未捕获错误:给出的行大小不同于表中列数的2。未捕获错误:给出的行大小不同于2的n表格中的列数.format+en、default+en、ui+en、orgchart+en、corechart+en.I.js:184 T.sY format+en、default+en、ui+en、orgchart+en、corechart+en.I.js:184 T.Cz format+en、default+en、ui+en、orgchart+en、orgchart+en.I.js:185drawChart@user3630022json中有3列,但只有2列addColum
['\\\\inf-ftp01-pri\\Log\\', 'FTP LOG', ''],