Javascript：変数をGoogle Charts APIに渡す

Question

Google Pie Charts APIをJavascriptで使用しています。私はPHPの中でJavascriptを使用しています。配列の要素をAPI urlに渡しています。しかし、どういうわけか、私は必要な円グラフを取得していません。 API urlに変数を渡す構文を迷惑していると思います。

これは私が使用していますコードです：

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の文字列の外側の引用符は、二重引用符であるため、変数への参照は、実際には、すべての変数への参照ではありません。あなたの質問の中のテキストの色分けは、それをはっきりと示しているはずです。

試してみてください。

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' />";