1

data1定義されていない参照エラーが発生し、フォームが表示され、作成した3つの円が表示されます。しかし、それを更新したいとき、参照エラーが発生します。

これが機能している描画用の私のコードです：

google.load('visualization', '1', {packages:['gauge']});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data1 = google.visualization.arrayToDataTable([
          ['Label', 'Value'],
          ['A', 0],
        ]);
        var data2 = google.visualization.arrayToDataTable([
          ['Label', 'Value'],
          ['B', 0]
        ]);
        var data3 = google.visualization.arrayToDataTable([
          ['Label', 'Value'],
          ['C', 0]
        ]);

        var options1 = {
          width: 150, height: 170,
          min:0, max:200,
          minorTicks: 5
        };
        var options2 = {
          width: 150, height: 170,
          min:0, max:7000,
          minorTicks: 5
        };
        var options3 = {
          width: 150, height: 170,
          min:0, max:30,
          minorTicks: 5
        };

        var chart = new google.visualization.Gauge(document.getElementById('visualization1'));
        var chart2 = new google.visualization.Gauge(document.getElementById('visualization2'));
        var chart3 = new google.visualization.Gauge(document.getElementById('visualization3'));
        chart.draw(data1, options1);
        chart2.draw(data2, options2);
        chart3.draw(data3, options3);
      }

そして、これは私が新しい値を追加するために使用している関数ですdata1

function changeSpeed(dir) {
      console.log(dir);
     data1.setValue(0, 0, dir);
    chart.draw(data1, options1);
    }

おそらく私の機能が正しく設定されていません。

4

1 に答える 1

1

変数、、、、options1およびoptions2はoptions3、data1ローカルスコープで定義されますdata2。data3次のように機能を変更する必要があります。

function changeSpeed(dir, options, data) {
   data.setValue(0, 0, dir);
   chart.draw(data, options);
}

そしてそれを使用してください：

changeSpeed(dir, options1, data1);

または、グローバルスコープで変数を定義できます。

于 2012-06-18T17:54:59.150 に答える