D3.js 如何在渲染时抑制D3或MetricsGraphics动画

我正在使用MetricsGraphics库和D3绘制曲线图时间序列图。当其他数据可用时，将重新绘制绘图

下面是代码，下面是小提琴：

---

当情节正在更新时，奇怪的动画（变形）从何而来？如何抑制它？

将更新时的

转换参数更改为
false
：

var mydata = [];
var intervalID = setInterval( function addsample() {
      var newval = Math.random() * 10;
    var mysample = { 
        timestamp: new Date(), 
        value: newval };
    mydata.push( mysample );
    console.log("sample count: " + mydata.length);
    if (mydata.length == 100) clearInterval(intervalID);

    MG.data_graphic({
    title: "Time Series Plot",
    data: mydata,
        interpolate: d3.curveStep,
        chart_type: 'line',
    height: 400,
    width: 600,
    xax_count: 3,
    x_accessor: 'timestamp',
    y_accessor: 'value',
    area: false,
    target: '#chart',
    transition_on_update: false //here's the argument
    });

  },1000);

将更新时的
转换
参数更改为
false
：

var mydata = [];
var intervalID = setInterval( function addsample() {
      var newval = Math.random() * 10;
    var mysample = { 
        timestamp: new Date(), 
        value: newval };
    mydata.push( mysample );
    console.log("sample count: " + mydata.length);
    if (mydata.length == 100) clearInterval(intervalID);

    MG.data_graphic({
    title: "Time Series Plot",
    data: mydata,
        interpolate: d3.curveStep,
        chart_type: 'line',
    height: 400,
    width: 600,
    xax_count: 3,
    x_accessor: 'timestamp',
    y_accessor: 'value',
    area: false,
    target: '#chart',
    transition_on_update: false //here's the argument
    });

  },1000);

太棒了！我希望事情会这么简单！太棒了！我希望事情会这么简单！