Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 发送新值时Google gauge给出错误_Javascript_Google Gauges - Fatal编程技术网

Javascript 发送新值时Google gauge给出错误

Javascript 发送新值时Google gauge给出错误,javascript,google-gauges,Javascript,Google Gauges,我得到了一个参考错误,data1未定义,我的表单可见,我可以看到我做的3个圆圈。但是当我想更新它时,我得到了一个参考错误 以下是我正在工作的绘图代码: google.load('visualization', '1', {packages:['gauge']}); google.setOnLoadCallback(drawChart); function drawChart() { var data1 = google.visualization.arra

我得到了一个参考错误,
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);
      }
这是我用来给数据1添加新值的函数

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

可能我的函数设置不正确。

变量
选项1
选项2
选项3
,以及
数据1
数据2
数据3
在本地范围内定义。您需要像这样更改您的功能:

function changeSpeed(dir, options, data) {
   data.setValue(0, 0, dir);
   chart.draw(data, options);
}
并使用它:

changeSpeed(dir, options1, data1);

或者,您可以在全局范围内定义变量。

变量
选项1
选项2
选项3
,以及
数据1
数据2
数据3
在本地范围内定义。您需要像这样更改您的功能:

function changeSpeed(dir, options, data) {
   data.setValue(0, 0, dir);
   chart.draw(data, options);
}
并使用它:

changeSpeed(dir, options1, data1);

或者,您可以在全局范围内定义变量。

全局范围变量对我有效:)谢谢您的好答案全局范围变量对我有效:)谢谢您的好答案