定义函数按钮javascript

这是我的JavaScript代码；我有一个从数据源获取数据的PieChart。现在我想在我的页面中添加一个按钮，当我点击它时，我可以看到我的图表

我想在我的按钮中定义

函数绘图

HTML:

<input id="drawChart" type="button" value="click me" ">
<script type="text/javascript" src="google.com/jsapi"></script>;
<script src="{{=URL('static','js/XXX/code/XXXX.js')}}"></script> 
<div id="reportingContainer"></div>

如果
getTable（）
是调用饼图方法的正确函数，请尝试以下方法

$("#drawChart").on('click', function () {
        getTable();  //?????????????????????????????
    });

调用
getTable
将带您进入
drawChart

更新：

<input id="drawChart" type="button" value="click me" ">
<script type="text/javascript" src="google.com/jsapi"></script>;
<script src="{{=URL('static','js/XXX/code/XXXX.js')}}"></script> 
<div id="reportingContainer"></div>

由于div附加了一个ID，您可以这样尝试

function initialize() {
            var $newDiv = $('<div>').attr('id','chart_div');            
            $('#reportingContainer').append($newDiv);

            $($newDiv).hide();  //hide the div here

  // Replace the data source URL on next line with your data source URL.
  // Specify that we want to use the XmlHttpRequest object to make the query.
           getTable();
    }  

万一你想去

getTable（）返回什么？它返回一个用户可以与其连接的表的名称@user225049我想你应该看到comments文本框中的占位符说“如果是代码编辑你的问题”@user225049你在哪里调用
initialize（）
没有任何迹象。而且你的html代码有一些bug，你需要把它弄清楚。删除不必要的“中”it@user225049您是先获取数据图表的吗？@user225049抱歉，它不是数据图表，“drawChart”。1.您能看到饼图吗？2.您的
initailize（）
方法如何。您如何调用？
$("#drawChart").on('click', function () {
       $('#chart_div').show(); //If it is visible hide it or vice versa
    });

$("#drawChart").on('click', function () {
       $('#chart_div').toggle(); //If it is visible hide it or vice versa
    });