Plotly JS：设置饼图动画

Question

有可能在更改饼图数据时实现流畅的动画？我以前用散点图、指标和柱状图做过类似的事情，但是我的解决方案不适用于饼图。

那么，plotly js是否可以实现平滑动画？饼图还不受支持吗？

代码示例：https://codepen.io/michaelkonstreu/pen/yLaEBJr

绘制图表：

function drawChart() {
  generateRandomValues();
  let graph = document.querySelector('#graph');
  let plotWidth = graph.getBoundingClientRect().width;
  let plotHeight = graph.getBoundingClientRect().height;
  let data = [{
    type: "pie",
    values: VALUES,
    labels: LABELS,
    textinfo: 'percent',
    automargin: true,
  }];
  let layout = {
    paper_bgcolor: 'rgba(0,0,0,0)',
    plot_bgcolor: 'rgba(0,0,0,0)',
    width: plotWidth,
    height: plotHeight,
    margin: { "t": 0, "b": 0, "l": 0, "r": 0 },
    showlegend: true,
  }
  Plotly.newPlot(graph.id, data, layout, { displaylogo: false, responsive: true, staticPlot: true });
 }

动画图表：

function updateChart(){
  generateRandomValues();
  Plotly.animate('graph', {
        data: [
            {
                y: VALUES,
                x: LABELS,
            }
        ],
        traces: [0]
    },
        {
            transition: {
                duration: 750, easing: 'cubic-in-out'
            }
        }
    )
}

Answer 1

有文件说（即时更新）

目前，只有散射迹线可以从一种状态平滑过渡到下一种状态。其他轨迹与帧和动画兼容，但会立即更新。

https://plotly.com/javascript/animations/