关于 javascript:Highcharts 按钮点击加载效果 | 珊瑚贝

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 上的小提琴
  • 我仍在寻找一种更好的方法来让它工作,但你发送的链接现在确实解决了我的问题。


来源:https://www.codenong.com/37816841/

微信公众号
手机浏览(小程序)

Warning: get_headers(): SSL operation failed with code 1. OpenSSL Error messages: error:14090086:SSL routines:ssl3_get_server_certificate:certificate verify failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(): Failed to enable crypto in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57

Warning: get_headers(https://static.shanhubei.com/qrcode/qrcode_viewid_9482.jpg): failed to open stream: operation failed in /mydata/web/wwwshanhubei/web/wp-content/themes/shanhuke/single.php on line 57
0
分享到:
没有账号? 忘记密码?