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