0

以下に示すように、私は関数getChart（）;を作成しました。単独で呼び出された場合は機能しますが、$（document）.ready（function（）{...}）;にラップしたときにグラフが表示されません。私もファイルを添付しました..どんな助けでも高く評価され、感謝されます..ありがとう..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Google Visualization API Sample</title>
  <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript">

    function getChart(){
    google.load('visualization', '1', {packages: ['corechart']});
    function drawVisualization() {
       // Populate the data table.

        var dataTable = google.visualization.arrayToDataTable([
           ['Mon', 20, 28, 38, 45],
           ['Fri', 68, 66, 22, 15]
        // Treat first row as data as well.
        ], true);   

        // Draw the chart.
        var chart = new     google.visualization.CandlestickChart(document.getElementById('visualization'));
        chart.draw(dataTable, {legend:'none', width:600, height:400});
    }

    google.setOnLoadCallback(drawVisualization);

    }

    $(document).ready(function(){
        $('#idbutton').click(function(){
            getChart();
        });
    });


  </script>
</head>
<body>
<input id="idbutton" type="button" value="button" />
<div id="visualization"></div>
</body>
</html>
4

1 に答える 1

0

ウィンドウオブジェクトにアタッチしてみてください。何かのようなもの

$(document).ready(function(){
    window.getChart = function() { //Code of getChart here };
});

そしてそれを次のように呼びます：

$(document).ready(function(){
    $('#idbutton').click(function(){
        window.getChart();
    });
});

注：私はそれをテストしませんでした。

于 2012-08-02T20:00:01.807 に答える