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/