Я использую ng2-charts для создания линейных диаграмм в моем приложении Angular 8. Но линейные диаграммы отображаются в виде изогнутых линий, а не прямых. Я беру код по следующей ссылке https://valor-software.com/ng2-charts/#/LineChart, как видите, линии не прямые. Как сделать их прямыми?
Спасибо.
Передайте 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}"
bezierCurve: falseв параметры. Т.е.[options]="{bezierCurve: false}"илиlineTension: 0. Однако, если вы используете новые диаграммы, вы можете попробовать:[datasets]="{data: data, lineTension:0}"- person Joel schedule 30.01.2020[options]="{fill: false}"или[datasets]="{fill: false}"или[options]="{backgroundColor: transparent}- person Joel schedule 30.01.2020