自定义动画

    • 按需引用需要的动画执行函数。
    • 帮助用户自定义动画执行函数。
    3. // Step 1: 定义动画执行函数
    4. function fadeIn(
    5.   shape: IShape | IGroup,
    6.   animateCfg: AnimateCfg,
    7.   cfg: AnimateExtraCfg,
    8. ) {
    9.     fillOpacity: isNil(shape.attr('fillOpacity'))
    10.       ? 1
    12.     strokeOpacity: isNil(shape.attr('strokeOpacity'))
    13.       ? 1
    14.       : shape.attr('strokeOpacity'),
    15.     opacity: isNil(shape.attr('opacity')) ? 1 : shape.attr('opacity'),
    16.   };
    17.   shape.attr({
    18.     fillOpacity: 0,
    19.     strokeOpacity: 0,
    20.   });
    22. }
    24. // Step 2: 注册动画执行函数
    25. registerAnimation('fadeIn', fadeIn);
    27. // Step 3: 使用
    28. chart.interval().animate({
    29.   appear: {
    30.     animation: 'fadeIn',

    API 链接。