1
infoBubble을 사용하여 Google 차트 도구 (이미지 차트가 아닌 시각화 API)를 사용하려고합니다. infobubble은 굉장합니다. 내가 필요로하는 것을 정확히 수행한다. 내 프로젝트는 infobubble 탭 중 하나에서 차트를 사용하도록 요구합니다. 그래서이 코드 (아래 참조)를 사용하여 div의 내용에 차트를 생성 할 contentString을 작성하려고합니다. 그래도 차트를 만들지는 않습니다. 특히 컨텐츠 문자열에 어떤 것이 잘못 보이는지?google maps api infowindow 콘텐츠 문자열에서 Google 차트 도구 사용
//returns the status string
function GetPublicProjectStatusString(data){
var contentString = '<div id="content" style="margin:0;">'+
'<h3>' + 'Project Phase' + '</h3>'+
'<p>' + data.ProjectPhase + '</p>'+
'<div id="parentDiv">' +
'<div id="chartDiv" style="top:0px;left:0px;width:200px;height:200px;">' +
'</div>' +
'<div id="secondDiv">' +
'<h3>' + 'Start Date' + '</h3>' +
'</div>' +
'</div>' +
'</div>' +
'<script type="text/javascript">' +
'var chartdata = new google.visualization.DataTable();' +
'chartdata.addColumn("string", "Source");' +
'chartdata.addColumn("number", "Amount");' +
'chartdata.addRows([' +
'["Federal",4],' +
'["State",8],' +
'["County",9],' +
'["Local",14],' +
']);' +
'var options = {"title":"Project Budget"' +
'"width":200,' +
'"height":200};' +
'var chart = new google.visualization.PieChart(document.getElementById("chartDiv"));' +
'chart.draw(data,options);' +
'</script>';
return contentString;
}