如何从ng2图的直线中绘制折线图？

Question

我正在使用ng2-charts在Angular 8应用程序中制作折线图。但是，折线图显示为曲线而不是直线。如您所见，我正在从以下链接https://valor-software.com/ng2-charts/#/LineChart中获取代码，这些行不是直线。如何使它们成直线？

谢谢。

Answer 1

将bezierCurve: false传递到这样的选项中：

<canvas baseChart width="400" height="400"
            [datasets]="lineChartData"
            [labels]="lineChartLabels"
            [options]="{bezierCurve: false}"
</canvas>

或者如果您使用较新的版本lineTension: 0：

<canvas baseChart width="400" height="400"
            [datasets]="lineChartData"
            [labels]="lineChartLabels"
            [options]="{lineTension: 0}"
</canvas>

或者如果您想影响某个数据集：

<canvas baseChart width="400" height="400"
            [datasets]="{data: data, lineTension: 0}"
            [labels]="lineChartLabels"
            [options]="lineChartOptions"
</canvas>

OP的无关问题：

我注意到默认情况下，折线图下方的区域具有颜色，我尝试了background-color:'none';，但这种方法不起作用，它只是在其下放置了灰色。 有没有办法使线下没有任何颜色？

<canvas baseChart width="400" height="400"
            [datasets]="{data: data, lineTension: 0, fill: false}"
            [labels]="lineChartLabels"
            [options]="lineChartOptions"
</canvas>

[datasets]="{fill: false}"