javascript - 水箱的javascript动画

Question

我正在尝试使用 RGraph 库来操作垂直进度条，但我被卡住了，因为在创建进度条后我无法操作它的属性，这是我一直在使用的代码：

 window.onload = function ()
{
    // Create the object. The arguments are: The canvas ID, the indicated value and the maximum value.
    var myProgress = new RGraph.VProgress('myProgress', 60, 100)

        // Configure the chart to look as you want.
        .Set('chart.colors', ['blue'])

        .Set('chart.tickmarks',['true'])

        .Set('chart.tickmarks.color',['white'])

        .Set('chart.title',"Nivel")

        // Now call the .Draw() method to draw the chart.
        .Draw();




}

之后我尝试通过单击按钮来读取 value 属性，但它显示未定义：

function myFunction()
{
   var valor= myProgress.value;
   alert(valor);


}

如何访问在另一个函数中创建的对象的属性？我的想法是根据网页中的控件更改进度条的级别。

提前感谢您提供的任何帮助。

Answer 1

myProgress范围在您的onload处理程序内，因此该范围之外的其他函数无法看到它。

var myProgress;
window.onload = function() {
    myProgress = new RGraph.VProgress('myProgress', 60, 100)
    // ...
};