javascript - 为什么 Google Chart API 只显示饼图的图例？

Question

我正在尝试使用以下 URL 在 ASP.NET 网页中加载饼图:http://chart.apis.google.com/chart?cht=p3&chs=340x140&chdl=field1%7Cfield2%7Cfield3%7Cfield4&chl=100%%25%7C0%%25%7C0%%25%7C0%%25&chco=B32222|CC5C5C|BFBFBF|696969&chtt=&chts=000000,24&chd=t:100%,0%,0%,0% 。但是，它仅显示图表的图例，而不显示图表本身。正如您从 URL 中看到的，正在传递有效值。谁能解释一下为什么会发生这种情况？

这是使用 URL 的上下文:

 google.maps.event.addListener(marker, "click", function () {
 '<div id="chartDiv">' + //Pie chart image

                 '<img src="http://chart.apis.google.com/chart?cht=p3&chs=340x140&chdl=field1%7Cfield2%7Cfield3%7Cfield4&chl='
                 + field1+
                 '%25%7C'
                 + field2+
                 '%25%7C'
                 + field3+
                 '%25%7C'
                 + field4+
                 '%25&chco=B32222|CC5C5C|BFBFBF|696969&chtt=&chts=000000,24&chd=t:'
                 + field1+ ',' + field2+ ',' + field3 + ',' + field4 +
                 '" />' +



                '</div>' +   // End of chartdiv
}

Answer 1

让图表显示的几件事......

Removed extra %'s from chl
Removed all %'s from chd

http://chart.apis.google.com/chart?cht=p3&chs=340x140&chdl=field1%7Cfield2%7Cfield3%7Cfield4&chl=100%25%7C0%25%7C0%25%7C0%25&chco=B32222|CC5C5C|BFBFBF|696969&chts=000000,24&chd=t:100,0,0,0