javascript - Angular 4上的Chartist破坏了我的应用程序

我的应用程序已停止，运行ng服务时出现以下错误：
photo of the problem
我在用chartjs制作一些动画
这是charts.component.ts文件中的代码

        /* ----------==========    Rounded Line Chart initialization    ==========---------- */
**Error start here**

        var data = {
          series: [[
            { x: 1, y: 100 },
            { x: 2, y: 50 },
            { x: 3, y: 25 },
            { x: 4, y: 66 },
            { x: 5, y: 30 },
            { x: 6, y: 22 }
          ]]
        };

        var options = {
          axisX: {
            type: Chartist.AutoScaleAxis
          },
          axisY: {
            type: Chartist.AutoScaleAxis
          },
        //   plugins: [
        //     Chartist.plugins.zoom({
        //     onZoom : function(chart, reset) { this.storeReset(reset); },
        //     })
        // ]
        };

        var chart = new Chartist.Line('.ct-chart', data, options);

        var dataRoundedLineChart = {
            labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
            series: [
                [12, 17, 7, 17, 23, 18, 38]
            ]
        };

        

最佳答案

传递给此方法的data参数：

var chart = new Chartist.Line('.ct-chart', data, options);

预期将实现以下接口：

interface IChartistData {
    labels?: Array<string> | Array<number> | Array<Date>;
    series: Array<IChartistSeriesData> | Array<number> |  Array<Array<number>>;
}

您没有使用当前的变量来执行此操作：

 var data = {
     series: [[
         { x: 1, y: 100 },
         { x: 2, y: 50 },
         { x: 3, y: 25 },
         { x: 4, y: 66 },
         { x: 5, y: 30 },
         { x: 6, y: 22 }
     ]]
};

你不需要提供X轴作为这个数据的一部分。charist将从数组中元素的位置推断出这一点。试试这个：

var data = {
    series: [
      [
        100,
        50,
        25,
        66,
        30,
        22
      ]
    ]
}