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', ''],