Javascript: Передача переменной в Google Chart API

Question

Я работаю с API Google Pie Charts API в Javascript. Я использую Javascript внутри PHP. Я передаю элементы массива в URL-адрес API. Но, как-то, я не получаю требуемую круговую диаграмму. Я думаю, что я возился с синтаксисом передачи переменных в URL-адрес API.

Это код, я использую:

function pie(){ 
?> 
<SCRIPT LANGUAGE='Javascript'><!-- 

piechart(); 
function piechart() { 
var chtdata = new Array(50,50,100,25);  // Array containing values to be mapped 

var doc1 = "<img src='http://chart.apis.google.com/chart?cht=p3&chs=450x200&chd=t:'+chtdata[0]+',50,100,20&chl='r'|'s'|'g'|'h'&chtt='Visitor Details'&chco=ff0000' name='piechart' />"; 
document.write(doc1); 
document.write('Done.'); 

} 
</SCRIPT> 
<?php 

Было бы замечательно, если бы вы могли бы указать на мою ошибку. Любая помощь будет оценена.

Answer 1

Поскольку внешние кавычки в вашей строке JavaScript являются двойными кавычками, ссылка на переменную на самом деле не является ссылкой на переменную вообще. Цветное кодирование текста прямо в вашем вопросе должно четко показать это.

Try:

var doc1 = "<img src='http://chart.apis.google.com/chart?cht=p3&chs=450x200&chd=t:"+val1+",50,100,20&chl='r'|'s'|'g'|'h'&chtt='Visitor Details'&chco=ff0000' name='piechart' />";