Javascript 从fusion表制作柱形图时遇到的问题

我正在尝试通过单击（使用我的google.maps.event.addListener（））从两行（POTENTIAL_u和TOTAL_uRoof）创建数据的柱状图

因此，基本上一行数据将显示在图表上——基于用户的点击

谁能帮我除掉杂草吗

我的融合表在这里：

js功能1：

google.load('visualization', '1', {packages: ['corechart']});

function drawVisualization() {
    var queryText = encodeURIComponent("SELECT POTENTIAL_, TOTAL_ROOF, BLDG_ID FROM 1DGswslbC5ijqWHPJvOH1NH7vltkZIPURJun_L5I");
    google.visualization.drawChart({
    "containerId" : "visualization_div",
    "dataSourceUrl" : 'https://www.google.com/fusiontables/DataSource?docid=',
    "query" : "SELECT POTENTIAL_, TOTAL_ROOF FROM 1DGswslbC5ijqWHPJvOH1NH7vltkZIPURJun_L5I",
    "chartType" : "ColumnChart"
    })};

js功能2：

// Function call: Click Listener on layer using jquery
             google.maps.event.addListener(layer, 'click', function(e, drawVisualization) {
             $("#roof-panel-area").html(
             '<p><strong>Total Roof Area (sqft)</strong>: ' + '&nbsp;&nbsp;' + Math.round(e.row['TOTAL_ROOF'].value) +
             '<br><strong> Potential Roof Area (sqft)</strong>:' + '&nbsp;&nbsp;' + Math.round(e.row['POTENTIAL_'].value) +
             '<br><strong> Pitched or Flat Roof (?)</strong>:'+ '&nbsp;&nbsp;' +  e.row['PITCHED_OR'].value +
             '<br><strong> # of Panels per Roof Area :</strong>' + '&nbsp;&nbsp;' + Math.round(e.row['NUMBER_OF_'].value) + '</p>');
            });

        layer.setMap(map);

             google.maps.event.addListener(layer, 'click', function(e) {
         $("#roof-panel-area").html(
         '<p><strong>Total Roof Area (sqft)</strong>: ' + '&nbsp;&nbsp;' + Math.round(e.row['TOTAL_ROOF'].value) + 
         '<br><strong> Potential Roof Area (sqft)</strong>:' + '&nbsp;&nbsp;' + Math.round(e.row['POTENTIAL_'].value) + 
         '<br><strong> Pitched or Flat Roof (?)</strong>:'+ '&nbsp;&nbsp;' +  e.row['PITCHED_OR'].value + 
         '<br><strong> # of Panels per Roof Area :</strong>' + '&nbsp;&nbsp;' + Math.round(e.row['NUMBER_OF_'].value) +
         '</p>');
         drawVisualization(e);
        });

    layer.setMap(map);

}

//函数调用：使用jquery在层上单击Listener
google.maps.event.addListener（层，'click'，函数（e，drawVisualization）{
$（“#车顶面板面积”）.html(
“屋顶总面积（sqft）：”+“”+数学圆整（e.row['Total_Roof']值）+
“
潜在屋顶面积（sqft）：”+“”+数学圆整（e.row['Potential_']值）+
“
倾斜或平屋顶（？）：”+“”+e.row[“倾斜”或“]”值+
每个屋顶区域的面板数：'+''+数学圆整（e.row['NUMBER\u of_'].value）+'
'；
});
图层设置图（map）；

html:

建筑物根据屋顶尺寸和增加面板放置的可能性进行符号化。
建筑概况：

您的数据源URL使用了错误的端点

如果我使用“”（而不是“”），我至少会得到一个图表

---

太棒了。谢谢答案是：

js功能1：

function drawVisualization(e) {

        var data = google.visualization.arrayToDataTable([
          ['Area', 'Potential', 'Total'],
          ['Building',  Math.round(e.row['POTENTIAL_'].value), Math.round(e.row['TOTAL_ROOF'].value)],
        ]);

        var options = {
          title: 'Company Performance',
          hAxis: {title: 'Year', titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('visualization_div'));
        chart.draw(data, options);
    };

js功能2：

// Function call: Click Listener on layer using jquery
             google.maps.event.addListener(layer, 'click', function(e, drawVisualization) {
             $("#roof-panel-area").html(
             '<p><strong>Total Roof Area (sqft)</strong>: ' + '&nbsp;&nbsp;' + Math.round(e.row['TOTAL_ROOF'].value) +
             '<br><strong> Potential Roof Area (sqft)</strong>:' + '&nbsp;&nbsp;' + Math.round(e.row['POTENTIAL_'].value) +
             '<br><strong> Pitched or Flat Roof (?)</strong>:'+ '&nbsp;&nbsp;' +  e.row['PITCHED_OR'].value +
             '<br><strong> # of Panels per Roof Area :</strong>' + '&nbsp;&nbsp;' + Math.round(e.row['NUMBER_OF_'].value) + '</p>');
            });

        layer.setMap(map);

             google.maps.event.addListener(layer, 'click', function(e) {
         $("#roof-panel-area").html(
         '<p><strong>Total Roof Area (sqft)</strong>: ' + '&nbsp;&nbsp;' + Math.round(e.row['TOTAL_ROOF'].value) + 
         '<br><strong> Potential Roof Area (sqft)</strong>:' + '&nbsp;&nbsp;' + Math.round(e.row['POTENTIAL_'].value) + 
         '<br><strong> Pitched or Flat Roof (?)</strong>:'+ '&nbsp;&nbsp;' +  e.row['PITCHED_OR'].value + 
         '<br><strong> # of Panels per Roof Area :</strong>' + '&nbsp;&nbsp;' + Math.round(e.row['NUMBER_OF_'].value) +
         '</p>');
         drawVisualization(e);
        });

    layer.setMap(map);

}

google.maps.event.addListener（层，'click'，函数（e）{
$（“#车顶面板面积”）.html(
“屋顶总面积（sqft）：”+“”+数学圆整（e.row['Total_Roof'].值）+
“
潜在屋顶面积（sqft）：”+“”+数学圆整（e.row['Potential_'].value）+
“
坡屋顶或平屋顶（？）：”+“”+e.row[“坡屋顶”或“].value+
每个屋顶区域的面板数：+''+数学圆整（e.row['NUMBER\U of_'].值）+
“
”）；
绘图可视化（e）；
});
图层设置图（map）；
}

html

建筑概况：