使动态生成的Google图表具有响应能力

Question

我按照以下示例使用以下代码使Google图表具有响应能力：

$(document).ready( function () {
    //Make Chart(s) Responsive
    $(window).resize(function(){
        drawVisualization();
    });

这在我的html原型中效果很好，但是现在我正在使用PHP生成图表。 作为示例，我可能必须生成n个图表，以便遍历PHP中的一组数据以生成图表将驻留的DIV，JSON数据等等。

我的DIV生成为唯一，例如：

<div id="visualization_**identifier**" style="height:200px;">

然后，我为每个图表创建一个函数来处理render.drawing，如果需要，我可以对其进行唯一的命名：

function drawVisualization_**identifier**()

一切正常，但是jQuery代码要求我drawVisualization_**identifier**()调用每个drawVisualization_**identifier**()来刷新图表，有没有办法动态创建列表并刷新它们？

我假设我可以在我的vizualization div中添加一个类，并使用典型的jQuery代码查询它们（尽管我不确定如何做到）-如果可以做到，我可以操纵它来调用每个drawVisualization_**identifier**()函数执行刷新？

类似于（大致）的东西：

$(document).ready( function () {
    //Make Chart(s) Responsive
    $(window).resize(function(){
        foreach(get visualization div names){
            refreshVizualization('vizualization'+vizDivName);
        }
    });

任何帮助将不胜感激，尽管我觉得我正在使用jQuery和图表，但这使我头疼。 似乎奇怪的是，与Google图表一样出色的功能似乎没有“调整大小时重新绘制”的功能。

Answer 1

似乎在放弃并提出我的问题后，我就有一个好主意的趋势。 我意识到在生成PHP图表的过程中，我还可以创建（在PHP中）一个javaScript函数来进行刷新，然后从jQuery调整大小中调用该函数。 下面的PHP遵循创建我的图表/ divs /回调函数的循环，并且看起来工作得很漂亮。

#Generate Chart Refresh Function to call on Window Resize
print('<script>');
print('function drawVisualization() {');
foreach($entity as $chartid){
    print('   drawVisualization_'.$chartid["uniqueIDperChart"].'();');
}
print('};');
print('</script>');

因此，如果我有四个图表，该函数将具有四个drawVizualization_uniqueID（）; 调用，然后从绑定到窗口调整大小的jQuery事件中调用函数drawVisualization（）。