Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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 如何逐个设置jquery flot行的动画_Javascript_Jquery_Flot - Fatal编程技术网

Javascript 如何逐个设置jquery flot行的动画

Javascript 如何逐个设置jquery flot行的动画,javascript,jquery,flot,Javascript,Jquery,Flot,我想为我的jQuery flot图表制作动画,它由3行组成,如您在屏幕截图中所看到的 场景是“加载页面时,我想从左到右绘制线条动画。这将对所有线条单独进行,直到绘制出所有3条线条。” 我已经搜索了2天了,但还没有找到任何方法来实现这一点。也尝试了这个插件,但它只是动画1行,在这个插件中的每个例子是基于1行 任何有关插件的帮助或信息都将不胜感激。这可以通过使用插件的animatorComplete事件来实现。它的工作原理如下: 用动画绘制第一个数据系列,隐藏第二个和第三个数据系列 打印第一个不带

我想为我的jQuery flot图表制作动画,它由3行组成,如您在屏幕截图中所看到的

场景是“加载页面时,我想从左到右绘制线条动画。这将对所有线条单独进行,直到绘制出所有3条线条。”

我已经搜索了2天了,但还没有找到任何方法来实现这一点。也尝试了这个插件,但它只是动画1行,在这个插件中的每个例子是基于1行


任何有关插件的帮助或信息都将不胜感激。

这可以通过使用插件的
animatorComplete
事件来实现。它的工作原理如下:

  • 用动画绘制第一个数据系列,隐藏第二个和第三个数据系列
  • 打印第一个不带动画的数据系列和第二个带动画的数据系列,隐藏第三个数据系列
  • 打印第一个和第二个数据系列(不带动画),第三个数据系列(带动画)

  • 如果您将所有数据放在一个数据系列数组中,则可以使用for循环和计数器轻松实现。有关两个数据系列的简单示例,请参见此。

    这可以通过使用插件的
    animatorComplete
    事件来实现。它的工作原理如下:

  • 用动画绘制第一个数据系列,隐藏第二个和第三个数据系列
  • 打印第一个不带动画的数据系列和第二个带动画的数据系列,隐藏第三个数据系列
  • 打印第一个和第二个数据系列(不带动画),第三个数据系列(带动画)
  • 如果您将所有数据放在一个数据系列数组中,则可以使用for循环和计数器轻松实现。有关两个数据系列的简单示例,请参见此