与series.addPoint动画效果Highcharts列（）

当我点添加到我的一系列柱形图动画看起来可怕，新列只是出现在右边，然后一切在多张幻灯片，以适应他们。例如：http://jsfiddle.net/jamesredwood/a0p4pqe8/与series.addPoint动画效果Highcharts列（）

如果新数据可以添加到视图中，并且在同时其他所有内容都会移动的同时滑入视图，则会更好。

有什么办法可以达到这个目的吗？

Highcharts.chart('container', { 
chart: { 
    type: 'column', 
    margin: [70, 50, 60, 80], 
    events: { 
     click: function (e) { 
      // find the clicked values and the series 
      var x = Math.round(e.xAxis[0].value), 
       y = Math.round(e.yAxis[0].value), 
       series = this.series[0]; 

      // Add it 
      series.addPoint([x, y]); 

     } 
    } 
}, 
title: { 
    text: 'User supplied data' 
}, 
subtitle: { 
    text: 'Click the plot area to add a point. Click a point to remove it.' 
}, 
xAxis: { 
    gridLineWidth: 1, 
    minPadding: 0.2, 
    maxPadding: 0.2, 
    maxZoom: 60 
}, 
yAxis: { 
    title: { 
     text: 'Value' 
    }, 
    minPadding: 0.2, 
    maxPadding: 0.2, 
    maxZoom: 60, 
    plotLines: [{ 
     value: 0, 
     width: 1, 
     color: '#808080' 
    }] 
}, 
legend: { 
    enabled: false 
}, 
exporting: { 
    enabled: false 
}, 
plotOptions: { 
    series: { 
     lineWidth: 1, 
     point: { 
      events: { 
       'click': function() { 
        if (this.series.data.length > 1) { 
         this.remove(); 
        } 
       } 
      } 
     } 
    } 
}, 
series: [{ 
    data: [[20, 20], [80, 80]] 
}]

}）;

来源

2017-10-19 J.Redwood

我真的很喜欢它，如果新的数据可能只是从右侧滑入 - 它看起来可怕的路，它只是看起来那么后，现有数据的变化已经出现 –