Highcharts 中文社区

查看: 2632|回复: 3

[已解决] highcharts使用Renderer绘制弧形添加动画?

[复制链接]
  • TA的每日心情

    2018-4-26 09:30
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    3

    主题

    5

    帖子

    26

    积分

    HC 新手

    Rank: 1

    积分
    26
    发表于 2018-4-7 15:14:23 | 显示全部楼层 |阅读模式
    在API中提供了Renderer自由绘图,比如官方的这个例子:
    var renderer;
    $(function () {
        renderer = new Highcharts.Renderer(
            $('#container')[0],
            400,
            300
        );
        renderer.arc(200, 150, 100, 50, -Math.PI, 0).attr({
            fill: '#FCFFC5',
            stroke: 'black',
            'stroke-width': 1
        }).add();
    });

    效果如图所示::
    提问1.png
    但是这个绘制过程如何添加动画;
    Element中的animate不知道如何使用, 请高手赐教!
    官方提供的例子在这里click;
  • TA的每日心情
    无聊
    2018-12-29 14:45
  • 签到天数: 69 天

    [LV.6]常住居民II

    21

    主题

    64

    帖子

    267

    积分

    HC 熟手

    Rank: 2

    积分
    267
    发表于 2018-4-8 10:46:26 | 显示全部楼层
    https://code.hcharts.cn/highcharts/KJUf67/18
  • TA的每日心情

    2018-4-26 09:30
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    3

    主题

    5

    帖子

    26

    积分

    HC 新手

    Rank: 1

    积分
    26
     楼主| 发表于 2018-4-7 15:16:31 | 显示全部楼层
    添加了例子的链接发现没有显示,在这里https://code.hcharts.cn/highcharts/KJUf67/2
  • TA的每日心情

    2018-4-26 09:30
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    3

    主题

    5

    帖子

    26

    积分

    HC 新手

    Rank: 1

    积分
    26
     楼主| 发表于 2018-4-21 11:10:45 | 显示全部楼层
    dolphinfine 发表于 2018-4-8 10:46
    https://code.hcharts.cn/highcharts/KJUf67/18

    动画

    动画
    这种样式的动画怎么做呢?从左边沿着弧形方向画过来这种效果
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    关闭

    站长推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表