C3js时间序列流动

Question

根据可用的示例，我尝试创建一个包含多行的折线图，以便在更新时流动时间序列。

创建图表：

// The number of columns is variable
var columns = [];
columns.push(['time', time]);
for (var i = 0; i < values.length; i++) {
  // The number of columns is variable
  columns.push([values[i].name, pairValue(values[i])]);
}

var chart = c3.generate({
  bindto: selection,
  data: {
    x: 'time',
      columns: columns
    },
    axis: {
      x: {
        type: 'timeseries',
        tick: {
          format: '%X'
        }
      }
    }
  });

更新图表：

// The number of columns is variable
var columns = [];
columns.push(['time', time]);
for (var i = 0; i < values.length; i++) {
  // pairValue extracts value from object
  columns.push([values[i].name, pairValue(values[i])]);
}

// I have saved the chart object on creation
var chart = __charts[tag(selection)]; 
chart.flow({
  columns: columns,
  to: time,
  duration: 1000
});

虽然创建工作正常，但更新不会移动X刻度，更新发生在可视区域之外。任何建议都非常受欢迎。