水箱的javascript动画

时间:2013-09-24 20:29:42

标签: javascript rgraph

我正在尝试使用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);


}

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

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

1 个答案:

答案 0 :(得分:0)

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

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