Question

我在angular2应用程序中使用ZingChart。我正在尝试更新折线图的scale-x。但是找不到那个api：

export class App {
  charts : Chart[];

  @ViewChild(ZingChart)
  chart: ZingChart;

  constructor() {
    this.name = 'Angular2'
    this.charts = [{
      id : 'chart-1',
      data : {
        type : 'line',
        series : [{
          values :[2,3,4,5,3,3,2]
        }],
      },
      height : 400,
      width : 600
    }]
  }


  update(){
    this.charts[0].data.series[0].values = [1,2,3,4,5,6];
    //this.charts[0].data.x.value=[1,2,3,4,5,6]; ??? 
    this.chart.update();
  }
}

这是一个plunkr

Answer 1

所以你要找的是scale-x values或labels。这将确定x轴上显示的内容。由于您希望将这些标签显示为时间的线性度量，因此您无需使用minValue，maxValue和step设置比例。但是你应该知道这是一个选项here.

使用labels进行演示所需的文档是here

Updated Your Code

ZingChart行更新Angular2中的缩放比例x

1 个答案: