热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

关于javascript:Highcharts按钮点击加载效果

Highchartsloadeffectonbuttonclick这是一个hig


Highcharts load effect on button click


这是一个 highchart 小提琴样本

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/series-setdata/










1
2
3
4


$('#button').click(function () {

        var chart = $('#container').highcharts();

        // I want the code which will have the effect of line being drawn on points, just like when clicked on run in the above fiddle link.
});


如果您在单击运行时检查小提琴,则会出现从左到右绘制线条的动画。我正在寻找一种类似的方法,当我单击按钮时,highchart 将使用相同的数据重新绘制自身。我的项目中有多个图表,例如柱形图和饼图,我尝试过回流和重绘,但它们都有自己的目的,不能满足我的要求。请帮忙。



相关讨论




  • 也许您可以删除您的系列并添加具有与以前系列相同参数的新系列? jsfiddle.net/fdwwv3ey






在图表配置中使用"动画":










1
2
3
4


  animation: {

        duration: 1000,

        easing: 'easeOutBounce'

    }





相关讨论




  • 它没有像我预期的那样工作,我也查看了 api.highcharts.com/highcharts#chart.animation ,这里的动画示例显示数据正在更新。我的数据保持不变,我只想要再次绘制线条的效果。


  • 美好的!请查看 stackoverflow.com/questions/11188114/... 和 jsfiddle.net/Nishith/my8646oc/31 上的小提琴


  • 我仍在寻找一种更好的方法来让它工作,但你发送的链接现在确实解决了我的问题。










推荐阅读
author-avatar
手机用户2502877341
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有